Merge pull request #834 from suxscribe/feat-update-client-layout

Show total RX/TX data for each client in UI

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',

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())