update: ซ่อนปุ่มลบหากมี metadata (module, list, search)

Services/client/src/components/FileItem.vue

@@ -117,6 +117,7 @@ function triggerFileDelete(pathname: string) {
         >
           <file-item-action
             :nameId="value.pathname"
+            :have-meta="false"
             @delete="() => triggerFolderDelete(value.pathname)"
             @edit="
               () =>
@@ -238,6 +239,9 @@ function triggerFileDelete(pathname: string) {
         >
           <file-item-action
             :nameId="value.pathname"
+            :have-meta="
+              !!(value.metadata && Object.keys(value.metadata).length > 0)
+            "
             @edit="
               () =>
                 fileFormComponent?.triggerFileEdit(

Services/client/src/components/FileItemAction.vue

@@ -5,6 +5,7 @@ defineEmits(['edit', 'delete'])
 
 const props = defineProps<{
   nameId: string
+  haveMeta: boolean
 }>()
 
 const open = ref(false)
@@ -39,6 +40,7 @@ const open = ref(false)
           </q-item-section>
         </q-item>
         <q-item
+          v-if="!haveMeta"
           clickable
           @click.stop="
             () => {

Services/client/src/components/FileSearched.vue

@@ -226,6 +226,9 @@ onMounted(() => {
           >
             <file-item-action
               :nameId="value.pathname"
+              :have-meta="
+                !!(value.metadata && Object.keys(value.metadata).length > 0)
+              "
               @edit="
                 () =>
                   fileFormComponent?.triggerFileEdit(
@@ -354,6 +357,12 @@ onMounted(() => {
               dense
               icon="mdi-trash-can-outline"
               @click="() => triggerFileDelete(actionData.row.pathname)"
+              v-if="
+                !(
+                  actionData.row.metadata &&
+                  Object.keys(actionData.row.metadata).length > 0
+                )
+              "
               id="listViewFileDelete"
             />
           </div>

Services/client/src/components/ListView.vue

@@ -391,6 +391,12 @@ const onRowClick = ((_, row) => {
                 color="negative"
                 icon="mdi-trash-can-outline"
                 @click.stop="() => triggerFileDelete(data.row.pathname)"
+                v-if="
+                  !(
+                    data.row.metadata &&
+                    Object.keys(data.row.metadata).length > 0
+                  )
+                "
                 data-testid="listViewFileDelete"
               />
             </div>