From 70a41275c194420490378ac32c3f3e1793e49822 Mon Sep 17 00:00:00 2001
From: m1m1sha <18262227804@163.com>
Date: Sat, 12 Oct 2024 20:17:45 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20display?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Display server tag and whether server supports relay
---
 easytier-gui/locales/cn.yml            |  2 ++
 easytier-gui/locales/en.yml            |  2 ++
 easytier-gui/src/components/Status.vue | 34 ++++++++++++++++++--------
 easytier-gui/src/types/network.ts      |  1 +
 4 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/easytier-gui/locales/cn.yml b/easytier-gui/locales/cn.yml
index f6936d2..da44a6c 100644
--- a/easytier-gui/locales/cn.yml
+++ b/easytier-gui/locales/cn.yml
@@ -72,6 +72,8 @@ loss_rate: 丢包率
 status:
   version: 内核版本
   local: 本机
+  server: 服务器
+  relay: 中继
 
 run_network: 运行网络
 stop_network: 停止网络
diff --git a/easytier-gui/locales/en.yml b/easytier-gui/locales/en.yml
index 7f5a495..23bfdf7 100644
--- a/easytier-gui/locales/en.yml
+++ b/easytier-gui/locales/en.yml
@@ -71,6 +71,8 @@ loss_rate: Loss Rate
 status:
   version: Version
   local: Local
+  server: Server
+  relay: Relay
 
 run_network: Run Network
 stop_network: Stop Network
diff --git a/easytier-gui/src/components/Status.vue b/easytier-gui/src/components/Status.vue
index eb16ea2..27799e0 100644
--- a/easytier-gui/src/components/Status.vue
+++ b/easytier-gui/src/components/Status.vue
@@ -410,19 +410,33 @@ function showEventLogs() {
           {{ t('peer_info') }}
         </template>
         <template #content>
-          <DataTable :value="peerRouteInfos" column-resize-mode="fit" table-style="width: 100%">
-            <Column :field="ipFormat" style="width: 100px;" :header="t('virtual_ipv4')" />
-            <Column style="max-width: 250px;" :header="t('hostname')">
+          <DataTable :value="peerRouteInfos" column-resize-mode="fit" table-class="w-full">
+            <Column :field="ipFormat" :header="t('virtual_ipv4')" />
+            <Column :header="t('hostname')">
               <template #body="slotProps">
-                <span v-tooltip="slotProps.data.route.hostname">{{ slotProps.data.route.hostname }}</span>
+                <div
+                  v-if="!slotProps.data.route.cost || !slotProps.data.route.feature_flag.is_public_server"
+                  v-tooltip="slotProps.data.route.hostname"
+                >
+                  {{
+                    slotProps.data.route.hostname }}
+                </div>
+                <div v-else v-tooltip="slotProps.data.route.hostname" class="space-x-1">
+                  <Tag v-if="slotProps.data.route.feature_flag.is_public_server" severity="info" value="Info">
+                    {{ t('status.server') }}
+                  </Tag>
+                  <Tag v-if="slotProps.data.route.no_relay_data" severity="warn" value="Warn">
+                    {{ t('status.relay') }}
+                  </Tag>
+                </div>
               </template>
             </Column>
-            <Column :field="routeCost" style="width: 100px;" :header="t('route_cost')" />
-            <Column :field="latencyMs" style="width: 80px;" :header="t('latency')" />
-            <Column :field="txBytes" style="width: 80px;" :header="t('upload_bytes')" />
-            <Column :field="rxBytes" style="width: 80px;" :header="t('download_bytes')" />
-            <Column :field="lossRate" style="width: 100px;" :header="t('loss_rate')" />
-            <Column style="width: 100px;" :header="t('status.version')">
+            <Column :field="routeCost" :header="t('route_cost')" />
+            <Column :field="latencyMs" :header="t('latency')" />
+            <Column :field="txBytes" :header="t('upload_bytes')" />
+            <Column :field="rxBytes" :header="t('download_bytes')" />
+            <Column :field="lossRate" :header="t('loss_rate')" />
+            <Column :header="t('status.version')">
               <template #body="slotProps">
                 <span>{{ version(slotProps.data) }}</span>
               </template>
diff --git a/easytier-gui/src/types/network.ts b/easytier-gui/src/types/network.ts
index 47adfbe..8422328 100644
--- a/easytier-gui/src/types/network.ts
+++ b/easytier-gui/src/types/network.ts
@@ -158,6 +158,7 @@ export interface PeerInfo {
 export interface PeerConnInfo {
   conn_id: string
   my_peer_id: number
+  is_client: boolean
   peer_id: number
   features: string[]
   tunnel?: TunnelInfo