Updating v-popover to v-dropdown

pkg/harvester/components/FilterBySriov.vue

@@ -74,7 +74,7 @@ export default {
       {{ parentSriov }} <i class="icon icon-close" @click="remove()" />
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="bottom-end"
     >
@@ -86,7 +86,7 @@ export default {
         </button>
       </slot>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="filter-popup">
           <div>
             <LabeledSelect
@@ -98,7 +98,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/FilterLabel.vue

@@ -125,7 +125,7 @@ export default {
       </span>
     </template>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="bottom-end"
     >
@@ -211,7 +211,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/HarvesterUpgradeHeader.vue

@@ -183,7 +183,7 @@ export default {
 </script>
 <template>
   <div v-if="enabled && isShow" class="upgrade">
-    <v-popover
+    <v-dropdown
       v-clean-tooltip="{
         placement: 'bottom-left',
       }"
@@ -287,7 +287,7 @@ export default {
           </button>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/novnc/NovncConsoleItem.vue

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

pkg/harvester/components/novnc/NovncConsoleWrapper.vue

@@ -278,7 +278,7 @@ export default {
   <div id="app">
     <div class="vm-console">
       <div class="combination-keys">
-        <v-popover
+        <v-dropdown
           ref="popover"
           placement="top"
           trigger="click"
@@ -289,16 +289,16 @@ export default {
             {{ t("harvester.virtualMachine.detail.console.shortcutKeys") }}
           </button>
 
-          <template v-slot:popover>
+          <template #popper>
             <novnc-console-item :items="keymap" :path="keysRecord" :pos="0" @update="update" @send-keys="sendKeys" />
           </template>
-        </v-popover>
+        </v-dropdown>
 
         <button v-if="hasSoftRebootAction" class="btn btn-sm bg-primary" @click="softReboot">
           {{ t("harvester.action.softreboot") }}
         </button>
 
-        <v-popover
+        <v-dropdown
           v-if="!hideCustomKeysBar"
           ref="customKeyPopover"
           placement="top"
@@ -309,7 +309,7 @@ export default {
             {{ t("harvester.virtualMachine.detail.console.customShortcutKeys") }}
           </button>
 
-          <template v-slot:popover>
+          <template #popper>
             <div>
               <button class="btn btn-sm bg-primary" @click="showKeysModal">
                 {{ t("harvester.virtualMachine.detail.console.management") }}
@@ -324,7 +324,7 @@ export default {
               </button>
             </div>
           </template>
-        </v-popover>
+        </v-dropdown>
 
         <NovncConsoleCustomKeys v-if="renderKeysModal" ref="keysModal" :current-user="currentUser" @close="hideKeysModal" />
       </div>

pkg/harvester/formatters/HarvesterDiskState.vue

@@ -76,7 +76,7 @@ export default {
       :color="stateBackground"
       :label="stateDisplay"
     />
-    <v-popover
+    <v-dropdown
       v-if="warningMessage.length"
       trigger="hover"
       offset="16"
@@ -91,7 +91,7 @@ export default {
           {{ index + 1 }}. {{ message }}
         </p>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVFAddress.vue

@@ -58,7 +58,7 @@ export default {
       <span v-if="index < rows.visible.length - 1">, </span>
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="top"
     >
@@ -72,7 +72,7 @@ export default {
         </a>
       </span>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="vfs-popup">
           <div>
             <span
@@ -88,7 +88,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVGpuDevices.vue

@@ -56,7 +56,7 @@ export default {
       <span v-if="index < rows.visible.length - 1">, </span>
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="top"
     >
@@ -70,7 +70,7 @@ export default {
         </a>
       </span>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="vgpu-popup">
           <div>
             <span
@@ -86,7 +86,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVmState.vue

@@ -125,7 +125,7 @@ export default {
     <HarvesterMigrationState v-show="isMigrating" :vm-resource="row" @state-changed="migrationStateChanged" />
     <div v-show="!isMigrating" class="state">
       <VMState :row="row" />
-      <v-popover
+      <v-dropdown
         v-if="warningMessage.length"
         ref="popover"
         trigger="manual"
@@ -158,7 +158,7 @@ export default {
             </p>
           </div>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>

pkg/harvester/formatters/HarvesterVolumeState.vue

@@ -60,7 +60,7 @@ export default {
     </div>
     <div class="state">
       <VolumeState :row="row" />
-      <v-popover
+      <v-dropdown
         v-if="!!warningMessage"
         trigger="hover"
         offset="16"
@@ -74,7 +74,7 @@ export default {
             {{ warningMessage }}
           </p>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>

pkg/harvester/formatters/StateWithPopover.vue

@@ -25,7 +25,7 @@ export default {
       <State
         :row="row"
       />
-      <v-popover
+      <v-dropdown
         v-if="warningMessages.length > 0"
         trigger="hover"
         offset="16"
@@ -34,14 +34,14 @@ export default {
           <i class="icon icon-warning icon-lg text-warning" />
         </span>
 
-        <template v-slot:popover>
+        <template #popper>
           <p
             v-for="(message, index) in warningMessages" :key="index">
             {{ index + 1 }}.
             {{ message.text }}
           </p>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>

pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue

@@ -172,7 +172,7 @@ export default {
           <BadgeState
             :row="row"
           />
-          <v-popover
+          <v-dropdown
             v-if="row.clusterNetworkErrorMessage"
             trigger="hover"
             offset="16"
@@ -186,7 +186,7 @@ export default {
                 {{ row.clusterNetworkErrorMessage }}
               </p>
             </template>
-          </v-popover>
+          </v-dropdown>
         </div>
       </template>
     </ResourceTable>