feat: new create trigger tabs

antares-sql · Sep 2, 2021 · e217d51 · e217d51
1 parent dcf368b
commit e217d51
Show file tree

Hide file tree

Showing 5 changed files with 357 additions and 14 deletions.
diff --git a/src/renderer/components/Workspace.vue b/src/renderer/components/Workspace.vue
@@ -119,6 +119,23 @@
                   </span>
                </a>
 
+               <a
+                  v-else-if="tab.type === 'new-trigger'"
+                  class="tab-link"
+                  :class="{'badge': tab.isChanged}"
+               >
+                  <i class="mdi mdi-shape-square-plus mdi-18px mr-1" />
+                  <span :title="`${$t('word.new').toUpperCase()}: ${$tc(`word.${tab.elementType}`)}`">
+                     {{ $t('message.newTrigger') }}
+                     <span
+                        class="btn btn-clear"
+                        :title="$t('word.close')"
+                        @mousedown.left.stop
+                        @click.stop="closeTab(tab)"
+                     />
+                  </span>
+               </a>
+
                <a
                   v-else-if="tab.type === 'view-props'"
                   class="tab-link"
@@ -268,6 +285,15 @@
                :view="tab.elementName"
                :schema="tab.schema"
             />
+            <WorkspaceTabNewTrigger
+               v-else-if="tab.type === 'new-trigger'"
+               :key="tab.uid"
+               :tab="tab"
+               :connection="connection"
+               :is-selected="selectedTab === tab.uid"
+               :trigger="tab.elementName"
+               :schema="tab.schema"
+            />
             <WorkspaceTabPropsTrigger
                v-else-if="['temp-trigger-props', 'trigger-props'].includes(tab.type)"
                :key="tab.uid"
@@ -337,6 +363,7 @@ import WorkspaceTabTable from '@/components/WorkspaceTabTable';
 
 import WorkspaceTabNewTable from '@/components/WorkspaceTabNewTable';
 import WorkspaceTabNewView from '@/components/WorkspaceTabNewView';
+import WorkspaceTabNewTrigger from '@/components/WorkspaceTabNewTrigger';
 
 import WorkspaceTabPropsTable from '@/components/WorkspaceTabPropsTable';
 import WorkspaceTabPropsView from '@/components/WorkspaceTabPropsView';
@@ -358,9 +385,10 @@ export default {
       WorkspaceTabQuery,
       WorkspaceTabTable,
       WorkspaceTabNewTable,
-      WorkspaceTabNewView,
       WorkspaceTabPropsTable,
+      WorkspaceTabNewView,
       WorkspaceTabPropsView,
+      WorkspaceTabNewTrigger,
       WorkspaceTabPropsTrigger,
       WorkspaceTabPropsTriggerFunction,
       WorkspaceTabPropsRoutine,

diff --git a/src/renderer/components/WorkspaceExploreBar.vue b/src/renderer/components/WorkspaceExploreBar.vue
@@ -61,12 +61,6 @@
          @close="hideNewDBModal"
          @reload="refresh"
       />
-      <ModalNewTrigger
-         v-if="isNewTriggerModal"
-         :workspace="workspace"
-         @close="hideCreateTriggerModal"
-         @open-create-trigger-editor="openCreateTriggerEditor"
-      />
       <ModalNewRoutine
          v-if="isNewRoutineModal"
          :workspace="workspace"
@@ -98,7 +92,7 @@
          @close-context="closeDatabaseContext"
          @open-create-table-tab="openCreateElementTab('table')"
          @open-create-view-tab="openCreateElementTab('view')"
-         @show-create-trigger-modal="showCreateTriggerModal"
+         @open-create-trigger-tab="openCreateElementTab('trigger')"
          @show-create-routine-modal="showCreateRoutineModal"
          @show-create-function-modal="showCreateFunctionModal"
          @show-create-trigger-function-modal="showCreateTriggerFunctionModal"
@@ -151,7 +145,7 @@ import TableContext from '@/components/WorkspaceExploreBarTableContext';
 import MiscContext from '@/components/WorkspaceExploreBarMiscContext';
 import MiscFolderContext from '@/components/WorkspaceExploreBarMiscFolderContext';
 import ModalNewSchema from '@/components/ModalNewSchema';
-import ModalNewTrigger from '@/components/ModalNewTrigger';
+
 import ModalNewRoutine from '@/components/ModalNewRoutine';
 import ModalNewFunction from '@/components/ModalNewFunction';
 import ModalNewTriggerFunction from '@/components/ModalNewTriggerFunction';
@@ -166,7 +160,7 @@ export default {
       MiscContext,
       MiscFolderContext,
       ModalNewSchema,
-      ModalNewTrigger,
+
       ModalNewRoutine,
       ModalNewFunction,
       ModalNewTriggerFunction,

diff --git a/src/renderer/components/WorkspaceExploreBarSchemaContext.vue b/src/renderer/components/WorkspaceExploreBarSchemaContext.vue
@@ -24,7 +24,7 @@
             <div
                v-if="workspace.customizations.triggerAdd"
                class="context-element"
-               @click="showCreateTriggerModal"
+               @click="openCreateTriggerTab"
             >
                <span class="d-flex"><i class="mdi mdi-18px mdi-table-cog text-light pr-1" /> {{ $tc('word.trigger', 1) }}</span>
             </div>
@@ -138,8 +138,8 @@ export default {
       openCreateViewTab () {
          this.$emit('open-create-view-tab');
       },
-      showCreateTriggerModal () {
-         this.$emit('show-create-trigger-modal');
+      openCreateTriggerTab () {
+         this.$emit('open-create-trigger-tab');
       },
       showCreateRoutineModal () {
          this.$emit('show-create-routine-modal');