app/components/auto-import/HeaderTools.vue

@@ -34,12 +34,20 @@
                               emitHandler('dropdown-setting', { data: val })
                           "
                         />
-                        <div v-else-if="headItem.key === 'label'" class="mr-3">
+                        <div
+                          v-else-if="headItem.key === 'label'"
+                          class="mr-3"
+                          v-tooltip="headItem.tooltip || ''"
+                        >
                           <span class="text-primary font-medium px-3">{{
                             headItem.label
                           }}</span>
                         </div>
-                        <div v-else-if="headItem.key === 'text'" class="mr-3">
+                        <div
+                          v-else-if="headItem.key === 'text'"
+                          class="mr-3"
+                          v-tooltip="headItem.tooltip || ''"
+                        >
                           <span class="text-primary font-medium px-3"
                             >{{ headItem.label }}:</span
                           >
@@ -87,6 +95,7 @@
                           v-else-if="headItem.key === 'icon'"
                           class="btn p-2 rounded hover:text-primary transition-colors"
                           :title="headItem.label"
+                          v-tooltip="headItem.tooltip || ''"
                           @click="emitHandler('icon-click', { data: headItem })"
                         >
                           <!-- <svg :class="'icon icon-' + headItem.icon">
@@ -124,7 +133,10 @@
                             "
                           />
                         </div>
-                        <div v-else-if="headItem.key === 'button'">
+                        <div
+                          v-else-if="headItem.key === 'button'"
+                          v-tooltip="headItem.tooltip || ''"
+                        >
                           <button
                             class="btn bg-primary text-white px-3 py-1 rounded hover:bg-primary-dark"
                             @click="
@@ -134,7 +146,10 @@
                             {{ headItem.label }}
                           </button>
                         </div>
-                        <div v-else-if="headItem.key === 'iconButton'">
+                        <div
+                          v-else-if="headItem.key === 'iconButton'"
+                          v-tooltip="headItem.tooltip || ''"
+                        >
                           <button
                             class="btn flex items-center gap-1 px-2 py-1 rounded hover:text-primary"
                             @click="
@@ -233,12 +248,20 @@
                             emitHandler('dropdown-setting', { data: val })
                         "
                       />
-                      <div v-else-if="my_item.key === 'label'" class="mr-3">
+                      <div
+                        v-else-if="my_item.key === 'label'"
+                        class="mr-3"
+                        v-tooltip="my_item.tooltip || ''"
+                      >
                         <span class="text-primary font-medium px-3">{{
                           my_item.label
                         }}</span>
                       </div>
-                      <div v-else-if="my_item.key === 'text'" class="mr-3">
+                      <div
+                        v-else-if="my_item.key === 'text'"
+                        class="mr-3"
+                        v-tooltip="my_item.tooltip || ''"
+                      >
                         <span class="text-primary font-medium px-3"
                           >{{ my_item.label }}:</span
                         >
@@ -287,6 +310,7 @@
                         v-else-if="my_item.key === 'icon'"
                         class="btn p-2 rounded hover:text-primary transition-colors"
                         :title="my_item.label"
+                        v-tooltip="my_item.tooltip || ''"
                         @click="emitHandler('icon-click', { data: my_item })"
                       >
                         <!-- <svg :class="'icon icon-' + my_item.icon">
@@ -319,7 +343,10 @@
                           "
                         />
                       </div>
-                      <div v-else-if="my_item.key === 'button'">
+                      <div
+                        v-else-if="my_item.key === 'button'"
+                        v-tooltip="my_item.tooltip || ''"
+                      >
                         <button
                           class="btn bg-primary text-white px-3 py-1 rounded hover:bg-primary-dark"
                           @click="
@@ -329,7 +356,10 @@
                           {{ my_item.label }}
                         </button>
                       </div>
-                      <div v-else-if="my_item.key === 'iconButton'">
+                      <div
+                        v-else-if="my_item.key === 'iconButton'"
+                        v-tooltip="my_item.tooltip || ''"
+                      >
                         <button
                           class="btn flex items-center gap-1 px-2 py-1 rounded hover:text-primary"
                           @click="

app/components/lazy-load/data-entry/MainList.vue

@@ -40,210 +40,66 @@ const myContentSchema = computed(() => {
     pagination: props.pagination,
   };
 });
