Ota finish up

package.json

@@ -29,6 +29,7 @@
     "material-design-icons-iconfont": "^6.7.0",
     "mitt": "^3.0.1",
     "normalize.css": "^8.0.1",
+    "relative-time-vue-component": "^5.0.2",
     "toastr": "^2.1.4",
     "vue": "^3.3.7",
     "vue-cropperjs": "^5.0.0",

src/globals/config/config.development.js

@@ -1,7 +1,7 @@
 const config = {
 	name: "ShockLink Dev",
-	webUiUrl: "https://dev.shocklink.net/#/",
-	apiUrl: "https://dev-api.shocklink.net/",
+	webUiUrl: "https://staging.shocklink.net/#/",
+	apiUrl: "https://staging-api.shocklink.net/",
 	shortUrl: "https://shockl.ink/",
 }
 

src/js/UserHub.js

@@ -46,6 +46,34 @@ export default class ws {
             });
         });
 
+        this.connection.on("DeviceUpdate", (deviceId, type) => {
+            emitter.emit('deviceUpdate', { deviceId, type });
+        });
+
+
+        // OTA
+
+        this.connection.on("OtaInstallStarted", (deviceId, updateId, version) => {
+            emitter.emit('otaInstallStarted', { deviceId, updateId, version });
+        });
+
+        this.connection.on("OtaInstallProgress", (deviceId, updateId, task, progress) => {
+            emitter.emit('otaInstallProgress', { deviceId, updateId, task, progress });
+        });
+
+        this.connection.on("OtaInstallFailed", (deviceId, updateId, fatal, message) => {
+            emitter.emit('otaInstallFailed', { deviceId, updateId, fatal, message });
+        });
+
+        this.connection.on("OtaRollback", (deviceId, updateId) => {
+            emitter.emit('otaRollback', { deviceId, updateId });
+        });
+
+        this.connection.on("OtaInstallSucceeded", (deviceId, updateId) => {
+            emitter.emit('otaInstallSucceeded', { deviceId, updateId });
+        });
+
+
         this.interval = setInterval(() => {
             if(storeF.state.userHubState != this.connection._connectionState) {
                 storeF.commit('setUserHubState', this.connection._connectionState);

src/views/dashboard/Navigation/NavRoot.vue

@@ -278,7 +278,7 @@ export default {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1283px) {
   .first-level {
     flex-flow: row nowrap;
     justify-content: flex-start;
@@ -299,7 +299,7 @@ export default {
 }
 
 
-@media (max-width: 991px) {
+@media (max-width: 1282px) {
   .first-level {
 
     .navbar-logo img {

src/views/dashboard/devices/DevicesRoot.vue

@@ -264,7 +264,7 @@ export default {
       ws.captive(deviceId, enabled);
     },
     getFirmwareVersionString(version) {
-      if(version === null) return "Older than 7.1.0.0, please upgrade.";
+      if(version === null) return "Older than 0.8.0, please upgrade.";
       return version;
     },
     ellipsis(e, item) {