Rename everywhere else

src/views/dashboard/FirmwareUpdateNotice.vue

@@ -1,13 +1,13 @@
 <template>
-    <b-modal v-model="updateModal" title="Update your Device!" ok-title="Update now!" cancel-title="Postpone"
+    <b-modal v-model="updateModal" title="Update your Hub!" ok-title="Update now!" cancel-title="Postpone"
         @ok.prevent="updateLink" @cancel.prevent="cancel" @hide.prevent>
 
         <b-container>
             <b-row>
-                <p>One or more of your devices have a <b>firmware version</b> that is lower than <b>1.0.0</b>.</p>
+                <p>One or more of your hubs have a <b>firmware version</b> that is lower than <b>1.0.0</b>.</p>
             </b-row>
             <b-row>
-                <p>Please update your device to the latest firmware version to be able to use it in the future.</p>
+                <p>Please update your hub to the latest firmware version to be able to use it in the future.</p>
             </b-row>
         </b-container>
     </b-modal>
@@ -19,7 +19,7 @@
             <p>We are not joking! Anything below 1.0.0 uses a different connection method and will not working correctly
                 or at all in the future! Please upgrade!</p>
         </b-row>
-        <BFormCheckbox v-model="dontWarnAgain" switch>I understand that my device could stop working at any point and
+        <BFormCheckbox v-model="dontWarnAgain" switch>I understand that my hub could stop working at any point and
             dont want to see this popup again.</BFormCheckbox>
     </b-modal>
 

src/views/dashboard/admin/online-devices/OnlineDevices.vue

@@ -1,7 +1,7 @@
 <template>
     <b-container>
         <b-row>
-            <h4>Online Devices: <b>{{ devices.length }}</b></h4>
+            <h4>Online Hubs: <b>{{ devices.length }}</b></h4>
         </b-row>
         <b-row>
         <b-table hover striped :items="devices" :fields="fields" class="devices-table">

src/views/dashboard/devices/DevicesRoot.vue

@@ -96,7 +96,7 @@ export default {
     async generatePairCode(item) {
       this.$swal({
         title: 'Generate Pair Code?',
-        html: "Generate a pair code for this device.<br>Its vaild for <b>15 minutes</b> since its creation.<br>There is only one active pair code per device, newly generated ones will override the older active ones.",
+        html: "Generate a pair code for this hub.<br>Its vaild for <b>15 minutes</b> since its creation.<br>There is only one active pair code per hub, newly generated ones will override the older active ones.",
         icon: 'info',
         showCancelButton: true,
         confirmButtonColor: '#3085d6',
@@ -144,7 +144,7 @@ export default {
     regenerateToken(item) {
       this.$swal({
         title: 'Regenerate token?',
-        html: "Your device token will be regenerated, this means the <b>previous one</b> is going to <b>invalid</b> from that point on. <br><br>Are you sure?",
+        html: "Your hub token will be regenerated, this means the <b>previous one</b> is going to <b>invalid</b> from that point on. <br><br>Are you sure?",
         icon: 'warning',
         showCancelButton: true,
         confirmButtonColor: '#3085d6',
@@ -165,22 +165,22 @@ export default {
         },
       }).then((result) => {
         if (result.isConfirmed) {
-          this.$swal('Success!', 'Successfully regenerated device token', 'success');
+          this.$swal('Success!', 'Successfully regenerated hub token', 'success');
         }
       });
     },
     deleteDevice(item) {
 
       this.$swal({
         title: 'Delete?',
-        html: `You are about to delete device <b>${item.name}</b> with id (${item.id}).<br>This will also delete <b>all shocker configurations and shares associated with that shocker.</b>
+        html: `You are about to delete hub <b>${item.name}</b> with id (${item.id}).<br>This will also delete <b>all shocker configurations and shares associated with that shocker.</b>
           <br><br><b><u>This is permanent and cannot be undone.</u></b><br>Are you sure?`,
         icon: 'warning',
         showCancelButton: true,
         confirmButtonColor: '#d33',
         cancelButtonColor: 'var(--secondary-seperator-color)',
         showLoaderOnConfirm: true,
-        confirmButtonText: 'Delete device',
+        confirmButtonText: 'Delete hub',
         allowOutsideClick: () => !this.$swal.isLoading(),
         preConfirm: async () => {
           try {
@@ -195,7 +195,7 @@ export default {
         },
       }).then(async (result) => {
         if (result.isConfirmed) {
-          this.$swal('Success!', 'Successfully deleted device', 'success');
+          this.$swal('Success!', 'Successfully deleted hub', 'success');
           this.loadDevices();
         }
       });
@@ -205,11 +205,11 @@ export default {
     async createNewDevice() {
       const res = await apiCall.makeCall('POST', '1/devices');
       if (res === undefined || res.status !== 201) {
-        toastr.error("Error while creating new device");
+        toastr.error("Error while creating new hub");
         return;
       }
 
-      this.$swal('Success!', 'Successfully created new device', 'success');
+      this.$swal('Success!', 'Successfully created new hub', 'success');
       await this.loadDevices();
     },
     updateOnlineStateAll() {
@@ -257,7 +257,7 @@ export default {
         return;
       }
 
-      this.$swal('Success!', `Successfully updated device [${this.editItem.id}]`, 'success');
+      this.$swal('Success!', `Successfully updated hub [${this.editItem.id}]`, 'success');
       await this.loadDevices();
     },
     sendCaptiveMessage(deviceId, enabled) {

src/views/dashboard/devices/Ota/OtaUpdate.vue

@@ -11,7 +11,7 @@
             <span v-if="stage === 'branchSelect'">
                 <b-row align-h="center">
                     <b-col md="6" style="text-align: right;">
-                        <h5>Device Status</h5>
+                        <h5>Hub Status</h5>
                     </b-col>
                     <b-col md="6">
                         <span id="tooltip-state" :class="deviceOnline ? 'online' : 'offline'">
@@ -363,7 +363,7 @@ export default {
         progressTaskName() {
             switch (this.deviceInfo.progressTask) {
                 case -2:
-                    return "Waiting for Device";
+                    return "Waiting for Hub";
                 case 0:
                     return "Fetching Metadata";
                 case 1:

src/views/dashboard/shockers/own/Own.vue

@@ -19,7 +19,7 @@
             <b-form-group label="Shocker's device" label-for="device">
                 <b-form-select :state="validationDevice" id="device" v-model="selectedDevice" :options="deviceList" required/>
                 <b-form-invalid-feedback :state="validationDevice">
-                    Select a device
+                    Select a hub
                 </b-form-invalid-feedback>
             </b-form-group>