Merge pull request #325 from devforth/ModifyAdminforthForBulkVisionPlugin

feat: enhance ThreeDotsMenu with checkbox handling and updateList int…

Author: yaroslav8765

adminforth/spa/src/components/ThreeDotsMenu.vue

@@ -15,11 +15,20 @@
       class="z-20 hidden bg-lightThreeDotsMenuBodyBackground divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-darkThreeDotsMenuBodyBackground dark:divide-gray-600">
         <ul class="py-2 text-sm text-lightThreeDotsMenuBodyText dark:text-darkThreeDotsMenuBodyText" aria-labelledby="dropdownMenuIconButton">
           <li v-for="item in threeDotsDropdownItems" :key="`dropdown-item-${item.label}`">
-            <a href="#" class="block px-4 py-2 hover:bg-lightThreeDotsMenuBodyBackgroundHover hover:text-lightThreeDotsMenuBodyTextHover dark:hover:bg-darkThreeDotsMenuBodyBackgroundHover dark:hover:text-darkThreeDotsMenuBodyTextHover">
+            <a  href="#" 
+              class="block px-4 py-2 hover:bg-lightThreeDotsMenuBodyBackgroundHover hover:text-lightThreeDotsMenuBodyTextHover dark:hover:bg-darkThreeDotsMenuBodyBackgroundHover dark:hover:text-darkThreeDotsMenuBodyTextHover"                 
+              :class="{
+                'pointer-events-none': !checkboxes.length,
+                'opacity-50': !checkboxes.length,
+                'cursor-not-allowed': !checkboxes.length,
+              }">
               <component :is="getCustomComponent(item)" 
                 :meta="item.meta" 
                 :resource="coreStore.resource" 
                 :adminUser="coreStore.adminUser"
+                :checkboxes="checkboxes"
+                :updateList="props.updateList"
+                :clearCheckboxes="clearCheckboxes"
               />
             </a>
           </li>
@@ -74,7 +83,13 @@ const props = defineProps({
   threeDotsDropdownItems: Array,
   customActions: Array,
   bulkActions: Array,
-  checkboxes: Array
+  checkboxes: Array,
+  updateList: {
+    type: Function,
+  },
+  clearCheckboxes: {
+    type: Function
+  }
 });
 
 const emit = defineEmits(['startBulkAction']);

adminforth/spa/src/views/ListView.vue

@@ -97,6 +97,8 @@
         :bulkActions="coreStore.resource?.options?.bulkActions"
         :checkboxes="checkboxes"
         @startBulkAction="startBulkAction"
+        :updateList="getList"
+        :clearCheckboxes="clearCheckboxes"
       ></ThreeDotsMenu>
     </BreadcrumbsWithButtons>
 
@@ -247,6 +249,10 @@ async function getList() {
   return {}
 }
 
+function clearCheckboxes() {
+  checkboxes.value = [];
+}
+
 async function refreshExistingList(pk?: any) {
   const currentData = rows.value;
   if (!currentData) {