wip

src/www/js/api.js

@@ -29,6 +29,13 @@ class API {
     return json;
   }
 
+  async getRelease() {
+    return this.call({
+      method: 'get',
+      path: '/release',
+    });
+  }
+
   async getSession() {
     return this.call({
       method: 'get',

src/www/js/app.js

@@ -22,6 +22,9 @@ new Vue({
     clientEditAddress: null,
     clientEditAddressId: null,
     qrcode: null,
+
+    currentRelease: null,
+    latestRelease: null,
   },
   methods: {
     dateTime: value => {
@@ -155,5 +158,30 @@ new Vue({
     setInterval(() => {
       this.refresh().catch(console.error);
     }, 1000);
+
+    Promise.resolve().then(async () => {
+      const currentRelease = await this.api.getRelease();
+      const latestRelease = await fetch('https://weejewel.github.io/wg-easy/changelog.json')
+        .then(res => res.json())
+        .then(releases => {
+          const releasesArray = Object.entries(releases).map(([version, changelog]) => ({
+            version: parseInt(version, 10),
+            changelog,
+          }));
+          releasesArray.sort((a, b) => {
+            return b.version - a.version;
+          });
+
+          return releasesArray[0];
+        });
+
+      console.log(`Current Release: ${currentRelease}`);
+      console.log(`Latest Release: ${latestRelease.version}`);
+
+      if (currentRelease >= latestRelease.version) return;
+
+      this.currentRelease = currentRelease;
+      this.latestRelease = latestRelease;
+    }).catch(console.error);
   },
 });