From bfb7acd409adf4b6684092a2333a5db2087f5350 Mon Sep 17 00:00:00 2001
From: Ceilzcx <48920254+Ceilzcx@users.noreply.github.com>
Date: Fri, 18 Aug 2023 08:56:43 +0800
Subject: [PATCH] Delete <a> tag of the dashboard's homepage on the top four
 pages (#1189)

---
 .../routes/dashboard/dashboard.component.html | 164 ++++++++----------
 1 file changed, 77 insertions(+), 87 deletions(-)

diff --git a/web-app/src/app/routes/dashboard/dashboard.component.html b/web-app/src/app/routes/dashboard/dashboard.component.html
index 6e7d33fa84d..ae22acacbbb 100644
--- a/web-app/src/app/routes/dashboard/dashboard.component.html
+++ b/web-app/src/app/routes/dashboard/dashboard.component.html
@@ -1,102 +1,92 @@
 <div nz-row nzGutter="16" style="margin-top: 70px">
   <div nz-col [nzXs]="{ span: 24 }" [nzSm]="{ span: 12 }" [nzMd]="{ span: 6 }" class="mb-md hoverCard">
-    <a [routerLink]="['/monitors']" [queryParams]="{ app: 'website' }">
-      <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
-        <div nz-col nzSpan="9" class="p-md text-white">
-          <div class="h2 mt0 font-weight-bold">{{ appCountService.size }}</div>
-          <p class="h5 text-nowrap mb0">
-            <i nz-icon nzType="cloud" nzTheme="outline"></i>
-            {{ 'monitor.category.service' | i18n }}
-          </p>
-        </div>
-        <div nz-col nzSpan="15">
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.available' | i18n }} </span
-            ><span style="font-weight: bolder">{{ appCountService.availableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.unavailable' | i18n }} </span
-            ><span style="font-weight: bolder">{{ appCountService.unAvailableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountService.unManageSize }}</span>
-          </nz-tag>
-        </div>
+    <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
+      <div nz-col nzSpan="9" class="p-md text-white">
+        <div class="h2 mt0 font-weight-bold">{{ appCountService.size }}</div>
+        <p class="h5 text-nowrap mb0">
+          <i nz-icon nzType="cloud" nzTheme="outline"></i>
+          {{ 'monitor.category.service' | i18n }}
+        </p>
+      </div>
+      <div nz-col nzSpan="15">
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountService.availableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.unavailable' | i18n }} </span
+          ><span style="font-weight: bolder">{{ appCountService.unAvailableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountService.unManageSize }}</span>
+        </nz-tag>
       </div>
-    </a>
+    </div>
   </div>
   <div nz-col [nzXs]="{ span: 24 }" [nzSm]="{ span: 12 }" [nzMd]="{ span: 6 }" class="mb-md hoverCard">
-    <a [routerLink]="['/monitors']" [queryParams]="{ app: 'mysql' }">
-      <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
-        <div nz-col nzSpan="9" class="p-md text-white">
-          <div class="h2 mt0 font-weight-bold">{{ appCountDb.size }}</div>
-          <p class="h5 text-nowrap mb0">
-            <i nz-icon nzType="database" nzTheme="outline"></i>
-            {{ 'monitor.category.db' | i18n }}
-          </p>
-        </div>
-        <div nz-col nzSpan="15">
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.availableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.unavailable' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.unAvailableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.unManageSize }}</span>
-          </nz-tag>
-        </div>
+    <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
+      <div nz-col nzSpan="9" class="p-md text-white">
+        <div class="h2 mt0 font-weight-bold">{{ appCountDb.size }}</div>
+        <p class="h5 text-nowrap mb0">
+          <i nz-icon nzType="database" nzTheme="outline"></i>
+          {{ 'monitor.category.db' | i18n }}
+        </p>
+      </div>
+      <div nz-col nzSpan="15">
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.availableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.unavailable' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.unAvailableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountDb.unManageSize }}</span>
+        </nz-tag>
       </div>
-    </a>
+    </div>
   </div>
   <div nz-col [nzXs]="{ span: 24 }" [nzSm]="{ span: 12 }" [nzMd]="{ span: 6 }" class="mb-md hoverCard">
-    <a [routerLink]="['/monitors']" [queryParams]="{ app: 'linux' }">
-      <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
-        <div nz-col nzSpan="9" class="p-md text-white">
-          <div class="h2 mt0 font-weight-bold">{{ appCountOs.size }}</div>
-          <p class="h5 text-nowrap mb0">
-            <i nz-icon nzType="windows" nzTheme="outline"></i>
-            {{ 'monitor.category.os' | i18n }}
-          </p>
-        </div>
-        <div nz-col nzSpan="15">
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.availableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.unavailable' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.unAvailableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.unManageSize }}</span>
-          </nz-tag>
-        </div>
+    <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
+      <div nz-col nzSpan="9" class="p-md text-white">
+        <div class="h2 mt0 font-weight-bold">{{ appCountOs.size }}</div>
+        <p class="h5 text-nowrap mb0">
+          <i nz-icon nzType="windows" nzTheme="outline"></i>
+          {{ 'monitor.category.os' | i18n }}
+        </p>
+      </div>
+      <div nz-col nzSpan="15">
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.availableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.unavailable' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.unAvailableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountOs.unManageSize }}</span>
+        </nz-tag>
       </div>
-    </a>
+    </div>
   </div>
   <div nz-col [nzXs]="{ span: 24 }" [nzSm]="{ span: 12 }" [nzMd]="{ span: 6 }" class="mb-md hoverCard">
-    <a [routerLink]="['/monitors']" [queryParams]="{ app: 'kafka' }">
-      <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
-        <div nz-col nzSpan="9" class="p-md text-white">
-          <div class="h2 mt0 font-weight-bold">{{ appCountMid.size }}</div>
-          <p class="h5 text-nowrap mb0">
-            <i nz-icon nzType="merge-cells" nzTheme="outline"></i>
-            {{ 'monitor.category.mid' | i18n }}
-          </p>
-        </div>
-        <div nz-col nzSpan="15">
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountMid.availableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.unavailable' | i18n }} </span
-            ><span style="font-weight: bolder">{{ appCountMid.unAvailableSize }}</span>
-          </nz-tag>
-          <nz-tag class="mb-xs">
-            <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountMid.unManageSize }}</span>
-          </nz-tag>
-        </div>
+    <div nz-row nzAlign="middle" class="bg-primary rounded-lg">
+      <div nz-col nzSpan="9" class="p-md text-white">
+        <div class="h2 mt0 font-weight-bold">{{ appCountMid.size }}</div>
+        <p class="h5 text-nowrap mb0">
+          <i nz-icon nzType="merge-cells" nzTheme="outline"></i>
+          {{ 'monitor.category.mid' | i18n }}
+        </p>
+      </div>
+      <div nz-col nzSpan="15">
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.available' | i18n }} </span><span style="font-weight: bolder">{{ appCountMid.availableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.unavailable' | i18n }} </span><span style="font-weight: bolder">{{ appCountMid.unAvailableSize }}</span>
+        </nz-tag>
+        <nz-tag class="mb-xs">
+          <span>{{ 'monitor.status.un-manage' | i18n }} </span><span style="font-weight: bolder">{{ appCountMid.unManageSize }}</span>
+        </nz-tag>
       </div>
-    </a>
+    </div>
   </div>
 </div>