diff options
| author | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-08-09 00:07:05 +0300 |
|---|---|---|
| committer | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-08-09 00:07:05 +0300 |
| commit | e00c3f1823a4ff80daf8290e2dfec4474e7f9173 (patch) | |
| tree | 8a3cd6e051feeabd19aac2b415953d8d02c3e8a2 /web/html/xui | |
| parent | 05bc655e169471cb7712c518364d8c5b8b41c8f2 (diff) | |
add panel usage to main page
Diffstat (limited to 'web/html/xui')
| -rw-r--r-- | web/html/xui/index.html | 43 |
1 files changed, 28 insertions, 15 deletions
diff --git a/web/html/xui/index.html b/web/html/xui/index.html index 0942b0ad..62e60297 100644 --- a/web/html/xui/index.html +++ b/web/html/xui/index.html @@ -108,21 +108,30 @@ </a-col> <a-col :sm="24" :md="12"> <a-card hoverable :class="themeSwitcher.darkCardClass"> - <a-row> - <a-col :span="12"> - {{ i18n "pages.index.systemLoad" }}: [[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]] - <a-tooltip> - <template slot="title"> - {{ i18n "pages.index.systemLoadDesc" }} - </template> - <a-icon type="question-circle" theme="filled"></a-icon> - </a-tooltip> - </a-col> - <a-col :span="12"> - {{ i18n "pages.index.operationHours" }}: - <a-tag color="green">[[ formatSecond(status.uptime) ]]</a-tag> - </a-col> - </a-row> + {{ i18n "pages.index.operationHours" }}: + Xray: + <a-tag color="green">[[ formatSecond(status.appStats.uptime) ]]</a-tag> + OS: + <a-tag color="green">[[ formatSecond(status.uptime) ]]</a-tag> + </a-card> + </a-col> + <a-col :sm="24" :md="12"> + <a-card hoverable :class="themeSwitcher.darkCardClass"> + {{ i18n "pages.index.systemLoad" }}: [[ status.loads[0] ]] | [[ status.loads[1] ]] | [[ status.loads[2] ]] + <a-tooltip> + <template slot="title"> + {{ i18n "pages.index.systemLoadDesc" }} + </template> + <a-icon type="question-circle" theme="filled"></a-icon> + </a-tooltip> + </a-card> + </a-col> + <a-col :sm="24" :md="12"> + <a-card hoverable :class="themeSwitcher.darkCardClass"> + {{ i18n "usage"}}: + Memory [[ sizeFormat(status.appStats.mem) ]] - + Threads [[ status.appStats.threads ]] + </a-tooltip> </a-card> </a-col> <a-col :sm="24" :md="12"> @@ -361,6 +370,8 @@ this.tcpCount = 0; this.udpCount = 0; this.uptime = 0; + this.appUptime = 0; + this.appStats = {threads: 0, mem: 0, uptime: 0}; this.xray = { state: State.Stop, errorMsg: "", version: "", color: "" }; if (data == null) { @@ -379,6 +390,8 @@ this.tcpCount = data.tcpCount; this.udpCount = data.udpCount; this.uptime = data.uptime; + this.appUptime = data.appUptime; + this.appStats = data.appStats; this.xray = data.xray; switch (this.xray.state) { case State.Running: |