Adding option to delete nodes

Author: davidjumani

src/locales/en.json

@@ -113,6 +113,7 @@
 "label.action.delete.network.processing": "Deleting Network....",
 "label.action.delete.nexusvswitch": "Delete Nexus 1000v",
 "label.action.delete.nic": "Remove NIC",
+"label.action.delete.node": "Delete node",
 "label.action.delete.physical.network": "Delete physical network",
 "label.action.delete.pod": "Delete Pod",
 "label.action.delete.pod.processing": "Deleting Pod....",
@@ -2360,6 +2361,7 @@
 "message.action.delete.ingress.rule": "Please confirm that you want to delete this ingress rule.",
 "message.action.delete.iso": "Please confirm that you want to delete this ISO.",
 "message.action.delete.iso.for.all.zones": "The ISO is used by all zones. Please confirm that you want to delete it from all zones.",
+"message.action.delete.node": "Please confirm that you want to delete this node.",
 "message.action.delete.network": "Please confirm that you want to delete this network.",
 "message.action.delete.nexusvswitch": "Please confirm that you want to delete this nexus 1000v",
 "message.action.delete.physical.network": "Please confirm that you want to delete this physical network",

src/views/compute/KubernetesServiceTab.vue

@@ -93,8 +93,8 @@
         <a-table
           class="table"
           size="small"
-          :columns="this.vmColumns"
-          :dataSource="this.virtualmachines"
+          :columns="vmColumns"
+          :dataSource="virtualmachines"
           :rowKey="item => item.id"
           :pagination="false"
         >
@@ -104,6 +104,26 @@
           <template slot="state" slot-scope="text">
             <status :text="text ? text : ''" displayText />
           </template>
+          <template slot="action" slot-scope="text, record">
+            <a-tooltip placement="bottom" >
+              <template slot="title">
+                {{ $t('label.action.delete.node') }}
+              </template>
+              <a-popconfirm
+                :title="$t('message.action.delete.node')"
+                @confirm="deleteNode(record.id)"
+                :okText="$t('label.yes')"
+                :cancelText="$t('label.no')"
+                :disabled="!['Created', 'Running'].includes(resource.state)"
+              >
+                <a-button
+                  type="danger"
+                  icon="delete"
+                  shape="circle"
+                  :disabled="!['Created', 'Running'].includes(resource.state)" />
+              </a-popconfirm>
+            </a-tooltip>
+          </template>
         </a-table>
       </a-tab-pane>
       <a-tab-pane :tab="$t('label.firewall')" key="firewall">
@@ -138,6 +158,7 @@ export default {
     Status
   },
   mixins: [mixinDevice],
+  inject: ['parentFetchData'],
   props: {
     resource: {
       type: Object,
@@ -189,6 +210,11 @@ export default {
       {
         title: this.$t('label.zonename'),
         dataIndex: 'zonename'
+      },
+      {
+        title: this.$t('label.action'),
+        dataIndex: 'action',
+        scopedSlots: { customRender: 'action' }
       }
     ]
     if (!this.isAdmin()) {
@@ -284,7 +310,7 @@ export default {
     },
     fetchInstances () {
       this.instanceLoading = true
-      this.virtualmachines = this.resource.virtualmachines
+      this.virtualmachines = this.resource.virtualmachines || []
       this.virtualmachines.map(vm => {
         if (vm.nic && vm.nic.length > 0 && vm.nic[0].ipaddress) {
           vm.ipaddress = vm.nic[0].ipaddress
@@ -331,6 +357,35 @@ export default {
         elem.click()
         document.body.removeChild(elem)
       }
+    },
+    deleteNode (nodeId) {
+      const params = {
+        id: this.resource.id,
+        nodeids: nodeId
+      }
+      api('scaleKubernetesCluster', params).then(json => {
+        const jobId = json.scalekubernetesclusterresponse.jobid
+        console.log(jobId)
+        this.$store.dispatch('AddAsyncJob', {
+          title: this.$t('label.action.destroy.instance'),
+          jobid: jobId,
+          description: this.resource.name,
+          status: 'progress'
+        })
+        this.$pollJob({
+          jobId,
+          loadingMessage: `${this.$t('message.deleting.vm')} ${this.resource.name}`,
+          catchMessage: this.$t('error.fetching.async.job.result'),
+          successMessage: `${this.$t('message.success.delete.vm')} ${this.resource.name}`,
+          successMethod: () => {
+            this.parentFetchData()
+          }
+        })
+      }).catch(error => {
+        this.$notifyError(error)
+      }).finally(() => {
+        this.parentFetchData()
+      })
     }
   }
 }