From 48926cd9d40bfc424ea3d3822b71dcfadaf99385 Mon Sep 17 00:00:00 2001
From: Baghi330 <baghini73@gmail.com>
Date: Sat, 14 Feb 2026 14:11:43 +0330
Subject: [PATCH] 1

---
 app/components/auto-import/AutoComplation.vue |  30 +--
 app/components/auto-import/TiptapEditor.vue   |  42 ++--
 .../lazy-load/data-entry/MainList.vue         | 188 ++++++++++++------
 app/pages/index.vue                           |   6 +-
 4 files changed, 171 insertions(+), 95 deletions(-)

diff --git a/app/components/auto-import/AutoComplation.vue b/app/components/auto-import/AutoComplation.vue
index cc65d7b..7e3d795 100644
--- a/app/components/auto-import/AutoComplation.vue
+++ b/app/components/auto-import/AutoComplation.vue
@@ -132,7 +132,7 @@
               <button
                 :disabled="loading"
                 @click="handleSearch"
-                class="cursor-pointer flex items-center justify-center h-10 p-2 bg-primary text-white rounded-l-lg hover:bg-primary-400 dark:hover:bg-dark-primary-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200  active:scale-95"
+                class="cursor-pointer flex items-center justify-center h-10 p-2 bg-primary text-white rounded-l-lg hover:bg-primary-400 dark:hover:bg-dark-primary-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200 active:scale-95"
                 aria-label="جستجو"
               >
                 جستجو
