From 2ad58f09737abdf24fb82e60a13f94ef51d8e600 Mon Sep 17 00:00:00 2001
From: Pearl Dsilva <pearl1594@gmail.com>
Date: Mon, 7 Sep 2020 13:53:08 +0530
Subject: [PATCH] missing tooltips (#663)

Co-authored-by: Pearl Dsilva <pearl.dsilva@shapeblue.com>
Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
---
 ui/src/views/compute/InstanceTab.vue | 60 ++++++++++++++++------------
 1 file changed, 35 insertions(+), 25 deletions(-)

diff --git a/ui/src/views/compute/InstanceTab.vue b/ui/src/views/compute/InstanceTab.vue
index 5767cde5b40..43159f81e51 100644
--- a/ui/src/views/compute/InstanceTab.vue
+++ b/ui/src/views/compute/InstanceTab.vue
@@ -67,18 +67,23 @@
         </a-button>
         <NicsTable :resource="vm" :loading="loading">
           <span slot="actions" slot-scope="record">
-            <a-popconfirm
-              :title="$t('label.set.default.nic')"
-              @confirm="setAsDefault(record.nic)"
-              :okText="$t('label.yes')"
-              :cancelText="$t('label.no')"
-              v-if="!record.nic.isdefault"
-            >
-              <a-button
-                :disabled="!('updateDefaultNicForVirtualMachine' in $store.getters.apis)"
-                icon="check-square"
-                shape="circle" />
-            </a-popconfirm>
+            <a-tooltip placement="bottom">
+              <template slot="title">
+                {{ $t('label.set.default.nic') }}
+              </template>
+              <a-popconfirm
+                :title="$t('label.set.default.nic')"
+                @confirm="setAsDefault(record.nic)"
+                :okText="$t('label.yes')"
+                :cancelText="$t('label.no')"
+                v-if="!record.nic.isdefault"
+              >
+                <a-button
+                  :disabled="!('updateDefaultNicForVirtualMachine' in $store.getters.apis)"
+                  icon="check-square"
+                  shape="circle" />
+              </a-popconfirm>
+            </a-tooltip>
             <a-tooltip placement="bottom" v-if="record.nic.type !== 'L2'">
               <template slot="title">
                 {{ $t('label.change.ip.addess') }}
@@ -99,19 +104,24 @@
                 :disabled="(!('addIpToNic' in $store.getters.apis) && !('addIpToNic' in $store.getters.apis))"
                 @click="fetchSecondaryIPs(record.nic.id)" />
             </a-tooltip>
-            <a-popconfirm
-              :title="$t('message.network.removenic')"
-              @confirm="removeNIC(record.nic)"
-              :okText="$t('label.yes')"
-              :cancelText="$t('label.no')"
-              v-if="!record.nic.isdefault"
-            >
-              <a-button
-                :disabled="!('removeNicFromVirtualMachine' in $store.getters.apis)"
-                type="danger"
-                icon="delete"
-                shape="circle" />
-            </a-popconfirm>
+            <a-tooltip placement="bottom">
+              <template slot="title">
+                {{ $t('label.action.delete.nic') }}
+              </template>
+              <a-popconfirm
+                :title="$t('message.network.removenic')"
+                @confirm="removeNIC(record.nic)"
+                :okText="$t('label.yes')"
+                :cancelText="$t('label.no')"
+                v-if="!record.nic.isdefault"
+              >
+                <a-button
+                  :disabled="!('removeNicFromVirtualMachine' in $store.getters.apis)"
+                  type="danger"
+                  icon="delete"
+                  shape="circle" />
+              </a-popconfirm>
+            </a-tooltip>
           </span>
         </NicsTable>
       </a-tab-pane>