-// const headerTools = computed(() => [
-//   {
-//     items: [
-//       // {
-//       //   key: "label",
-//       //   label: "کد :",
-//       //   tooltip: "عنوان صفحه",
-//       // },
-//       {
-//         type: "dropdown",
-//         key: "dropdown",
-//         name: "refine_codes",
-//         dropdownSchema: {
-//           width: "18em",
-//           modelValue: null, // ✅ اینو بذار
-//           optionAttribute: "title",
-//           valueAttribute: "value",
-//           searchable: false,
-//           placeholder: "انتخاب کنید",
-//           items: refineCodes,
-//         },
-//       },
-//       // {
-//       //   key: "label",
-//       //   label: "نوع رابطه :",
-//       //   tooltip: "عنوان صفحه",
-//       // },
-//       {
-//         type: "dropdown",
-//         key: "dropdown",
-//         name: "refine_codes",
-//         dropdownSchema: {
-//           width: "18em",
-//           modelValue: null, // ✅ اینو بذار
-//           optionAttribute: "title",
-//           valueAttribute: "value",
-//           searchable: false,
-//           placeholder: "انتخاب کنید",
-//           items: [
-//             { label: " تعارض مستقر", value: "stable" },
-//             { label: "تعارض مشروط", value: "conditional" },
-//             { label: "تکرار حکم", value: "duplicate" },
-//           ],
-//         },
-//       },
-//       // {
-//       //   key: "label",
-//       //   label: " وضعیت اعتبار:",
-//       //   tooltip: "عنوان صفحه",
-//       // },
-//       {
-//         type: "dropdown",
-//         key: "dropdown",
-//         name: "refine_codes",
-//         dropdownSchema: {
-//           width: "18em",
-//           modelValue: null, // ✅ اینو بذار
-//           optionAttribute: "title",
-//           valueAttribute: "value",
-//           searchable: false,
-//           placeholder: "انتخاب کنید",
-//           items: [
-//             { label: "نامعتبر", value: "invalid" },
-//             { label: "معتبر", value: "valid" },
-//           ],
-//         },
-//       },
-//       {
-//         key: "autoComplation",
-//         placeholder: "جستجوی ...",
-//         debounceTime: 500,
-//         // autocompleteUrl: "/repo/monir/complation/sanad",
-//         minCharsForAutocomplete: 3,
-//         maxHistoryItems: 20,
-//         showSearchButton: false,
-//         filters: [
-//           {
-//             label: "همه اجزاء",
-//             value: "all",
-//           },
-//           {
-//             label: "عنوان جلسه",
-//             value: "title",
-//           },
-//           {
-//             label: "عنوان دوره",
-//             value: "branch",
-//           },
-//           {
-//             label: " فقط فهرست",
-//             value: "mindex",
-//           },
-//           {
-//             label: " فقط کدها",
-//             value: "codes",
-//           },
-//           {
-//             label: " دوره",
-//             value: "advance",
-//           },
-//         ],
-//       },
-//       // {
-//       //   key: "prevNext",
-//       //   name: "entityNavigator",
-//       //   prevDisabled: false,
-//       //   nextDisabled: true,
-//       // },
-//     ],
-//   },
-// ]);
 const headerTools = computed(() => [
-  [
+  {
-    {
+    items: [
-      items: [
+      {
-        {
+        type: "dropdown",
-          key: "label",
+        key: "dropdown",
-          label: "کد: ",
+        name: "refine_codes",
+        dropdownSchema: {
+          width: "18em",
+          modelValue: null, // ✅ اینو بذار
+          optionAttribute: "title",
+          valueAttribute: "value",
+          searchable: false,
+          placeholder: "انتخاب کنید",
+          items: refineCodes,
         },
-        {
+      },
-          type: "dropdown",
+      {
-          key: "dropdown",
+        key: "autoComplation",
-          name: "refine_codes",
+        placeholder: "جستجوی ...",
-          dropdownSchema: {
+        debounceTime: 500,
-            width: "18em",
+        // autocompleteUrl: "/repo/monir/complation/sanad",
-            modelValue: null, // ✅ اینو بذار
+        minCharsForAutocomplete: 3,
-            optionAttribute: "title",
+        maxHistoryItems: 20,
-            valueAttribute: "value",
+        showSearchButton: false,
-            searchable: false,
+        filters: [
-            placeholder: "انتخاب کنید",
+          {
-            items: refineCodes,
+            label: "همه اجزاء",
+            value: "all",
           },
-        },
+          {
-        {
+            label: "عنوان جلسه",
-          key: "label",
+            value: "title",
-          label: "نوع رابطه :",
-        },
-        {
-          type: "dropdown",
-          key: "dropdown",
-          name: "refine_codes",
-          dropdownSchema: {
-            width: "10em",
-            modelValue: null, // ✅ اینو بذار
-            optionAttribute: "title",
-            valueAttribute: "value",
-            searchable: false,
-            placeholder: "انتخاب کنید",
-            items: [
-              { label: " تعارض مستقر", value: "stable" },
-              { label: "تعارض مشروط", value: "conditional" },
-              { label: "تکرار حکم", value: "duplicate" },
-            ],
           },
-        },
+          {
-        {
+            label: "عنوان دوره",
-          key: "label",
+            value: "branch",
-          label: " وضعیت اعتبار:",
-        },
-        {
-          type: "dropdown",
-          key: "dropdown",
-          name: "refine_codes",
-          dropdownSchema: {
-            width: "8em",
-            modelValue: null, // ✅ اینو بذار
-            optionAttribute: "title",
-            valueAttribute: "value",
-            searchable: false,
-            placeholder: "انتخاب کنید",
-            items: [
-              { label: "نامعتبر", value: "invalid" },
-              { label: "معتبر", value: "valid" },
-            ],
           },
-        },
+          {
-      ],
+            label: " فقط فهرست",
-    },
+            value: "mindex",
-    {
+          },
-      items: [
+          {
-        {
+            label: " فقط کدها",
-          key: "autoComplation",
+            value: "codes",
-          placeholder: "جستجوی ...",
+          },
-          debounceTime: 500,
+          {
-          // autocompleteUrl: "/repo/monir/complation/sanad",
+            label: " دوره",
-          minCharsForAutocomplete: 3,
+            value: "advance",
-          maxHistoryItems: 20,
+          },
-          showSearchButton: false,
+        ],
-          filters: [
+      },
-            {
+      {
-              label: "همه اجزاء",
+        key: "prevNext",
-              value: "all",
+        name: "entityNavigator",
-            },
+        prevDisabled: false,
-          ],
+        nextDisabled: true,
-        },
+      },
-        // {
+    ],
-        //   key: "prevNext",
+  },
-        //   name: "entityNavigator",
-        //   prevDisabled: false,
-        //   nextDisabled: true,
-        // },
-      ],
-    },
-  ],
 ]);
 
 function headerToolsAction({ action, data }) {