ADD delete context

RecuencoJones · Nov 29, 2022 · ca37e20 · ca37e20
1 parent 762e3fa
commit ca37e20
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 6 deletions.
diff --git a/src/background/ipc.js b/src/background/ipc.js
@@ -21,6 +21,17 @@ async function getContextForName(name) {
   return context;
 }
 
+async function deleteContextWithName(name) {
+  const db = await getDB();
+  const index = db.contexts.findIndex((context) => context.name === name);
+
+  if (~index) {
+    db.contexts.splice(index, 1);
+
+    await saveDB(db);
+  }
+}
+
 function hoistOrUnshift(array, item, keyOf) {
   const index = array.findIndex((i) => keyOf(i) === keyOf(item));
 
@@ -87,6 +98,10 @@ function registerIpcHandlers() {
     return context;
   });
 
+  ipcMain.handle('deleteContext', async (event, contextName) => {
+    await deleteContextWithName(contextName);
+  });
+
   ipcMain.handle('listResourceType', async (event, contextName, resourceType) => {
     const context = await getContextForName(contextName);
     const config = await loadKubeConfig(context);

diff --git a/src/background/preload.js b/src/background/preload.js
@@ -16,6 +16,7 @@ contextBridge.exposeInMainWorld('api', {
     'listClusters',
     'listUsers',
     'getContext',
+    'deleteContext',
     'saveContext',
     'listContexts',
     'addRecentView',

diff --git a/src/foreground/pages/ListContexts.vue b/src/foreground/pages/ListContexts.vue
@@ -5,9 +5,26 @@
     </nav>
     <section class="view">
       <h4>{{ $t('page.contexts.choosecontext') }}</h4>
-      <div v-for="context of contexts" :key="context.name">
-        <router-link :to="'/contexts/' + context.name"><i class="bi-box" /> {{ context.name }}</router-link>
-      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="context of contexts" :key="context.name">
+            <td>
+              <router-link :to="'/contexts/' + context.name"><i class="bi-box" /> {{ context.name }}</router-link>
+            </td>
+            <td class="actions">
+              <button class="btn btn--text" @click="deleteContext(context)">
+                <i class="bi-trash" />
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </section>
   </main>
 </template>
@@ -22,10 +39,15 @@ export default {
   methods: {
     async loadContexts() {
       this.contexts = await api.listContexts();
+    },
+
+    async deleteContext(context) {
+      await api.deleteContext(context.name);
+      await this.loadContexts();
     }
   },
   mounted() {
-    this.loadContexts()
+    this.loadContexts();
   }
 }
 </script>
@@ -35,8 +57,32 @@ export default {
   .view {
     padding: 10vh 20vw;
 
-    div {
-      padding: 0.25rem 0;
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      thead {
+        th {
+          text-align: left;
+          padding: .5rem;
+        }
+      }
+
+      tbody {
+        tr {
+          td {
+            padding: .5rem;
+
+            &.actions {
+              text-align: right;
+
+              .btn {
+                color: inherit;
+              }
+            }
+          }
+        }
+      }
     }
   }
 }