feat: triggers delete

src/renderer/components/WorkspaceExploreBar.vue

@@ -40,6 +40,7 @@
                :connection="connection"
                @show-database-context="openDatabaseContext"
                @show-table-context="openTableContext"
+               @show-misc-context="openMiscContext"
             />
          </div>
       </div>
@@ -76,6 +77,13 @@
          @close-context="closeTableContext"
          @reload="refresh"
       />
+      <MiscContext
+         v-if="isMiscContext"
+         :selected-misc="selectedMisc"
+         :context-event="miscContextEvent"
+         @close-context="closeMiscContext"
+         @reload="refresh"
+      />
    </div>
 </template>
 
@@ -88,6 +96,7 @@ import WorkspaceConnectPanel from '@/components/WorkspaceConnectPanel';
 import WorkspaceExploreBarDatabase from '@/components/WorkspaceExploreBarDatabase';
 import DatabaseContext from '@/components/WorkspaceExploreBarDatabaseContext';
 import TableContext from '@/components/WorkspaceExploreBarTableContext';
+import MiscContext from '@/components/WorkspaceExploreBarMiscContext';
 import ModalNewDatabase from '@/components/ModalNewDatabase';
 import ModalNewTable from '@/components/ModalNewTable';
 import ModalNewView from '@/components/ModalNewView';
