Lint fixes

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/components/novnc/NovncConsole.vue

@@ -3,7 +3,11 @@
     <div v-if="connected && disconnected">
       <main class="main-layout error">
         <div class="text-center">
-          <BrandImage file-name="error-desert-landscape.svg" width="900" height="300" />
+          <BrandImage
+            file-name="error-desert-landscape.svg"
+            width="900"
+            height="300"
+          />
           <h1>
             {{ t('generic.notification.title.warning') }}
           </h1>
@@ -61,7 +65,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearTimeout();
   },
 

pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue

@@ -7,10 +7,10 @@ import ModalWithCard from '@shell/components/ModalWithCard';
 const PREFERED_SHORTCUT_KEYS = 'prefered-shortcut-keys';
 
 export default {
-  name:       'NovncConsoleCustomKeys',
+  name: 'NovncConsoleCustomKeys',
 
   emits: ['close'],
-  
+
   components: {
     ModalWithCard, Banner, AsyncButton
   },
@@ -48,7 +48,7 @@ export default {
 
     displayedKeys() {
       const out = this.addedShortcutKeys.concat(this.preferredShortcutKeys).map((item) => {
-        const out = item.map(K => ` <code>${ K.key.charAt(0).toUpperCase() + K.key.slice(1) }</code>`);
+        const out = item.map((K) => ` <code>${ K.key.charAt(0).toUpperCase() + K.key.slice(1) }</code>`);
 
         return out.join(',');
       });
@@ -69,7 +69,7 @@ export default {
         return this.t('harvester.virtualMachine.detail.console.record.tips');
       }
 
-      const out = this.keysRecord.map(item => ` <code>${ item.key.charAt(0).toUpperCase() + item.key.slice(1) }</code>`);
+      const out = this.keysRecord.map((item) => ` <code>${ item.key.charAt(0).toUpperCase() + item.key.slice(1) }</code>`);
 
       return `Keys: ${ out.join(',') }`;
     },
@@ -85,7 +85,7 @@ export default {
       validationList.push(this.keysRecord);
 
       validationList = validationList.map((item) => {
-        const out = item.map(K => K.key);
+        const out = item.map((K) => K.key);
 
         return out.join(',');
       });
@@ -140,13 +140,13 @@ export default {
       const key = keys.replace(/(\s*)<code>|<\/code>/g, '').replace(/\s*,\s*/g, ',');
 
       this.addedShortcutKeys = this.addedShortcutKeys.filter((item) => {
-        const formatkey = item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
+        const formatkey = item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
 
         return formatkey !== key;
       });
 
       this.preferredShortcutKeys = this.preferredShortcutKeys.filter((item) => {
-        const formatkey = item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
+        const formatkey = item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
 
         return formatkey !== key;
       });
@@ -188,11 +188,21 @@ export default {
       </div>
       <div class="row">
         <div class="col span-12">
-          <button class="btn bg-primary" @click="toggleRecording">
+          <button
+            class="btn bg-primary"
+            @click="toggleRecording"
+          >
             <t :k="recordButton" />
-            <i class="icon icon-fw" :class="isRecording ? 'icon-dot-open' : 'icon-dot'" />
+            <i
+              class="icon icon-fw"
+              :class="isRecording ? 'icon-dot-open' : 'icon-dot'"
+            />
           </button>
-          <button :disabled="!canAdd" class="btn bg-primary" @click="addShortcutKey">
+          <button
+            :disabled="!canAdd"
+            class="btn bg-primary"
+            @click="addShortcutKey"
+          >
             <t k="generic.add" />
           </button>
         </div>
@@ -207,7 +217,10 @@ export default {
         />
 
         <div class="displayed-banners">
-          <Banner v-for="(keys,index) in displayedKeys" :key="index">
+          <Banner
+            v-for="(keys,index) in displayedKeys"
+            :key="index"
+          >
             <span v-clean-html="keys"></span>
           </Banner>
         </div>
@@ -216,7 +229,10 @@ export default {
 
     <template #footer>
       <div class="actions">
-        <button class="btn role-secondary mr-20" @click.prevent="closeRecordingModal">
+        <button
+          class="btn role-secondary mr-20"
+          @click.prevent="closeRecordingModal"
+        >
           <t k="generic.close" />
         </button>
         <AsyncButton

pkg/harvester/components/novnc/NovncConsoleItem.vue

@@ -51,21 +51,38 @@ export default {
 
 <template>
   <ul class="list-unstyled dropdown combination-keys__container">
-    <li v-for="(item, key) in items" :key="key">
+    <li
+      v-for="(item, key) in items"
+      :key="key"
+    >
       <v-dropdown
         v-if="!!item.keys"
         placement="right-start"
         trigger="click"
         :container="false"
       >
-        <span :class="{ open: getOpenStatus(key, pos) }" class="p-10 hand" @click="addKeys({ key, pos })">{{ item.label }}</span>
+        <span
+          :class="{ open: getOpenStatus(key, pos) }"
+          class="p-10 hand"
+          @click="addKeys({ key, pos })"
+        >{{ item.label }}</span>
 
         <template #popper>
-          <novnc-console-item :items="item.keys" :path="path" :pos="pos+1" @update="addKeys" @send-keys="sendKeys" />
+          <novnc-console-item
+            :items="item.keys"
+            :path="path"
+            :pos="pos+1"
+            @update="addKeys"
+            @send-keys="sendKeys"
+          />
         </template>
       </v-dropdown>
 
-      <span v-else class="p-10 hand" @click="keysDown(key, pos)">{{ item.label }}</span>
+      <span
+        v-else
+        class="p-10 hand"
+        @click="keysDown(key, pos)"
+      >{{ item.label }}</span>
     </li>
   </ul>
 </template>

pkg/harvester/components/novnc/NovncConsoleWrapper.vue

@@ -211,7 +211,7 @@ export default {
     preferredShortcutKeys() {
       return (this.savedShortcutKeys || []).map((item) => {
         return {
-          label: item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join('+'),
+          label: item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join('+'),
           value: item
         };
       });
@@ -288,11 +288,21 @@ export default {
           </button>
 
           <template #popper>
-            <novnc-console-item :items="keymap" :path="keysRecord" :pos="0" @update="update" @send-keys="sendKeys" />
+            <novnc-console-item
+              :items="keymap"
+              :path="keysRecord"
+              :pos="0"
+              @update="update"
+              @send-keys="sendKeys"
+            />
           </template>
         </v-dropdown>
 
-        <button v-if="hasSoftRebootAction" class="btn btn-sm bg-primary" @click="softReboot">
+        <button
+          v-if="hasSoftRebootAction"
+          class="btn btn-sm bg-primary"
+          @click="softReboot"
+        >
           {{ t("harvester.action.softreboot") }}
         </button>
 
@@ -309,15 +319,24 @@ export default {
 
           <template #popper>
             <div>
-              <button class="btn btn-sm bg-primary" @click="showKeysModal">
+              <button
+                class="btn btn-sm bg-primary"
+                @click="showKeysModal"
+              >
                 {{ t("harvester.virtualMachine.detail.console.management") }}
               </button>
             </div>
 
             <hr>
 
-            <div v-for="(keys, index) in preferredShortcutKeys" :key="index">
-              <button class="btn btn-sm bg-primary" @click="sendCustomKeys(keys.value)">
+            <div
+              v-for="(keys, index) in preferredShortcutKeys"
+              :key="index"
+            >
+              <button
+                class="btn btn-sm bg-primary"
+                @click="sendCustomKeys(keys.value)"
+              >
                 {{ keys.label }}
               </button>
             </div>
@@ -330,7 +349,11 @@ export default {
           @close="hideKeysModal"
         />
       </div>
-      <NovncConsole v-if="url && !isDown" ref="novncConsole" :url="url" />
+      <NovncConsole
+        v-if="url && !isDown"
+        ref="novncConsole"
+        :url="url"
+      />
       <p v-if="isDown">
         {{ t("harvester.virtualMachine.detail.console.down") }}
       </p>