diff --git a/src/config.js b/src/config.js index 09fbcf3e..22778432 100644 --- a/src/config.js +++ b/src/config.js @@ -29,3 +29,4 @@ iptables -A FORWARD -o wg0 -j ACCEPT; module.exports.WG_PRE_DOWN = process.env.WG_PRE_DOWN || ''; module.exports.WG_POST_DOWN = process.env.WG_POST_DOWN || ''; module.exports.LANG = process.env.LANG || 'en'; +module.exports.UI_DETAILED_STATS = process.env.UI_DETAILED_STATS || 'false'; diff --git a/src/lib/Server.js b/src/lib/Server.js index 1f00a6b4..3a419aa8 100644 --- a/src/lib/Server.js +++ b/src/lib/Server.js @@ -18,6 +18,7 @@ const { RELEASE, PASSWORD, LANG, + UI_DETAILED_STATS, } = require('../config'); module.exports = class Server { @@ -44,6 +45,9 @@ module.exports = class Server { .get('/api/lang', (Util.promisify(async () => { return LANG; }))) + .get('/api/ui-detailed-stats', (Util.promisify(async () => { + return UI_DETAILED_STATS === 'true' ? true : false; + }))) // Authentication .get('/api/session', Util.promisify(async (req) => { diff --git a/src/www/index.html b/src/www/index.html index 412d26a0..b63f158f 100644 --- a/src/www/index.html +++ b/src/www/index.html @@ -17,11 +17,8 @@ -
-
-
- -
@@ -166,16 +161,37 @@ + + + · + + + + {{client.transferTxCurrent | bytes}}/s + + + + + · + + + + {{client.transferRxCurrent | bytes}}/s + - - {{new Date(client.latestHandshakeAt) | timeago}} + {{!uiDetailedStats ? " · " : ""}}{{new Date(client.latestHandshakeAt) | timeago}}
-
diff --git a/src/www/js/api.js b/src/www/js/api.js index 366aeaa1..620a930b 100644 --- a/src/www/js/api.js +++ b/src/www/js/api.js @@ -43,6 +43,13 @@ class API { }); } + async getUiDetailedStats() { + return this.call({ + method: 'get', + path: '/ui-detailed-stats', + }); + } + async getSession() { return this.call({ method: 'get', diff --git a/src/www/js/app.js b/src/www/js/app.js index 45f7118b..8dec5052 100644 --- a/src/www/js/app.js +++ b/src/www/js/app.js @@ -53,6 +53,7 @@ new Vue({ latestRelease: null, isDark: null, + uiDetailedStats: false, chartOptions: { chart: { @@ -299,6 +300,8 @@ new Vue({ i18n.locale = lang; } + this.uiDetailedStats = await this.api.getUiDetailedStats(); + const currentRelease = await this.api.getRelease(); const latestRelease = await fetch('https://wg-easy.github.io/wg-easy/changelog.json') .then((res) => res.json())