@@ -99,6 +108,7 @@ export default {
       WorkspaceExploreBarDatabase,
       DatabaseContext,
       TableContext,
+      MiscContext,
       ModalNewDatabase,
       ModalNewTable,
       ModalNewView
@@ -116,10 +126,13 @@ export default {
          localWidth: null,
          isDatabaseContext: false,
          isTableContext: false,
+         isMiscContext: false,
          databaseContextEvent: null,
          tableContextEvent: null,
+         miscContextEvent: null,
          selectedDatabase: '',
-         selectedTable: null
+         selectedTable: null,
+         selectedMisc: null
       };
    },
    computed: {
@@ -227,6 +240,14 @@ export default {
       closeTableContext () {
          this.isTableContext = false;
       },
+      openMiscContext (payload) {
+         this.selectedMisc = payload.misc;
+         this.miscContextEvent = payload.event;
+         this.isMiscContext = true;
+      },
+      closeMiscContext () {
+         this.isMiscContext = false;
+      },
       showCreateViewModal () {
          this.closeDatabaseContext();
          this.isNewViewModal = true;

src/renderer/components/WorkspaceExploreBarDatabase.vue

@@ -51,7 +51,7 @@
                            class="menu-item"
                            :class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.trigger === trigger.name}"
                            @click="setBreadcrumbs({schema: database.name, trigger: trigger.name})"
-                           @contextmenu.prevent="showTableContext($event, trigger)"
+                           @contextmenu.prevent="showMiscContext($event, {...trigger, type: 'trigger'})"
                         >
                            <a class="table-name">
                               <i class="table-icon mdi mdi-table-cog mdi-18px mr-1" />
@@ -79,7 +79,7 @@
                            class="menu-item"
                            :class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.procedure === procedure.name}"
                            @click="setBreadcrumbs({schema: database.name, procedure: procedure.name})"
-                           @contextmenu.prevent="showTableContext($event, procedure)"
+                           @contextmenu.prevent="showMiscContext($event, {...procedure, type: 'procedure'})"
                         >
                            <a class="table-name">
                               <i class="table-icon mdi mdi-arrow-right-bold-box mdi-18px mr-1" />
@@ -107,7 +107,7 @@
                            class="menu-item"
                            :class="{'text-bold': breadcrumbs.schema === database.name && breadcrumbs.scheduler === scheduler.name}"
                            @click="setBreadcrumbs({schema: database.name, scheduler: scheduler.name})"
-                           @contextmenu.prevent="showTableContext($event, scheduler)"
+                           @contextmenu.prevent="showMiscContext($event, {...scheduler, type: 'scheduler'})"
                         >
                            <a class="table-name">
                               <i class="table-icon mdi mdi-calendar-clock mdi-18px mr-1" />
@@ -163,6 +163,10 @@ export default {
          this.setBreadcrumbs({ schema: this.database.name, [table.type]: table.name });
          this.$emit('show-table-context', { event, table });
       },
+      showMiscContext (event, misc) {
+         this.setBreadcrumbs({ schema: this.database.name, [misc.type]: misc.name });
+         this.$emit('show-misc-context', { event, misc });
+      },
       piePercentage (val) {
          const perc = val / this.maxSize * 100;
          return { background: `conic-gradient(lime ${perc}%, white 0)` };

src/renderer/components/WorkspaceExploreBarMiscContext.vue

@@ -0,0 +1,140 @@
+<template>
+   <BaseContextMenu
+      :context-event="contextEvent"
+      @close-context="closeContext"
+   >
+      <div
+         v-if="selectedMisc.type === 'table'"
+         class="context-element"
+         @click="showEmptyModal"
+      >
+         <span class="d-flex"><i class="mdi mdi-18px mdi-table-off text-light pr-1" /> {{ $t('message.emptyTable') }}</span>
+      </div>
+      <div class="context-element" @click="showDeleteModal">
+         <span class="d-flex"><i class="mdi mdi-18px mdi-table-remove text-light pr-1" /> {{ $t('word.delete') }}</span>
+      </div>
+      <ConfirmModal
+         v-if="isDeleteModal"
+         @confirm="deleteMisc"
+         @hide="hideDeleteModal"
+      >
+         <template slot="header">
+            <div class="d-flex">
+               <i class="mdi mdi-24px mdi-delete mr-1" /> {{ deleteMessage }}
+            </div>
+         </template>
+         <div slot="body">
+            <div class="mb-2">
+               {{ $t('message.deleteCorfirm') }} "<b>{{ selectedMisc.name }}</b>"?
+            </div>
+         </div>
+      </ConfirmModal>
+   </BaseContextMenu>
+</template>
+
+<script>
+import { mapGetters, mapActions } from 'vuex';
+import BaseContextMenu from '@/components/BaseContextMenu';
+import ConfirmModal from '@/components/BaseConfirmModal';
+import Triggers from '@/ipc-api/Triggers';
+
+export default {
+   name: 'WorkspaceExploreBarMiscContext',
+   components: {
+      BaseContextMenu,
+      ConfirmModal
+   },
+   props: {
+      contextEvent: MouseEvent,
+      selectedMisc: Object
+   },
+   data () {
+      return {
+         isDeleteModal: false,
+         isEmptyModal: false
+      };
+   },
+   computed: {
+      ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace'
+      }),
+      workspace () {
+         return this.getWorkspace(this.selectedWorkspace);
+      },
+      deleteMessage () {
+         switch (this.selectedMisc.type) {
+            case 'trigger':
+               return this.$t('message.deleteTrigger');
+
+            default:
+               return '';
+         }
+      }
+   },
+   methods: {
+      ...mapActions({
+         addNotification: 'notifications/addNotification',
+         changeBreadcrumbs: 'workspaces/changeBreadcrumbs'
+      }),
+      showCreateTableModal () {
+         this.$emit('show-create-table-modal');
+      },
+      showDeleteModal () {
+         this.isDeleteModal = true;
+      },
+      hideDeleteModal () {
+         this.isDeleteModal = false;
+      },
+      showEmptyModal () {
+         this.isEmptyModal = true;
+      },
+      hideEmptyModal () {
+         this.isEmptyModal = false;
+      },
+      closeContext () {
+         this.$emit('close-context');
+      },
+      async deleteMisc () {
+         try {
+            let res;
+
+            switch (this.selectedMisc.type) {
+               case 'trigger':
+                  res = await Triggers.dropTrigger({
+                     uid: this.selectedWorkspace,
+                     trigger: this.selectedMisc.name
+                  });
+                  break;
+               // case 'procedure':
+               //    res = await Tables.dropProcedure({
+               //       uid: this.selectedWorkspace,
+               //       procedure: this.selectedMisc.name
+               //    });
+               //    break;
+               // case 'schedules':
+               //    res = await Tables.dropScheduler({
+               //       uid: this.selectedWorkspace,
+               //       scheduler: this.selectedMisc.name
+               //    });
+               //    break;
+            }
+
+            const { status, response } = res;
+
+            if (status === 'success') {
+               this.changeBreadcrumbs({ [this.selectedMisc.type]: null });
+
+               this.closeContext();
+               this.$emit('reload');
+            }
+            else
+               this.addNotification({ status: 'error', message: response });
+         }
+         catch (err) {
+            this.addNotification({ status: 'error', message: err.stack });
+         }
+      }
+   }
+};
+</script>

src/renderer/i18n/en-US.js

@@ -146,6 +146,8 @@ module.exports = {
       updateOption: 'Update option',
       deleteView: 'Delete view',
       createNewView: 'Create new view',
+      deleteTrigger: 'Delete trigger',
+      createNewTrigger: 'Create new trigger',
       currentUser: 'Current user'
    },
    // Date and Time