add 'delete row' and 'duplicate row' buttons to edit overaly - WIP

packages/nc-gui/components.d.ts

@@ -149,8 +149,10 @@ declare module '@vue/runtime-core' {
     MdiCog: typeof import('~icons/mdi/cog')['default']
     MdiCommentTextOutline: typeof import('~icons/mdi/comment-text-outline')['default']
     MdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
+    MdiContentCopyOutline: typeof import('~icons/mdi/content-copy-outline')['default']
     MdiContentSave: typeof import('~icons/mdi/content-save')['default']
     MdiContentSaveEdit: typeof import('~icons/mdi/content-save-edit')['default']
+    MdiCopyOutline: typeof import('~icons/mdi/copy-outline')['default']
     MdiCurrencyUsd: typeof import('~icons/mdi/currency-usd')['default']
     MdiDatabaseAlert: typeof import('~icons/mdi/database-alert')['default']
     MdiDatabaseLockOutline: typeof import('~icons/mdi/database-lock-outline')['default']
@@ -182,6 +184,7 @@ declare module '@vue/runtime-core' {
     MdiFileUploadOutline: typeof import('~icons/mdi/file-upload-outline')['default']
     MdiFilterOutline: typeof import('~icons/mdi/filter-outline')['default']
     MdiFlag: typeof import('~icons/mdi/flag')['default']
+    MdiFlashOutline: typeof import('~icons/mdi/flash-outline')['default']
     MdiFolder: typeof import('~icons/mdi/folder')['default']
     MdiFunction: typeof import('~icons/mdi/function')['default']
     MdiGestureDoubleTap: typeof import('~icons/mdi/gesture-double-tap')['default']

packages/nc-gui/components/smartsheet/expanded-form/Header.vue

@@ -127,6 +127,8 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
       </div>
     </a-button>
 
+    <SmartsheetExpandedFormMoreActions />
+
     <a-dropdown-button class="nc-expand-form-save-btn" type="primary" :disabled="!isUIAllowed('tableRowUpdate')" @click="save">
       <template #overlay>
         <a-menu class="nc-expand-form-save-dropdown-menu">

packages/nc-gui/components/smartsheet/expanded-form/MoreActions.vue

@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+// import { ActiveViewInj, FieldsInj, IsPublicInj, MetaInj, inject, ref, useI18n, useNuxtApp, useProject } from '#imports'
+
+// const { t } = useI18n()
+
+// const sharedViewListDlg = ref(false)
+
+// const isPublicView = inject(IsPublicInj, ref(false))
+
+// const isView = false
+
+// const { project } = useProject()
+
+// const { $api } = useNuxtApp()
+
+// const meta = inject(MetaInj, ref())
+
+// const fields = inject(FieldsInj, ref([]))
+
+// const selectedView = inject(ActiveViewInj, ref())
+
+const duplicateRow = () => alert('duplicateRow')
+
+const deleteRow = () => alert('deleteRow')
+</script>
+
+<template>
+  <div>
+    <a-dropdown>
+      <a-button v-e="['c:actions']" class="nc-actions-menu-btn nc-toolbar-btn">
+        <div class="flex gap-1 items-center">
+          <MdiFlashOutline />
+
+          <!-- More -->
+          <span class="!text-sm font-weight-medium">{{ $t('general.more') }}</span>
+
+          <MdiMenuDown class="text-grey" />
+        </div>
+      </a-button>
+
+      <template #overlay>
+        <div class="bg-gray-50 py-2 shadow-lg !border">
+          <div>
+            <div v-e="['a:actions:download-csv']" class="nc-menu-item" @click="duplicateRow">
+              <MdiContentCopy class="text-gray-500" />
+              {{ $t('activity.duplicateRow') }}
+            </div>
+
+            <div v-e="['a:actions:download-excel']" class="nc-menu-item" @click="deleteRow">
+              <MdiDelete class="text-gray-500" />
+              {{ $t('activity.deleteRow') }}
+            </div>
+          </div>
+        </div>
+      </template>
+    </a-dropdown>
+
+    <a-modal
+      v-model:visible="sharedViewListDlg"
+      :class="{ active: sharedViewListDlg }"
+      :title="$t('activity.listSharedView')"
+      width="max(900px,60vw)"
+      :footer="null"
+      wrap-class-name="nc-modal-shared-view-list"
+    >
+      <LazySmartsheetToolbarSharedViewList v-if="sharedViewListDlg" />
+    </a-modal>
+  </div>
+</template>

packages/nc-gui/lang/en.json

@@ -383,6 +383,7 @@
     "saveAndExit": "Save & Exit",
     "saveAndStay": "Save & Stay",
     "insertRow": "Insert New Row",
+    "duplicateRow": "Duplicate Row",
     "deleteRow": "Delete Row",
     "deleteSelectedRow": "Delete Selected Rows",
     "importExcel": "Import Excel",