From 73718a5dc55595b34094239b4d5728df66417e76 Mon Sep 17 00:00:00 2001
From: Tara Rostami <132676256+TaraRostami@users.noreply.github.com>
Date: Sat, 17 Feb 2024 19:52:23 +0330
Subject: UI improvements (#1813)
---
web/html/xui/index.html | 144 ++++++++++++++++++++++++++----------------------
1 file changed, 79 insertions(+), 65 deletions(-)
(limited to 'web/html/xui/index.html')
diff --git a/web/html/xui/index.html b/web/html/xui/index.html
index a9391952..abd3b8d0 100644
--- a/web/html/xui/index.html
+++ b/web/html/xui/index.html
@@ -18,6 +18,14 @@
.ant-card-dark h2 {
color: hsla(0, 0%, 100%, .65);
}
+
+ .ant-tag-df {
+ color: rgb(0 0 0 / 80%);
+ }
+
+ .dark .ant-tag-df {
+ color: rgb(255 255 255 / 80%);
+ }
@@ -36,15 +44,15 @@
- CPU: [[ cpuCoreFormat(status.cpuCores) ]]
- Speed: [[ cpuSpeedFormat(status.cpuSpeedMhz) ]]
+ CPU: [[ cpuCoreFormat(status.cpuCores) ]]
+ Speed: [[ cpuSpeedFormat(status.cpuSpeedMhz) ]]
- {{ i18n "pages.index.memory"}}: [[ sizeFormat(status.mem.current) ]] / [[ sizeFormat(status.mem.total) ]]
+ {{ i18n "pages.index.memory"}}: [[ sizeFormat(status.mem.current) ]] / [[ sizeFormat(status.mem.total) ]]
@@ -56,7 +64,7 @@
:stroke-color="status.swap.color"
:percent="status.swap.percent">
- Swap: [[ sizeFormat(status.swap.current) ]] / [[ sizeFormat(status.swap.total) ]]
+ Swap: [[ sizeFormat(status.swap.current) ]] / [[ sizeFormat(status.swap.total) ]]
@@ -64,7 +72,7 @@
:stroke-color="status.disk.color"
:percent="status.disk.percent">
- {{ i18n "pages.index.hard"}}: [[ sizeFormat(status.disk.current) ]] / [[ sizeFormat(status.disk.total) ]]
+ {{ i18n "pages.index.hard"}}: [[ sizeFormat(status.disk.current) ]] / [[ sizeFormat(status.disk.total) ]]
@@ -75,25 +83,25 @@
-
+
- 3X-UI v{{ .cur_ver }}
- Xray v[[ status.xray.version ]]
- @panel3xui
+ 3X-UI:
+ v{{ .cur_ver }}
+ @Panel3xui
-
+
- {{ i18n "menu.link" }}:
- {{ i18n "pages.index.logs" }}
- {{ i18n "pages.index.config" }}
- {{ i18n "pages.index.backup" }}
+ {{ i18n "pages.index.operationHours" }}:
+ Xray [[ formatSecond(status.appStats.uptime) ]]
+ OS [[ formatSecond(status.uptime) ]]
-
+
- {{ i18n "pages.index.xrayStatus" }}:
- [[ status.xray.state ]]
+ {{ i18n "pages.index.xrayStatus" }}:
+ [[ status.xray.state ]]
+
An error occurred while running Xray
@@ -106,137 +114,143 @@
{{ i18n "pages.index.stopXray" }}
{{ i18n "pages.index.restartXray" }}
- {{ i18n "pages.index.xraySwitch" }}
+ v[[ status.xray.version ]]
-
+
- {{ i18n "pages.index.operationHours" }}:
- Xray
- [[ formatSecond(status.appStats.uptime) ]]
- OS
- [[ formatSecond(status.uptime) ]]
+ {{ i18n "menu.link" }}:
+ {{ i18n "pages.index.logs" }}
+ {{ i18n "pages.index.config" }}
+ {{ i18n "pages.index.backup" }}
-
+
- {{ i18n "pages.index.systemLoad" }}: [[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]]
+ {{ i18n "pages.index.systemLoad" }}:
+
+ [[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]]
{{ i18n "pages.index.systemLoadDesc" }}
-
+
-
+
- {{ i18n "usage"}}:
- RAM [[ sizeFormat(status.appStats.mem) ]] -
- Threads [[ status.appStats.threads ]]
-
+ {{ i18n "usage"}}:
+
+ RAM [[ sizeFormat(status.appStats.mem) ]]
+
+
+ Threads [[ status.appStats.threads ]]
+
-
+
-
- IPv4:
+
+ IPv4
[[ status.publicIP.ipv4 ]]
-
-
-
-
- IPv6:
+
+
+
+
+ IPv6
[[ status.publicIP.ipv6 ]]
-
+
-
+
-
- TCP: [[ status.tcpCount ]]
+
+ TCP: [[ status.tcpCount ]]
{{ i18n "pages.index.connectionTcpCountDesc" }}
-
+
-
- UDP: [[ status.udpCount ]]
+
+ UDP: [[ status.udpCount ]]
{{ i18n "pages.index.connectionUdpCountDesc" }}
-
+
-
+
-
- [[ sizeFormat(status.netIO.up) ]]/s
+
+
+ Up: [[ sizeFormat(status.netIO.up) ]]/s
{{ i18n "pages.index.upSpeed" }}
-
+
-
- [[ sizeFormat(status.netIO.down) ]]/s
+
+
+ Down: [[ sizeFormat(status.netIO.down) ]]/s
{{ i18n "pages.index.downSpeed" }}
-
+
-
+
-
- [[ sizeFormat(status.netTraffic.sent) ]]
+
+
{{ i18n "pages.index.totalSent" }}
-
-
+ Out: [[ sizeFormat(status.netTraffic.sent) ]]
+
-
- [[ sizeFormat(status.netTraffic.recv) ]]
+
+
{{ i18n "pages.index.totalReceive" }}
-
-
+ In: [[ sizeFormat(status.netTraffic.recv) ]]
+
@@ -256,7 +270,7 @@
>
+ style="margin-right: 10px" @click="switchV2rayVersion(version)">
[[ version ]]
--
cgit v1.2.3