@@ -504,7 +504,7 @@ const loadHistoryFromLocal = () => {
       const parsed = JSON.parse(stored);
       historyResults.value = parsed.slice(
         0,
-        resolvedProps.value.maxHistoryItems
+        resolvedProps.value.maxHistoryItems,
       );
       recentSearches.value = historyResults.value
         .slice(0, 5)
@@ -520,7 +520,7 @@ const saveHistoryToLocal = () => {
   try {
     localStorage.setItem(
       LOCAL_STORAGE_KEY,
-      JSON.stringify(historyResults.value)
+      JSON.stringify(historyResults.value),
     );
   } catch (err) {
     console.error("خطا در ذخیره تاریخچه:", err);
@@ -533,39 +533,39 @@ const hasVisibleResults = computed(
     showResults.value &&
     (showAutocompleteList.value ||
       showHistoryList.value ||
-      showEmptyState.value)
+      showEmptyState.value),
 );
 const showAutocompleteList = computed(
   () =>
     showResults.value &&
     autocompleteResults.value.length > 0 &&
-    searchQuery.value.length >= resolvedProps.value.minCharsForAutocomplete
+    searchQuery.value.length >= resolvedProps.value.minCharsForAutocomplete,
 );
 const showHistoryList = computed(
-  () => showResults.value && searchQuery.value.length === 0
+  () => showResults.value && searchQuery.value.length === 0,
 );
 const showEmptyState = computed(
   () =>
     showResults.value &&
     !showAutocompleteList.value &&
     !showHistoryList.value &&
-    searchQuery.value.length >= resolvedProps.value.minCharsForAutocomplete
+    searchQuery.value.length >= resolvedProps.value.minCharsForAutocomplete,
 );
 const totalResults = computed(
   () =>
     (showAutocompleteList.value ? autocompleteResults.value.length : 0) +
-    (showHistoryList.value ? historyResults.value.length : 0)
+    (showHistoryList.value ? historyResults.value.length : 0),
 );
 
 const selectedFilterIcon = computed(
   () =>
     quickFilters.value.find((f) => f.value === selectedFilter.value)?.icon ||
-    "i-heroicons-funnel"
+    "i-heroicons-funnel",
 );
 const selectedFilterLabel = computed(
   () =>
     quickFilters.value.find((f) => f.value === selectedFilter.value)?.label ||
-    "فیلتر"
+    "فیلتر",
 );
 
 // فرمت زمان
@@ -599,6 +599,8 @@ const fetchAutocomplete = async () => {
   let url = `${resolvedProps.value.autocompleteUrl}/q=${searchQuery.value}`;
   if (selectedFilter.value !== "all") url += `&filter=${selectedFilter.value}`;
   try {
+    console.log("url", url);
+
     const response = await httpService.getRequest(url);
     const hits = response?.hits?.hits || [];
     autocompleteResults.value = hits
@@ -611,8 +613,8 @@ const fetchAutocomplete = async () => {
           hit._source?.type === "product"
             ? "i-heroicons-shopping-bag"
             : hit._source?.type === "article"
-            ? "i-heroicons-newspaper"
-            : "i-heroicons-document-text",
+              ? "i-heroicons-newspaper"
+              : "i-heroicons-document-text",
       }))
       .slice(0, 6);
   } catch (err) {
@@ -654,7 +656,7 @@ const addToHistory = (item) => {
   if (historyResults.value.length > resolvedProps.value.maxHistoryItems) {
     historyResults.value = historyResults.value.slice(
       0,
-      resolvedProps.value.maxHistoryItems
+      resolvedProps.value.maxHistoryItems,
     );
   }
   recentSearches.value = historyResults.value.slice(0, 5).map((i) => i.label);
@@ -882,7 +884,7 @@ const handleKeyDown = (event) => {
       if (selectedIndex.value >= 0) {
         if (activeSection.value === "autocomplete") {
           handleAutocompleteSelect(
-            autocompleteResults.value[selectedIndex.value]
+            autocompleteResults.value[selectedIndex.value],
           );
         } else if (activeSection.value === "history") {
           const historyIndex = selectedIndex.value - autocompleteCount;
diff --git a/app/components/auto-import/TiptapEditor.vue b/app/components/auto-import/TiptapEditor.vue
index c09ab31..ad93ea4 100755
--- a/app/components/auto-import/TiptapEditor.vue
+++ b/app/components/auto-import/TiptapEditor.vue
@@ -52,7 +52,7 @@ function isList(text) {
     (line) =>
       line.trim().startsWith("*") ||
       line.trim().startsWith("-") ||
-      /^\d+\./.test(line.trim())
+      /^\d+\./.test(line.trim()),
   );
 }
 const toolbarGroups = [
@@ -254,7 +254,7 @@ function generateDetailsHtml(item) {
 
   html += `${escapeHtml(item.title) || "بدون عنوان"}`;
   if (item.link_url) {
-    html += `<a  href="${item.link_url}">${item.link_label}</a>`;
+    html += `<a class="link-url" href="${item.link_url}">${item.link_label}</a>`;
   }
   html += "</summary>";
 
@@ -297,7 +297,7 @@ watch(
       loadFromJson();
     });
   },
-  { deep: true, immediate: true }
+  { deep: true, immediate: true },
 );
 onMounted(() => {
   editor.value = new Editor({
@@ -342,8 +342,8 @@ onBeforeUnmount(() => {
   /* فقط متغیرهای غیررنگ (سایه، انحنا، RGB اصلی) – رنگ‌ها در main.css تعریف شده‌اند */
   --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
-    0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --shadow-md:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
   --radius: 0.75rem;
   --radius-sm: 0.5rem;
   --radius-lg: 1rem;
@@ -365,7 +365,7 @@ onBeforeUnmount(() => {
   border: 1px solid var(--color-primary-200);
   border-radius: var(--radius-lg) var(--radius-lg) 0 0;
   margin: 2rem auto 0;
-  max-width: 900px;
+  max-width: 1200px;
   box-shadow: var(--shadow-sm);
 }
 
@@ -421,7 +421,7 @@ onBeforeUnmount(() => {
 }
 
 .editor-content {
-  max-width: 900px;
+  max-width: 1200px;
   margin: 0 auto 2rem;
   padding: 2rem;
   background: var(--color-white-normal);
@@ -433,8 +433,14 @@ onBeforeUnmount(() => {
 }
 
 .tiptap {
-  font-family: "Vazir", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, sans-serif;
+  font-family:
+    "Vazir",
+    "Inter",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    sans-serif;
   color: var(--color-dark-primary-700);
   line-height: 1.7;
 
@@ -553,14 +559,15 @@ onBeforeUnmount(() => {
     padding: 1.25rem 1.25rem 1.25rem 3.5rem;
     background: linear-gradient(
       to right,
-      var(--color-dark-primary-50),
+      var(--color-primary-100),
       var(--color-white-normal)
     );
+    color: var(--color-primary-700);
     border-radius: var(--radius) var(--radius) 0 0;
     font-weight: 700;
     font-size: 1.1rem;
     color: var(--color-dark-primary-800);
-    cursor: pointer;
+    // cursor: pointer;
     list-style: none;
     user-select: none;
     transition: all 0.2s ease;
@@ -568,15 +575,6 @@ onBeforeUnmount(() => {
     &::-webkit-details-marker {
       display: none;
     }
-
-    &:hover {
-      background: linear-gradient(
-        to right,
-        var(--color-primary-100),
-        var(--color-white-normal)
-      );
-      color: var(--color-primary-700);
-    }
   }
 
   > div {
@@ -641,6 +639,10 @@ onBeforeUnmount(() => {
     padding-right: 1rem;
     border-right: 2px dashed var(--color-primary-100);
   }
+  .link-url {
+    color: blue;
+    margin-right: 0.5em;
+  }
 }
 
 @keyframes slideDown {
diff --git a/app/components/lazy-load/data-entry/MainList.vue b/app/components/lazy-load/data-entry/MainList.vue
index e53341f..f2a75dc 100644
--- a/app/components/lazy-load/data-entry/MainList.vue
+++ b/app/components/lazy-load/data-entry/MainList.vue
@@ -40,72 +40,144 @@ const myContentSchema = computed(() => {
     pagination: props.pagination,
   };
 });
-const headerTools = computed(() => [
-  {
-    items: [
-      {
-        type: "dropdown",
-        key: "dropdown",
-        name: "refine_codes",
-        dropdownSchema: {
-          width: "18em",
-          modelValue: null, // ✅ اینو بذار
-          optionAttribute: "title",
-          valueAttribute: "value",
-          searchable: false,
-          placeholder: "انتخاب کنید",
-          items: refineCodes,
+const headerTools = ref([
+  [
+    {
+      items: [
+        { key: "label", label: "کد:", style: "code-title" },
+        {
+          type: "dropdown",
+          key: "dropdown",
+          name: "refine_codes",
+          dropdownSchema: {
+            width: "18em",
+            modelValue: null,
+            optionAttribute: "title",
+            valueAttribute: "value",
+            searchable: false,
+            placeholder: "انتخاب کنید",
+            items: refineCodes,
+          },
         },
-      },
-      {
-        key: "autoComplation",
-        placeholder: "جستجوی ...",
-        debounceTime: 500,
-        // autocompleteUrl: "/repo/monir/complation/sanad",
-        minCharsForAutocomplete: 3,
-        maxHistoryItems: 20,
-        showSearchButton: false,
-        filters: [
-          {
-            label: "همه اجزاء",
-            value: "all",
+        { key: "label", label: "نوع رابطه:", style: "code-title" },
+        {
+          type: "dropdown",
+          key: "dropdown",
+          name: "refine_codes",
+          dropdownSchema: {
+            width: "10em",
+            modelValue: null,
+            optionAttribute: "title",
+            valueAttribute: "value",
+            searchable: false,
+            placeholder: "انتخاب کنید",
+            items: [
+              {
+                title: "تعارض",
+                value: "1",
+              },
+              {
+                title: "تینت",
+                value: "2",
+              },
+              {
+                title: "ییی",
+                value: "3",
+              },
+              {
+                title: "ییی",
+                value: "4",
+              },
+            ],
           },
-          {
-            label: "عنوان جلسه",
-            value: "title",
+        },
+        { key: "label", label: "وضعیت اعتبار:", style: "code-title" },
+        {
+          type: "dropdown",
+          key: "dropdown",
+          name: "refine_codes",
+          dropdownSchema: {
+            width: "10em",
+            modelValue: null,
+            optionAttribute: "title",
+            valueAttribute: "value",
+            searchable: false,
+            placeholder: "انتخاب کنید",
+            placeholder: "انتخاب کنید",
+            items: [
+              {
+                title: "تعارض",
+                value: "1",
+              },
+              {
+                title: "تینت",
+                value: "2",
+              },
+              {
+                title: "ییی",
+                value: "3",
+              },
+              {
+                title: "ییی",
+                value: "4",
+              },
+            ],
           },
-          {
-            label: "عنوان دوره",
-            value: "branch",
-          },
-          {
-            label: " فقط فهرست",
-            value: "mindex",
-          },
-          {
-            label: " فقط کدها",
-            value: "codes",
-          },
-          {
-            label: " دوره",
-            value: "advance",
-          },
-        ],
-      },
-      {
-        key: "prevNext",
-        name: "entityNavigator",
-        prevDisabled: false,
-        nextDisabled: true,
-      },
-    ],
-  },
+        },
+      ],
+    },
+    {
+      items: [
+        {
+          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,
+        },
+      ],
+    },
+  ],
 ]);
 
 function headerToolsAction({ action, data }) {
   if (action == "auto-complation") {
     if (data.action == "complete-search") {
-      console.log("data ==> ", data);
+      // console.log("data ==> ", data);
 
       emit("my-header-tools-search", data.item);
     }
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 4eee741..8b4cd2e 100755
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -168,8 +168,8 @@ function myContentAction({ action, payload }) {
     return;
   }
 }
-function myHeaderToolsSearch(data) {
-  // console.log("dataqqqq ==> ", data);
-  getListConflict(data);
+function myHeaderToolsSearch(textSearch) {
+  console.log("dataqqqq ==> ", textSearch);
+  getListConflict(textSearch);
 }
 </script>