From 35b126a68efdc122e6de1e9e3667d59259a43a37 Mon Sep 17 00:00:00 2001
From: Mehdi104797 <92753457+Mehdi104797@users.noreply.github.com>
Date: Sun, 2 Mar 2025 11:39:24 +0330
Subject: [PATCH] =?UTF-8?q?=D8=AA=D8=BA=DB=8C=DB=8C=D8=B1=D8=A7=D8=AA=20?=
 =?UTF-8?q?=D8=AF=D8=B1=20=D8=AA=D8=AD=D9=82=DB=8C=D9=82=D8=A7=D8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../research/components/AdvancedSearch.vue    |    6 +-
 .../components/ResearchFilterList.vue         |   33 +-
 json/research/{json => }/menu.json            |    0
 json/research/{json => }/test.json            |    0
 layouts/ResearchLayout.vue                    |   56 +
 layouts/readme.md                             |    5 +
 pages/Research.vue                            | 1033 --------------
 pages/index.vue                               | 1206 ++++++++---------
 stores/researchStore.ts                       |    4 +-
 9 files changed, 642 insertions(+), 1701 deletions(-)
 rename json/research/{json => }/menu.json (100%)
 rename json/research/{json => }/test.json (100%)
 create mode 100644 layouts/ResearchLayout.vue
 create mode 100644 layouts/readme.md
 delete mode 100644 pages/Research.vue

diff --git a/components/research/components/AdvancedSearch.vue b/components/research/components/AdvancedSearch.vue
index 24e5d6a..86b60b8 100644
--- a/components/research/components/AdvancedSearch.vue
+++ b/components/research/components/AdvancedSearch.vue
@@ -40,8 +40,8 @@
 
 <script>
 
-import { useResearchStore } from "../../../stores/researchStore";
-
+import { useResearchStore } from "@research/stores/researchStore";
+import { useSearchStore } from "@research/stores/searchStore";
 import { mapState } from "pinia";
 
 export default {
@@ -53,7 +53,7 @@ export default {
     };
   },
   computed: {
-    ...mapState(useSearchStore, ["searchActiveTabGetter"]),
+    // ...mapState(useSearchStore, ["searchActiveTabGetter"]),
     ...mapState(useResearchStore, ["researchSchemaGetter"]),
   },
   watch: {
diff --git a/components/research/components/ResearchFilterList.vue b/components/research/components/ResearchFilterList.vue
index 169764b..a955535 100644
--- a/components/research/components/ResearchFilterList.vue
+++ b/components/research/components/ResearchFilterList.vue
@@ -25,10 +25,13 @@
           ></filter-items>
         </div>
 
-
         <div
           v-for="(filter, index) in researchSchemaGetter[0].filter"
-          v-if="researchSchemaGetter && listFilter && listFilter[filter.source_key]?.buckets.length > 0"
+          v-if="
+            researchSchemaGetter &&
+            listFilter &&
+            listFilter[filter?.source_key]?.buckets.length > 0
+          "
           class="filters__sec"
           :key="index"
         >
@@ -36,7 +39,7 @@
           <ul>
             <li
               v-for="(item, i) in getFilterItems(
-                filter.source_key,
+                filter?.source_key,
                 filter.by_more
               )"
               :key="i"
@@ -79,8 +82,8 @@
 
 <script>
 import { mapState, mapActions } from "pinia";
-import { useSearchStore } from "~/stores/searchStore";
-import { useResearchStore } from "../../../stores/researchStore";
+import { useSearchStore } from "@search/stores/searchStore";
+import { useResearchStore } from "@research/stores/researchStore";
 export default {
   name: "FilterList",
   props: ["changePageFilter", "listAggregations", "selectedFilterItems"],
@@ -100,17 +103,14 @@ export default {
       windowWidth: window?.innerWidth,
     };
   },
-  
+
   computed: {
     ...mapState(useSearchStore, [
       "searchSchemaGetter",
       "searchActiveTabGetter",
       "selectionFilterItemsGetter",
     ]),
-    ...mapState(useResearchStore, [
-      "researchSchemaGetter",
-      
-    ]),
+    ...mapState(useResearchStore, ["researchSchemaGetter"]),
 
     listTags() {
       if (
@@ -143,15 +143,15 @@ export default {
     //     }
     //   }
     // },
-        filterItems(newVal) {
-            // this.selectionFilterItemsSetter(newVal)
+    filterItems(newVal) {
+      // this.selectionFilterItemsSetter(newVal)
       this.$emit("filterItems", newVal);
     },
     $route: {
       handler: function (to, from) {},
     },
   },
-  
+
   beforeDestroy() {
     window.removeEventListener("resize", this.handleResize);
   },
@@ -168,7 +168,7 @@ export default {
       // this.hidenfilter();
     } else if (this.$route.name === "searchNavigation") {
       this.setAnswer(this.listAggregations);
-      this.filterItems = this.selectedFilterItems ;
+      this.filterItems = this.selectedFilterItems;
       this.selectedFilterItems.forEach((element) => {
         this.filterSelect.push(element.id);
       });
@@ -190,7 +190,7 @@ export default {
   },
   methods: {
     ...mapActions(useSearchStore, ["selectionFilterItemsSetter"]),
-    
+
     // handleResize() {
     //   this.windowWidth = window.innerWidth;
     //   if (this.$route.name === "searchCategory") {
@@ -290,8 +290,6 @@ export default {
         this.delFilter(key);
         // this.filterItems.splice(foundIndex, 1);
         el.classList.remove("active");
-
-
       } else {
         // اگر ایتم در آرایه وجود نداشت، آن را اضافه کن
         this.addFilter(key);
@@ -333,7 +331,6 @@ export default {
       this.filterUrl = "";
       var prevType = "";
       this.filterSelect.forEach((item) => {
-
         var items = item.split("#");
 
         if (prevType == items[0]) {
diff --git a/json/research/json/menu.json b/json/research/menu.json
similarity index 100%
rename from json/research/json/menu.json
rename to json/research/menu.json
diff --git a/json/research/json/test.json b/json/research/test.json
similarity index 100%
rename from json/research/json/test.json
rename to json/research/test.json
diff --git a/layouts/ResearchLayout.vue b/layouts/ResearchLayout.vue
new file mode 100644
index 0000000..7a28553
--- /dev/null
+++ b/layouts/ResearchLayout.vue
@@ -0,0 +1,56 @@
+<template>
+  <main >
+      <the-sidebar :showUserAvatar="true" :menu="$attrs.menu"></the-sidebar>
+
+    <section
+      class="main-page__content"
+      :class="{ expanded: !isSidebarCollapsed }"
+    >
+      <slot name="named-slot"></slot>
+      <slot></slot>
+    </section>
+  </main>
+</template>
+
+<script>
+// import { mapActions, mapState } from "pinia";
+import { useCommonStore } from "~/stores/commonStore";
+import { clearBodyClass } from "@manuals/utilities";
+import { mapState } from "pinia";
+
+export default {
+  beforeMount() {
+    clearBodyClass();
+    // this.uuid = Math.floor(Math.random() * 100);
+    // document.title = import.meta.env.VITE_SEARCH_PAGE_TITLE;
+  },
+  // mounted() {
+  // this.setBodyClass(this.$attrs.bodyClass);
+  // },
+  destroyed() {
+    clearBodyClass();
+  },
+  data() {
+    return {
+      uuid: undefined,
+    };
+  },
+  computed: {
+    ...mapState(useCommonStore, ["isSidebarCollapsed"]),
+  },
+  // methods: {
+  // ...mapActions(useCommonStore, ["setBodyClass"]),
+  // },
+};
+</script>
+
+<style lang="scss">
+/*@import "../../assets/scss/projects/tahrir/tahrir";*/
+/*@import "../../assets/scss/projects/list/list";*/
+// @import "../assets/search/scss/search";
+@import "../assets/research/scss/research";
+.search-system .modal-backdrop.show {
+  display: block;
+  background-color: #0000003b;
+}
+</style>
diff --git a/layouts/readme.md b/layouts/readme.md
new file mode 100644
index 0000000..e11d43e
--- /dev/null
+++ b/layouts/readme.md
@@ -0,0 +1,5 @@
+Layouts are wrappers around pages that contain a common User Interface for several pages, such as
+a header and footer display. Layouts are Vue files using <slot /> components to display the page
+content. The layouts/default.vue file will be used by default. Custom layouts can be set as part of
+your page metadata.
+If you only have a single layout in your application, we recommend using app.vue with <NuxtPage /> instead.
\ No newline at end of file
diff --git a/pages/Research.vue b/pages/Research.vue
deleted file mode 100644
index c9b08f6..0000000
--- a/pages/Research.vue
+++ /dev/null
@@ -1,1033 +0,0 @@
-<template>
-  <section class="myResearches" :class="{ expanded: !isSidebarCollapsed }">
-    <div class="container-fluid">
-      <div class="row align-items-end border-bottom">
-        <div class="col-12 pt-3">
-          <div class="row align-items-center mb-3">
-            <div class="col col-lg-auto order-1">
-              <div class="d-flex align-items-center">
-                <button
-                  name="button"
-                  type="button"
-                  class="toggle-mobile-nav dropdown-hamburger d-md-none"
-                  @click.prevent="toggleSidebarMenu()"
-                >
-                  <span class="sr-only">باز کردن منوی کنار</span>
-                  <svg class="s18" data-testid="sidebar-icon">
-                    <use href="assets/common/img/icons.svg#sidebar"></use>
-                  </svg>
-                </button>
-
-                <router-link
-                  :to="{
-                    name: 'defaultRoute',
-                  }"
-                  classes="btn me-3"
-                >
-                  <img
-                    :src="logoPhoto()"
-                    :alt="appLongTitle"
-                    class="img-fluid logo"
-                    style="max-width: 3.3em"
-                  />
-                </router-link>
-              </div>
-            </div>
-
-            <div class="col-12 col-lg-6 order-3 order-lg-2">
-              <div class="search-container">
-                <div
-                  class="input-group"
-                  @keyup="keyupdiv"
-                  style="box-shadow: 0 1px 3px rgba(23, 23, 23, 0.24)"
-                >
-                  <VMenu class="my-vmenu">
-                    <div class="input-group-prepend">
-                      <button
-                        type="button"
-                        @click.prevent="showAdvancedSearch"
-                        title="جستجوی پیشرفته"
-                        class="btn"
-                      >
-                        پیشرفته؟
-                      </button>
-                    </div>
-
-                    <slot name="popper">
-                      <div
-                        class="my-tooltip-content"
-                        v-html="
-                          getHtmlTooltip2(
-                            'research',
-                            'research_advance',
-                            'TKVLBY8BPd2Jp_XrBZq0'
-                          )
-                        "
-                      ></div>
-                    </slot>
-                  </VMenu>
-
-                  <input
-                    type="text"
-                    v-model="textSearch"
-                    @keyup.enter="slmSearchStart()"
-                    @click="showHisory()"
-                    class="form-control"
-                    id="research"
-                    placeholder="جستجو در تمام تحقیقات"
-                    autocomplete="off"
-                    ref="searchinput"
-                    @focus="inputfocused = true"
-                    @blur="inputfocused = false"
-                    v-focus
-                  />
-                  <div class="input-group-append">
-                    <button
-                      v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
-                      class="btn dropdown-toggle"
-                      type="button"
-                      data-bs-toggle="dropdown"
-                      aria-haspopup="true"
-                      aria-expanded="false"
-                    >
-                      <span class="navItemlabel">
-                        {{ domainActiveGetter?.label }}
-                      </span>
-                    </button>
-                    <div class="dropdown-menu">
-                      <button
-                        v-for="(navItem, index) in searchDomain"
-                        :key="index"
-                        type="button"
-                        class="dropdown-item"
-                        @click.prevent="setSelectedNavItem(navItem)"
-                      >
-                        {{ navItem.label }}
-                      </button>
-                    </div>
-
-                    <button
-                      v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
-                      @click.prevent="slmSearchStart()"
-                      class="btn btn-primary search-icon"
-                    >
-                      <svg class="icon icon-Component-198--1">
-                        <use xlink:href="#icon-Component-198--1"></use>
-                      </svg>
-                    </button>
-                  </div>
-
-                  <div
-                    v-if="showItem == 3 && listAutocomplate.length"
-                    class="search-page__result"
-                    :class="{
-                      show: listAutocomplate.length,
-                    }"
-                    v-click-outside="onClickOutside"
-                  >
-                    <ul ref="aut_ul">
-                      <li v-for="(item, i) in listAutocomplate" :key="i">
-                        <a @click.prevent="selectAutocomplate(item.text)">
-                          <span
-                            class="text__14"
-                            v-html="getHighlight(item.text)"
-                          ></span>
-                        </a>
-                      </li>
-                    </ul>
-                  </div>
-
-                  <div
-                    v-if="showItem == 1"
-                    class="search-page__result"
-                    :class="{
-                      show: historySearch.length,
-                    }"
-                    v-click-outside="onClickOutside"
-                  >
-                    <div>
-                      <div class="scrollbar">
-                        <ul ref="his_ul">
-                          <li v-for="(item, i) in historySearch" :key="i">
-                            <a @click="selectHistorySearch(item)">
-                              <img
-                                src="assets/common/img/Component 359 – 2.svg"
-                                alt=""
-                              />
-                              <span class="text__14">{{ item }}</span>
-                            </a>
-                            <a @click="removeHistorySearch(i)" class="close">
-                              <svg class="icon icon-Component-294--1">
-                                <use xlink:href="#icon-Component-294--1"></use>
-                              </svg>
-                            </a>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div
-                    v-show="showItem == 2"
-                    :class="{ show: showItem == 2 }"
-                    class="search-page__filters"
-                  >
-                    <!-- <form action="">
-                      <div class="item">
-                        <input
-                          type="checkbox"
-                          name="doc-priority"
-                          id="doc-priority"
-                          v-model="setRankCheck"
-                        />
-                        <label for="doc-priority" class="text__14"
-                          >جستجو با اولویت متن اسناد</label
-                        >
-                      </div>
-                      <div class="item">
-                        <input
-                          type="checkbox"
-                          name="search-in"
-                          id="search-in"
-                        />
-                        <label for="search-in" class="text__14"
-                          >جستجو فقط در
-                        </label>
-                        <div class="select">
-                          <select name="" id="">
-                            <option
-                              value=""
-                              v-for="(item, i) in setListItems"
-                              :key="i"
-                            >
-                              {{ item }}
-                            </option>
-                          </select>
-                          <span class="drop-down">
-                            <img
-                              src="assets/common/img/Path 13419.svg"
-                              alt=""
-                            />
-                          </span>
-                        </div>
-                      </div>
-                    </form> -->
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-auto col-lg order-2 order-lg-3">
-              <div class="d-flex justify-content-end" v-if="!isMajlesBuild">
-                <user-avatar-dropdown class="">
-                  <router-link
-                    :to="{ name: 'searchAbout' }"
-                    class="dropdown-item"
-                    >درباره ما</router-link
-                  >
-                  <router-link
-                    :to="{ name: 'searchConnect' }"
-                    class="dropdown-item"
-                    >تماس با ما</router-link
-                  >
-                </user-avatar-dropdown>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="row">
-        <div
-          v-if="showButton"
-          class="circle--button"
-          @click.prevent="changeHideFilter(0)"
-          ref="circle"
-        >
-          <svg
-            class="s12 icon-chevron-double-lg-left"
-            data-testid="chevron-double-lg-left-icon"
-          >
-            <use
-              href="assets/common/img/icons.svg#chevron-double-lg-left"
-            ></use>
-          </svg>
-        </div>
-
-        <div
-          class="col-8 col-lg-2 filter-list-container"
-          :class="{ expanded: showFilter }"
-          ref="showFilter"
-        >
-          <div class="mobile-mode">
-            <button class="btn" @click.prevnet="showFilter = !showFilter">
-              <svg
-                v-if="showFilter"
-                class="icon icon-chevron-double-right ms-1"
-              >
-                <use xlink:href="#icon-chevron-double-right"></use>
-              </svg>
-              <svg v-else class="icon icon-chevron-double-left">
-                <use xlink:href="#icon-chevron-double-left"></use>
-              </svg>
-              <!-- بستن فیلتر -->
-            </button>
-          </div>
-          <FilterList
-            v-if="researchSchemaGetter"
-            @filterUpdate="filterUpdate"
-            @changeHideFilter="changeHideFilter($event)"
-            ref="filterlist"
-            :lastSearchInListMode="lastSearchInListMode"
-            :changePageFilter="changePageFilter"
-            class="filterList"
-          ></FilterList>
-
-          <AdvancedSearch
-            v-if="researchSchemaGetter && researchSchemaGetter[0].advance"
-            v-show="hideAdvancedSearch"
-            @searchStart="slmSearchStart($event)"
-            @closeAdvancedSearch="closeAdvancedSearch"
-            @set-query-advanced="setQueryAdvanced($event)"
-          ></AdvancedSearch>
-        </div>
-
-        <div class="col">
-          <div v-if="!showNoAnswer()">
-            <component
-              :key="reRender"
-              :is="contentComponentName"
-              :listAnswer="listAnswer"
-              :summeryKeys="['content', 'mindex', 'mintro']"
-              :pagination="pagination"
-              :tq="textSearch"
-              @changeCurrent="changeCurrent"
-              @changePage="changePaging"
-              @researchModalHandler="researchModalHandler"
-              @updateForDeleteResearch="getQueryForResearch()"
-              ref="content"
-            ></component>
-          </div>
-          <no-data v-else>
-            <div class="d-flex justify-content-center align-items-center">
-              <div
-                class="alert alert-warning d-flex flex-column justify-content-center"
-              >
-                <div class="mb-3">پاسخی برای جستجوی شما یافت نشد.</div>
-                <div class="mb-3" v-if="textSearch">
-                  <label>عبارت جستجو :</label>
-                  <strong> {{ textSearch }}</strong>
-                </div>
-                <div class="mb-3" v-if="filterUrl">
-                  <label>فیلتر :</label>
-                  <strong> {{ filterUrl }}</strong>
-                </div>
-                <div class="mb-3" v-if="domain_lable">
-                  <label>دامنه :</label>
-                  <strong> {{ domain_lable }}</strong>
-                </div>
-                <div class="mb-3">
-                  <label>نوع جستجو :</label>
-                  <strong> {{ searchType_lable }}</strong>
-                </div>
-              </div>
-            </div>
-          </no-data>
-          <base-modal-v2
-            v-if="showModal"
-            @close="closeBaseModal"
-            :showHeaderCloseButton="true"
-            :hasFooter="false"
-            :modalTitle="modalTitle"
-            width="750px"
-            height="463px"
-            overflow="hidden"
-            :showSaveButton="true"
-            :showCloseButton="true"
-            :showDeleteButton="false"
-          >
-            <slot> {{ modalTitle }}</slot>
-
-            <slot name="body">
-              <component
-                :is="slotComponentName"
-                :valueModal="valueModalResearch"
-                @closeAfterSaving="closeAfterSaving"
-                height="100%"
-              ></component>
-            </slot>
-          </base-modal-v2>
-        </div>
-        <div
-          v-if="showSummary"
-          class="col-8 col-lg-3 summary-container"
-          :class="{ expanded: showSummary }"
-        >
-          <component
-            ref="summary"
-            :currentItem="currentItem"
-            :page="page"
-            :is="summaryComponentName"
-            @hideSummary="hideSummary"
-          ></component>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script>
-import searchLineMixin from "@research/mixins/research/searchLineMixin.js";
-import { mapActions, mapState } from "pinia";
-import researchApi from "@research/apis/researchApi";
-
-import { useResearchStore } from "@research/stores/researchStore";
-import { useSearchStore } from "@research/stores/searchStore";
-import { useCommonStore } from "~/stores/commonStore";
-
-export default {
-  name: "myResearches",
-  setup() {
-    definePageMeta({
-      layout: false,
-      name: "myResearches",
-    });
-  },
-  mixins: [searchLineMixin],
-  watch: {
-    $route: {
-      handler: function (to, from) {
-        // this.getSchemas();
-        this.setInputText(to.query.q);
-        this.state = 2;
-
-        setTimeout(() => {
-          if (this.textSearch != undefined && this.textSearch != "") {
-            this.searchStart(this.textSearch);
-          } else {
-            this.getDefaultByFilter();
-            // if (this.$refs.content) {
-            //   this.$refs.content?.$el.classList.add("component");
-            //   this.$refs.content.$el.style.right += 17 + "%";
-            // }
-          }
-        }, 500);
-      },
-    },
-
-    topRepeatInListMode(navItem) {
-      if (navItem == true) {
-        setTimeout(() => {
-          this.$refs.dropdownSortlist.classList.remove("opacity");
-          // this.$refs.circle.classList.remove("opacity");
-          this.againsetlist(this.lists);
-        }, 100);
-      } else {
-        setTimeout(() => {
-          this.$refs.dropdownSortlist.classList.add("opacity");
-          // this.$refs.circle.classList.add("opacity");
-        }, 100);
-      }
-    },
-    researchActiveSchemaGetter(newVal) {
-      if (newVal?.domain) {
-        this.setSearchDomain(newVal);
-      }
-    },
-  },
-  beforeMount() {
-    // this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
-  },
-  created() {
-    this.httpService = useNuxtApp()["$http"];
-  },
-  mounted() {
-    this.researchActiveSchemaSetter(this.myActiveSchema);
-    // let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;
-    if (this.researchActiveSchemaGetter?.domain) {
-      this.setSearchDomain(this.researchActiveSchemaGetter);
-    }
-
-    if (window.outerWidth < 992) {
-      this.$store.commit("TOGGLE_SIDEBAR_MENU");
-    }
-
-    this.modetab = 0;
-    this.state = 2;
-    // }
-    if (this.$route.query.q) {
-      this.setInputText(this.$route.query.q);
-    }
-    setTimeout(() => {
-      if (this.textSearch != undefined && this.textSearch != "") {
-        this.searchStart(this.textSearch);
-      } else {
-        // this.getDefaultByFilter();
-        this.getQueryForResearch();
-        // if (this.$refs.content) {
-        //   this.$refs.content?.$el.classList.add("component");
-        //   this.$refs.content.$el.style.right += 17 + "%";
-        // }
-      }
-    }, 500);
-    // ++this.rerenderChart;
-  },
-  beforeDestroy() {
-    window.removeEventListener("resize", this.handleResize);
-    window.removeEventListener("load", this.handleResize);
-  },
-  data() {
-    return {
-      showModal: false,
-      modalTitle: null,
-      slotComponentName: null,
-      valueModalResearch: {},
-      // Restored from searchLineMixin
-      typingTimer: 0,
-      doneTypingInterval: 500,
-      listAutocomplate: [],
-      historySearch: [],
-      searchDomain: [],
-      showItem: 0,
-      inputfocused: false,
-
-      listAnswer: [],
-      showFilter: false,
-      showDropdown: false,
-      showDropdownNavigateList: false,
-      navigateListPart2: [],
-      navigateListItem: "",
-      // httpService: undefined,
-      listChangeItem: "",
-      showListPanel: false,
-      showSearchLine: true,
-      state: 2,
-      modetab: 0,
-      totalCount: 0,
-      typeCount: "",
-      ismultiWord: false,
-      iscode: false,
-      listAmplify: [],
-      filterNavigate: [],
-      amplifyIndex: -1,
-      number: 0,
-
-      showfilterCategory: true,
-      activeListItem: undefined,
-      treeLists: "",
-
-      total_answer: 0,
-      showButton: false,
-      showSummary: false,
-      windowWidth: window?.innerWidth,
-      topRepeatInListMode: true,
-      activeSortItem: undefined,
-      changePageFilter: "",
-      httpService: {},
-      lastSearchInListMode: true,
-      searchingState: false,
-      meets: [],
-      textSearch: "",
-      domain_key: "",
-      domain_lable: "",
-      filterUrl: "",
-      loading: false,
-      showSummary: false,
-      showTermSummary: false,
-      countInPage: 10,
-      currentItem: [],
-      searchCode: "all",
-      searchTab: "searchResult",
-      searchType: "typeNormal",
-      searchType_lable: "عادی",
-      ismultword: true,
-      iscode: false,
-      reRender: 1,
-      hideAdvancedSearch: false,
-      page: 0,
-      setQuery: "",
-      textAmplify: "",
-      liSelected: null,
-      lists: "",
-      pagination: {
-        page: 1,
-        pages: 0,
-        total: 0,
-        offset: 0, // page * per_page
-        limit: 10, //per_page
-      },
-    };
-  },
-  computed: {
-    ...mapState(useSearchStore, [
-      "domainActiveGetter",
-      "searchActiveTabGetter",
-      "searchSchemaGetter",
-    ]),
-    ...mapState(useResearchStore, [
-      "researchSchemaGetter",
-      "researchActiveSchemaGetter",
-    ]),
-    ...mapState(useCommonStore, [
-      "currentUser",
-      "selectedlists",
-      "organNameGetter",
-      "isSidebarCollapsed",
-    ]),
-
-    myActiveSchema() {
-      return this.researchSchemaGetter?.find((item) => {
-        return item.key == "research";
-      });
-    },
-    contentComponentName(key) {
-      // if (key == "qanon") return "ResearchContent";
-      // else if (key == "mqanon" || key == "nqanon") return "MajlesQanonContent";
-      // else if (key == "qqanon") return "MajlesQavaninContent";
-      // else if (key == "mqsection") return "MajlesSectionContent";
-      // else if (key == "mashruh") return "MajlesMashruhContent";
-      // else if (key == "term") return "TermContent";
-      // else if (key == "emamain") return "EmamainContent";
-      // else if (key == "nesha") return "NeshaContent";
-      // else if (key == "qasection") return "MajlesQaSectionContent";
-
-      return "ResearchContent";
-    },
-
-    summaryComponentName() {
-      let key = this.searchActiveTabGetter?.key;
-      if (key == "term") return "TermSummary";
-      return "Summary";
-    },
-
-    isAdmin() {
-      return this.currentUser.user_level > 1;
-    },
-    hasVectorSearch() {
-      let key = this.searchActiveTabGetter?.key;
-      return key == "mqsection" || key == "qasection";
-    },
-    navigateList() {
-      return this.searchSchemaGetter;
-    },
-  },
-  methods: {
-    // ...mapActions(["TOGGLE_SIDEBAR_MENU"]),
-    ...mapActions(useCommonStore, ["TOGGLE_SIDEBAR_MENU"]),
-    ...mapActions(useSearchStore, [
-      "searchActiveTabSetter",
-      "domainActiveSetter",
-    ]),
-    ...mapActions(useResearchStore, ["researchActiveSchemaSetter"]),
-    closeAfterSaving() {
-      this.closeBaseModal();
-      setTimeout(() => {
-        this.getQueryForResearch("default");
-      }, 1000);
-    },
-    researchModalHandler(event) {
-      this.openBaseModal("ResearchFishModal", event.itemSchema.title);
-      this.valueModalResearch = event;
-    },
-    openBaseModal(componentName, title) {
-      this.showModal = true;
-      this.slotComponentName = componentName;
-      this.modalTitle = title;
-    },
-    closeBaseModal() {
-      setTimeout(() => {
-        this.showModal = false;
-      }, 500);
-    },
-
-    toggleSidebarMenu() {
-      this.TOGGLE_SIDEBAR_MENU();
-    },
-    setSearchDomain(value) {
-      this.searchDomain = [{ label: "همه", key: "all" }];
-      this.searchDomain = [...this.searchDomain, ...value.domain.domain];
-      if (!this.domainActiveGetter) {
-        if (isMajlesBuild()) this.domainActiveSetter(this.searchDomain[1]);
-        else this.domainActiveSetter(this.searchDomain[0]);
-      }
-    },
-    keyupdiv(event) {
-      if (this.showItem == 0 || this.showItem == 2) return;
-
-      var el = this.showItem == 1 ? this.$refs["his_ul"] : this.$refs["aut_ul"];
-
-      if (this.inputfocused && event.which === 38) {
-        this.liSelected = el.firstChild;
-        this.liSelected.classList.add("selected");
-        this.liSelected.focus();
-        return;
-      }
-      var next = null;
-      if (event.which === 40) {
-        if (this.liSelected) {
-          this.liSelected.classList.remove("selected");
-          next = this.liSelected.nextSibling;
-          if (next) {
-            this.liSelected = next.classList.add("selected");
-          } else {
-            this.liSelected = el.firstChild;
-            this.liSelected.classList.add("selected");
-          }
-          this.liSelected.focus();
-        } else {
-          this.liSelected = el.firstChild;
-          this.liSelected.classList.add("selected");
-          this.liSelected.focus();
-        }
-      } else if (event.which === 38) {
-        if (this.liSelected) {
-          this.liSelected.classList.remove("selected");
-          next = this.liSelected.prevSibling;
-          if (next) {
-            this.liSelected = next.classList.add("selected");
-          } else {
-            this.liSelected = el.lastChild;
-            this.liSelected.classList.add("selected");
-          }
-          this.liSelected.focus();
-        } else {
-          this.liSelected = el.lastChild;
-          this.liSelected.classList.add("selected");
-          this.liSelected.focus();
-        }
-      }
-    },
-    slmSearchStart() {
-      this.liSelected = null;
-      this.showItem = 0;
-      this.addHistorySearch(this.textSearch);
-
-      let tt = myEncodeQuery(this.textSearch);
-      // if (emited) this.$emit("searchStart", tt);
-      this.searchStart(tt);
-    },
-    setInputText(text) {
-      this.textSearch = myEncodeQuery(text);
-    },
-    showHisory() {
-      setTimeout(() => {
-        if (this.textSearch == "") this.showItem = 1;
-        else {
-          this.showItem = 0;
-          this.liSelected = null;
-        }
-      }, 100);
-    },
-    setSelectedNavItem(navItem) {
-      this.domainActiveSetter(navItem);
-      this.slmSearchStart();
-    },
-    onClickOutside() {
-      if (this.showItem == 1) {
-        this.showItem = 0;
-        this.liSelected = null;
-      }
-    },
-
-    handleResize() {
-      return window.outerWidth < 992;
-
-      // if (this.windowWidth < 990) {
-      //   this.$store.commit("TOGGLE_SIDEBAR_MENU");
-      // }
-    },
-
-    changeHideFilter(event) {
-      if (event === 0) {
-        this.$refs.axis.classList.remove("hiden");
-        this.$refs.showFilter.classList.toggle("d-none");
-
-        this.showButton = false;
-        this.showFilter = true;
-      } else if (event === 1) {
-        this.$refs.axis.classList.add("hiden");
-        this.$refs.showFilter.classList.toggle("d-none");
-        this.showButton = true;
-        this.showFilter = false;
-      }
-    },
-
-    searchCoding() {
-      this.slmSearchStart();
-    },
-    resetOptions() {
-      this.page = 0;
-      this.filterUrl = "";
-      this.$refs.filterlist?.resetFilter();
-    },
-    showfilter: function () {
-      this.$refs.filterlist?.showfilter();
-    },
-    checkMultiword(query_string) {
-      this.ismultword = true;
-      if (query_string == null || query_string == "") return;
-      var ww = query_string.split(" ");
-      this.iscode = /^\d+$/.test(query_string);
-
-      this.setOptions(this.ismultword, this.iscode);
-    },
-    setOptions(isMulti, isCode = false) {
-      this.ismultiWord = isMulti;
-      if (this.ismultiWord == false) this.searchType = "typeNormal";
-      this.iscode = isCode;
-    },
-
-    searchStart(query_string = null) {
-      if (query_string != null && query_string != "") {
-        //console.log(query_string);
-        query_string = query_string.trim();
-        this.setInputText(query_string);
-        this.checkMultiword(query_string);
-
-        if (this.topRepeatInListMode)
-          this.$refs?.content?.setTextSearch(query_string, this.countInPage);
-
-        this.resetOptions();
-        this.getQueryForResearch("filter");
-      } else {
-        this.setInputText("");
-        this.searchingState = false;
-        this.getQueryForResearch("default");
-      }
-
-      if (this.textSearch != "") {
-        history.pushState(
-          {},
-          document.title,
-          "/research" + "/?q=" + myEncodeQuery(this.textSearch)
-        );
-      } else history.pushState({}, document.title, "/research");
-    },
-    setQueryAdvanced(query) {
-      this.initText(query);
-      // if (this.$refs.topheader) {
-      //   this.$refs.topheader.setSearchLine(query);
-      // }
-    },
-    changePaging: function (item) {
-      this.pagination = item;
-
-      if (this.searchingState) this.getQueryForResearch("filter");
-      else this.getQueryForResearch("default");
-    },
-    hideSummary: function () {
-      this.showSummary = false;
-      // this.showTermSummary = false;
-    },
-    changeCurrent: function (item) {
-      this.showSummary = false;
-      // if (this.$route.name == "termResult") {
-      //   this.changeCurrentTerm(item);
-      // }
-      // if (item == this.currentItem) this.showSummary = !this.showSummary;
-      // else this.showSummary = true;
-      this.$nextTick(() => {
-        this.showSummary = true;
-      });
-
-      this.currentItem = item;
-      if (this.$refs.summary) this.$refs.summary.setInfo(item);
-    },
-
-    filterUpdate(filter) {
-      this.filterUrl = filter;
-      this.page = 0;
-      if (filter) this.getQueryForResearch("filter");
-      else this.getQueryForResearch("default");
-    },
-
-    getQueryForResearch(position = "default") {
-      this.loading = true;
-
-      let query = "";
-      let text = myEncodeQuery(this.textSearch);
-      if (text?.length != 0) {
-        this.domain_key = this.domainActiveGetter?.key;
-        if (this.domain_key && this.domain_key != "all") {
-          this.domain_lable = this.domainActiveGetter?.label;
-          query =
-            "q=" + encodeURIComponent("#") + this.domain_lable + " " + text;
-        } else {
-          query = "q=" + text;
-        }
-      }
-
-      let filter = this.filterUrl;
-      if (this.textAmplify != undefined && this.textAmplify != "") {
-        filter += "&o_am=" + this.textAmplify;
-      }
-
-      let url = researchApi.research.listDefault;
-      url = url.replace("{{user_id}}", this.currentUser.user_id);
-      url = url.replace("{{offset}}", this.pagination.offset);
-      url = url.replace("{{limit}}", this.pagination.limit);
-
-      if (query ? query : "" || filter ? filter : "")
-        url = url + "/" + query + filter;
-      this.httpService
-        .getRequest(url)
-        .then((response) => {
-          this.searchingState = true;
-          this.$refs.filterlist?.setAnswer(response.aggregations);
-          this.lists = response.hits.hits;
-          this.listAnswer = response.hits.hits;
-
-          this.loading = false;
-
-          this.total_answer = response.hits.total.value;
-
-          const total = response.hits.total.value;
-          this.total_answer = total;
-          const pages = Math.ceil(total / this.pagination.limit);
-          const pagination = {
-            total: total,
-            pages: pages == 0 ? 1 : pages,
-          };
-          this.pagination = { ...this.pagination, ...pagination };
-        })
-        .catch((error) => {
-          this.loading = false;
-          this.searchingState = false;
-          // vm.$alert(error);
-        });
-    },
-
-    againsetlist(list) {
-      this.$refs.content?.setAnswer(
-        // this.lists.data.aggregations.branch.buckets,
-        this.lists.data.hits.hits,
-        this.lists.data.hits.total.value,
-        this.lists.data.hits.total.relation
-      );
-      this.$refs.filterlist?.setAnswer(this.lists.data.aggregations);
-    },
-
-    resetPagination() {
-      this.pagination = {
-        pages: 0,
-        total: 0,
-        page: 1,
-        offset: 0,
-        limit: 10,
-      };
-    },
-    closeAdvancedSearch() {
-      this.hideAdvancedSearch = false;
-    },
-    showAdvancedSearch() {
-      if (this.hideAdvancedSearch) {
-        this.hideAdvancedSearch = false;
-      } else {
-        this.hideAdvancedSearch = true;
-      }
-    },
-    showNoAnswer() {
-      if (this.searchingState) {
-        return this.total_answer == 0;
-      }
-      return false;
-    },
-    canSee(keyName) {
-      if (this.currentUser?.user_level > 1) return true;
-      return this.userPermisionGetter?.includes(keyName);
-    },
-    myEncodeQuery(text) {
-      if (!text) return "";
-      //text = JSON.stringify(text);
-      let ch1 = encodeURIComponent("#");
-      let ch3 = encodeURIComponent("\\");
-      let ch4 = encodeURIComponent("&");
-      text = text.replaceAll("#", ch1);
-      text = text.replaceAll("&", ch4);
-      text = text.replaceAll("/", "\\");
-      text = text.replaceAll("\\", ch3);
-      // text = text.replaceAll(".", '%2E');
-      return text;
-    },
-    myEncodeQuery(text) {
-      //text = JSON.stringify(text);
-      if (!text) return "";
-
-      let ch1 = encodeURIComponent("#");
-      let ch3 = encodeURIComponent("\\");
-
-      text = text.replaceAll(ch1, "#");
-      text = text.replaceAll(ch3, "\\");
-      return text;
-    },
-    getHtmlTooltip2(section, key, id) {
-      let res = "";
-      let link = "";
-      if (id) link = location.origin + "/pages/help/" + section + "/" + id;
-
-      if (section == "research") {
-        if (key == "research_advance") {
-          res = `<p class="mb-2">برای یافتن بهترین پاسخ، روش جستجو را تعیین می‌کند</p>`;
-        } else if (key == "search_sort") {
-          res = `<p class="mb-2">ترتیب نمایش فهرست قبل و بعد از جستجو را تعیین می کند</p>`;
-        } else if (key == "search_advance") {
-          res = `<p class="mb-2">امکانات ویژه جهت جستجو در ویژگی های همراه متن در اختیار می گذارد </p>`;
-        }
-      }
-
-      if (section == "entity") {
-      }
-
-      if (res != "" && link != "")
-        res += `<a class="btn btn-link" target="_blank" href="${link}"> بیشتر ... </a>`;
-
-      return res;
-    },
-    initText(item) {
-      this.textSearch = item;
-    },
-
-    getHighlight(item) {
-      var find = this.textSearch;
-      var text = item.replaceAll(find, "<b>" + find + "</b>");
-      return text;
-    },
-    selectHistorySearch(item) {
-      this.textSearch = item;
-      this.searchStart(this.textSearch);
-    },
-    addHistorySearch(newSearch = "") {
-      if (newSearch == "") {
-        return;
-      }
-      var index = this.historySearch.indexOf(newSearch);
-      if (index != -1) {
-        this.historySearch.splice(index, 1);
-      }
-
-      this.historySearch.unshift(newSearch);
-      this.saveHistorySearch();
-    },
-    removeHistorySearch(x) {
-      this.historySearch.splice(x, 1);
-      this.saveHistorySearch();
-    },
-    saveHistorySearch() {
-      const parsed = JSON.stringify(this.historySearch);
-      window.localStorage.setItem([HISTORY_SEARCH_RECENT], parsed);
-    },
-  },
-};
-</script>
-<style scoped lang="scss">
-.v-popper--theme-dropdown {
-  display: flex;
-
-  .v-popper__inner {
-    .my-tooltip-content {
-      color: white;
-      background-color: black;
-      padding: 1em;
-    }
-  }
-}
-</style>
diff --git a/pages/index.vue b/pages/index.vue
index e1c4d66..319ea77 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,124 +1,124 @@
 <template>
-  <section
-    class="myResearches position-relative"
-    :class="{ expanded: !isSidebarCollapsed }"
-  >
-    <div class="container-fluid">
-      <div class="row align-items-end border-bottom">
-        <div class="col-12 pt-3">
-          <div class="row align-items-center mb-3">
-            <div class="col col-lg-auto order-1">
-              <div class="d-flex align-items-center">
-                <button
-                  name="button"
-                  type="button"
-                  class="toggle-mobile-nav dropdown-hamburger d-md-none"
-                  @click.prevent="toggleSidebarMenu()"
-                >
-                  <span class="sr-only">باز کردن منوی کنار</span>
-                  <svg class="s18" data-testid="sidebar-icon">
-                    <use href="~/assets/common/img/icons.svg#sidebar"></use>
-                  </svg>
-                </button>
+  <ResearchLayout :menu="menu">
+    <section class="myResearches" :class="{ expanded: !isSidebarCollapsed }">
+      <div class="container-fluid">
+        <div class="row align-items-end border-bottom">
+          <div class="col-12 pt-3">
+            <div class="row align-items-center mb-3">
+              <div class="col col-lg-auto order-1">
+                <div class="d-flex align-items-center">
+                  <button
+                    name="button"
+                    type="button"
+                    class="toggle-mobile-nav dropdown-hamburger d-md-none"
+                    @click.prevent="toggleSidebarMenu()"
+                  >
+                    <span class="sr-only">باز کردن منوی کنار</span>
+                    <svg class="s18" data-testid="sidebar-icon">
+                      <use href="assets/common/img/icons.svg#sidebar"></use>
+                    </svg>
+                  </button>
 
-                <NuxtLink to="/" classes="btn me-3">
-                  <img
-                    :src="logo"
-                    alt="هم فهمی"
-                    class="img-fluid logo"
-                    style="max-width: 3.3em"
-                  />
-                </NuxtLink>
+                  <NuxtLink
+                    :to="{
+                      name: 'defaultRoute',
+                    }"
+                    classes="btn me-3"
+                  >
+                    <img
+                      :src="logo"
+                      :alt="appLongTitle()"
+                      class="img-fluid logo"
+                      style="max-width: 3.3em"
+                    />
+                  </NuxtLink>
+                </div>
               </div>
-            </div>
 
-            <div class="col-12 col-lg-6 order-3 order-lg-2">
-              <div class="search-container">
-                <!-- @keyup="keyupdiv" -->
-                <div
-                  class="input-group"
-                  style="box-shadow: 0 1px 3px rgba(23, 23, 23, 0.24)"
-                >
-                  <VMenu class="my-vmenu d-flex align-items-center">
-                    <div class="input-group-prepend">
+              <div class="col-12 col-lg-6 order-3 order-lg-2">
+                <div class="search-container">
+                  <div
+                    class="input-group"
+                    @keyup="keyupdiv"
+                    style="box-shadow: 0 1px 3px rgba(23, 23, 23, 0.24)"
+                  >
+                    <!-- <VMenu class="my-vmenu">
+                      <div class="input-group-prepend">
+                        <button
+                          type="button"
+                          @click.prevent="showAdvancedSearch"
+                          title="جستجوی پیشرفته"
+                          class="btn"
+                        >
+                          پیشرفته؟
+                        </button>
+                      </div>
+
+                      <slot name="popper">
+                        <div
+                          class="my-tooltip-content"
+                          v-html="
+                            getHtmlTooltip2(
+                              'research',
+                              'research_advance',
+                              'TKVLBY8BPd2Jp_XrBZq0'
+                            )
+                          "
+                        ></div>
+                      </slot>
+                    </VMenu> -->
+
+                    <input
+                      type="text"
+                      v-model="textSearch"
+                      @keyup.enter="slmSearchStart()"
+                      @click="showHisory()"
+                      class="form-control"
+                      id="research"
+                      placeholder="جستجو در تمام تحقیقات"
+                      autocomplete="off"
+                      ref="searchinput"
+                      @focus="inputfocused = true"
+                      @blur="inputfocused = false"
+                      v-focus
+                    />
+                    <div class="input-group-append">
                       <button
+                        v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
+                        class="btn dropdown-toggle"
                         type="button"
-                        @click.prevent="showAdvancedSearch"
-                        title="جستجوی پیشرفته"
-                        class="btn"
+                        data-bs-toggle="dropdown"
+                        aria-haspopup="true"
+                        aria-expanded="false"
                       >
-                        پیشرفته؟
+                        <!-- <span class="navItemlabel">
+                        {{ domainActiveGetter?.label }}
+                      </span> -->
                       </button>
-                    </div>
-
-                    <template #popper>
-                      <div
-                        class="my-tooltip-content"
-                        v-html="
-                          getHtmlTooltip2(
-                            'research',
-                            'research_advance',
-                            'TKVLBY8BPd2Jp_XrBZq0'
-                          )
-                        "
-                      ></div>
-                    </template>
-                  </VMenu>
-
-                  <input
-                    type="text"
-                    v-model="textSearch"
-                    @keyup.enter="slmSearchStart()"
-                    @click="showHisory()"
-                    class="form-control"
-                    id="research"
-                    placeholder="جستجو در تمام تحقیقات"
-                    autocomplete="off"
-                    ref="searchinput"
-                    @focus="inputfocused = true"
-                    @blur="inputfocused = false"
-                    v-focus
-                  />
-                  <div class="input-group-append d-flex">
-                    <button
-                      v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
-                      class="btn dropdown-toggle"
-                      type="button"
-                      data-bs-toggle="dropdown"
-                      aria-haspopup="true"
-                      aria-expanded="false"
-                    >
-                      <span class="navItemlabel">
-                        {{ researchDomainActiveGetter?.label }}
-                      </span>
-                    </button>
-                    <div class="dropdown-menu">
-                      <template>
+                      <div class="dropdown-menu">
                         <button
                           v-for="(navItem, index) in searchDomain"
                           :key="index"
                           type="button"
                           class="dropdown-item"
-                          @click.prevent="setSelectedNavItem"
+                          @click.prevent="setSelectedNavItem(navItem)"
                         >
                           {{ navItem.label }}
                         </button>
-                      </template>
+                      </div>
+
+                      <button
+                        v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
+                        @click.prevent="slmSearchStart()"
+                        class="btn btn-primary search-icon"
+                      >
+                        <svg class="icon icon-Component-198--1">
+                          <use xlink:href="#icon-Component-198--1"></use>
+                        </svg>
+                      </button>
                     </div>
 
-                    <button
-                      v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
-                      @click.prevent="slmSearchStart()"
-                      class="btn btn-primary search-icon"
-                      style="color: #fff"
-                    >
-                      <svg class="icon icon-Component-198--1">
-                        <use xlink:href="#icon-Component-198--1"></use>
-                      </svg>
-                    </button>
-                  </div>
-
-                  <!-- <div
+                    <div
                       v-if="showItem == 3 && listAutocomplate.length"
                       class="search-page__result"
                       :class="{
@@ -136,44 +136,46 @@
                           </a>
                         </li>
                       </ul>
-                    </div> -->
+                    </div>
 
-                  <div
-                    v-if="showItem == 1"
-                    class="search-page__result"
-                    :class="{
-                      show: historySearch.length,
-                    }"
-                    v-click-outside="onClickOutside"
-                  >
-                    <div>
-                      <div class="scrollbar">
-                        <ul ref="his_ul">
-                          <li v-for="(item, i) in historySearch" :key="i">
-                            <a @click="selectHistorySearch(item)">
-                              <img
-                                src="~/assets/common/img/Component 359 – 2.svg"
-                                alt=""
-                              />
-                              <span class="text__14">{{ item }}</span>
-                            </a>
-                            <a @click="removeHistorySearch(i)" class="close">
-                              <svg class="icon icon-Component-294--1">
-                                <use xlink:href="#icon-Component-294--1"></use>
-                              </svg>
-                            </a>
-                          </li>
-                        </ul>
+                    <div
+                      v-if="showItem == 1"
+                      class="search-page__result"
+                      :class="{
+                        show: historySearch.length,
+                      }"
+                      v-click-outside="onClickOutside"
+                    >
+                      <div>
+                        <div class="scrollbar">
+                          <ul ref="his_ul">
+                            <li v-for="(item, i) in historySearch" :key="i">
+                              <a @click="selectHistorySearch(item)">
+                                <img
+                                  src="assets/common/img/Component 359 – 2.svg"
+                                  alt=""
+                                />
+                                <span class="text__14">{{ item }}</span>
+                              </a>
+                              <a @click="removeHistorySearch(i)" class="close">
+                                <svg class="icon icon-Component-294--1">
+                                  <use
+                                    xlink:href="#icon-Component-294--1"
+                                  ></use>
+                                </svg>
+                              </a>
+                            </li>
+                          </ul>
+                        </div>
                       </div>
                     </div>
-                  </div>
 
-                  <div
-                    v-show="showItem == 2"
-                    :class="{ show: showItem == 2 }"
-                    class="search-page__filters"
-                  >
-                    <!-- <form action="">
+                    <div
+                      v-show="showItem == 2"
+                      :class="{ show: showItem == 2 }"
+                      class="search-page__filters"
+                    >
+                      <!-- <form action="">
                       <div class="item">
                         <input
                           type="checkbox"
@@ -206,240 +208,224 @@
                           </select>
                           <span class="drop-down">
                             <img
-                              src="@assets/common/img/Path 13419.svg"
+                              src="assets/common/img/Path 13419.svg"
                               alt=""
                             />
                           </span>
                         </div>
                       </div>
                     </form> -->
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div class="col-auto col-lg order-2 order-lg-3">
-              <div class="d-flex justify-content-end" v-if="!isMajlesBuild()">
-                <user-avatar-dropdown class="">
-                  <NuxtLink :to="{ path: 'about-us' }" class="dropdown-item"
-                    >درباره ما</NuxtLink
-                  >
-                  <NuxtLink :to="{ path: 'connect-us' }" class="dropdown-item"
-                    >تماس با ما</NuxtLink
-                  >
-                </user-avatar-dropdown>
+              <div class="col-auto col-lg order-2 order-lg-3">
+                <div class="d-flex justify-content-end" v-if="!isMajlesBuild">
+                  <user-avatar-dropdown class="">
+                    <NuxtLink
+                      :to="{ name: 'searchAbout' }"
+                      class="dropdown-item"
+                      >درباره ما</NuxtLink
+                    >
+                    <NuxtLink
+                      :to="{ name: 'searchConnect' }"
+                      class="dropdown-item"
+                      >تماس با ما</NuxtLink
+                    >
+                  </user-avatar-dropdown>
+                </div>
               </div>
             </div>
           </div>
         </div>
-      </div>
 
-      <div class="row">
-        <div
-          v-if="showButton"
-          class="circle--button"
-          @click.prevent="changeHideFilter(0)"
-          ref="circle"
-        >
-          <svg
-            class="s12 icon-chevron-double-lg-left"
-            data-testid="chevron-double-lg-left-icon"
+        <div class="row">
+          <div
+            v-if="showButton"
+            class="circle--button"
+            @click.prevent="changeHideFilter(0)"
+            ref="circle"
           >
-            <use
-              href="assets/common/img/icons.svg#chevron-double-lg-left"
-            ></use>
-          </svg>
-        </div>
-
-        <div
-          class="col-8 col-lg-2 filter-list-container"
-          :class="{ expanded: showFilter }"
-          ref="showFilter"
-        >
-          <div class="mobile-mode d-lg-none">
-            <button class="btn" @click.prevnet="showFilter = !showFilter">
-              <svg
-                v-if="showFilter"
-                class="icon icon-chevron-double-right ms-1"
-              >
-                <use xlink:href="#icon-chevron-double-right"></use>
-              </svg>
-              <svg v-else class="icon icon-chevron-double-left">
-                <use xlink:href="#icon-chevron-double-left"></use>
-              </svg>
-              <!-- بستن فیلتر -->
-            </button>
-          </div>
-          <!-- <ResearchFilterList
-                v-if="researchSchemaGetter"
-                @filterUpdate="filterUpdate"
-                @changeHideFilter="changeHideFilter($event)"
-                ref="filterlist"
-                :lastSearchInListMode="lastSearchInListMode"
-                :changePageFilter="changePageFilter"
-                class="filterList"
-              ></ResearchFilterList> -->
-
-          <AdvancedSearch
-            v-if="researchSchemaGetter && researchSchemaGetter[0]?.advance"
-            v-show="hideAdvancedSearch"
-            @searchStart="slmSearchStart"
-            @closeAdvancedSearch="closeAdvancedSearch"
-            @set-query-advanced="setQueryAdvanced"
-          ></AdvancedSearch>
-        </div>
-
-        <div class="col">
-          <template v-if="!showNoAnswer()">
-            <component
-              :key="reRender"
-              :listAnswer="listAnswer"
-              :summeryKeys="['content', 'mindex', 'mintro']"
-              :pagination="pagination"
-              :tq="textSearch"
-              @changeCurrent="changeCurrent"
-              @changePage="changePaging"
-              @researchModalHandler="researchModalHandler"
-              @updateForDeleteResearch="getQueryForResearch()"
-              ref="content"
-            ></component>
-            <MyContent
-              :key="reRender"
-              :pagination="pagination"
-              :viewMode="'list'"
-              @changeCurrent="changeCurrent"
-              @changePage="changePaging"
-              :schemaItems="myActiveSchema"
-              :items="listAnswer"
-              ref="content"
-              @ModalHandler="researchModalHandler"
-              @updateForDeleteResearch="getQueryForResearch()"
+            <svg
+              class="s12 icon-chevron-double-lg-left"
+              data-testid="chevron-double-lg-left-icon"
             >
-            </MyContent>
-          </template>
-          <no-data v-else>
-            <div class="d-flex justify-content-center align-items-center">
-              <div
-                class="alert alert-warning d-flex flex-column justify-content-center"
-              >
-                <div class="mb-3">پاسخی برای جستجوی شما یافت نشد.</div>
-                <div class="mb-3" v-if="textSearch">
-                  <label>عبارت جستجو :</label>
-                  <strong> {{ textSearch }}</strong>
-                </div>
-                <div class="mb-3" v-if="filterUrl">
-                  <label>فیلتر :</label>
-                  <strong> {{ filterUrl }}</strong>
-                </div>
-                <div class="mb-3" v-if="domain_lable">
-                  <label>دامنه :</label>
-                  <strong> {{ domain_lable }}</strong>
-                </div>
-                <div class="mb-3">
-                  <label>نوع جستجو :</label>
-                  <strong> {{ searchType_lable }}</strong>
+              <use
+                href="assets/common/img/icons.svg#chevron-double-lg-left"
+              ></use>
+            </svg>
+          </div>
+
+          <div
+            class="col-8 col-lg-2 filter-list-container"
+            :class="{ expanded: showFilter }"
+            ref="showFilter"
+          >
+            <div class="mobile-mode">
+              <button class="btn" @click.prevnet="showFilter = !showFilter">
+                <svg
+                  v-if="showFilter"
+                  class="icon icon-chevron-double-right ms-1"
+                >
+                  <use xlink:href="#icon-chevron-double-right"></use>
+                </svg>
+                <svg v-else class="icon icon-chevron-double-left">
+                  <use xlink:href="#icon-chevron-double-left"></use>
+                </svg>
+                <!-- بستن فیلتر -->
+              </button>
+            </div>
+            <ResearchFilterList
+              v-if="researchSchemaGetter"
+              @filterUpdate="filterUpdate"
+              @changeHideFilter="changeHideFilter($event)"
+              ref="filterlist"
+              :lastSearchInListMode="lastSearchInListMode"
+              :changePageFilter="changePageFilter"
+              class="filterList"
+            ></ResearchFilterList>
+
+            <AdvancedSearch
+            v-if="researchSchemaGetter && researchSchemaGetter[0].advance"
+            v-show="hideAdvancedSearch"
+            @searchStart="slmSearchStart($event)"
+            @closeAdvancedSearch="closeAdvancedSearch"
+            @set-query-advanced="setQueryAdvanced($event)"
+          ></AdvancedSearch>
+          </div>
+
+          <div class="col">
+            <div v-if="!showNoAnswer()">
+              <component
+                :key="reRender"
+                :is="contentComponentName"
+                :listAnswer="listAnswer"
+                :summeryKeys="['content', 'mindex', 'mintro']"
+                :pagination="pagination"
+                :tq="textSearch"
+                @changeCurrent="changeCurrent"
+                @changePage="changePaging"
+                @researchModalHandler="researchModalHandler"
+                @updateForDeleteResearch="getQueryForResearch()"
+                ref="content"
+              ></component>
+            </div>
+            <no-data v-else>
+              <div class="d-flex justify-content-center align-items-center">
+                <div
+                  class="alert alert-warning d-flex flex-column justify-content-center"
+                >
+                  <div class="mb-3">پاسخی برای جستجوی شما یافت نشد.</div>
+                  <div class="mb-3" v-if="textSearch">
+                    <label>عبارت جستجو :</label>
+                    <strong> {{ textSearch }}</strong>
+                  </div>
+                  <div class="mb-3" v-if="filterUrl">
+                    <label>فیلتر :</label>
+                    <strong> {{ filterUrl }}</strong>
+                  </div>
+                  <div class="mb-3" v-if="domain_lable">
+                    <label>دامنه :</label>
+                    <strong> {{ domain_lable }}</strong>
+                  </div>
+                  <div class="mb-3">
+                    <label>نوع جستجو :</label>
+                    <strong> {{ searchType_lable }}</strong>
+                  </div>
                 </div>
               </div>
-            </div>
-          </no-data>
-          <base-modal-v2
-            v-if="showModal"
-            @close="closeBaseModal"
-            :showHeaderCloseButton="true"
-            :hasFooter="false"
-            :modalTitle="modalTitle"
-            width="750px"
-            height="463px"
-            overflow="hidden"
-            :showSaveButton="true"
-            :showCloseButton="true"
-            :showDeleteButton="false"
-          >
-            <template v-slot:default> {{ modalTitle }}</template>
+            </no-data>
+            <base-modal-v2
+              v-if="showModal"
+              @close="closeBaseModal"
+              :showHeaderCloseButton="true"
+              :hasFooter="false"
+              :modalTitle="modalTitle"
+              width="750px"
+              height="463px"
+              overflow="hidden"
+              :showSaveButton="true"
+              :showCloseButton="true"
+              :showDeleteButton="false"
+            >
+              <slot> {{ modalTitle }}</slot>
 
-            <template v-slot:body>
-              <component
-                :is="slotComponentName"
-                :valueModal="valueModalResearch"
-                @closeAfterSaving="closeAfterSaving"
-                height="100%"
-              ></component>
-            </template>
-          </base-modal-v2>
-        </div>
-        <div
-          v-if="showSummary"
-          class="col-8 col-lg-3 summary-container"
-          :class="{ expanded: showSummary }"
-        >
-          <component
-            ref="summary"
-            :currentItem="currentItem"
-            :page="page"
-            :is="summaryComponentName"
-            @hideSummary="hideSummary"
-          ></component>
+              <slot name="body">
+                <component
+                  :is="slotComponentName"
+                  :valueModal="valueModalResearch"
+                  @closeAfterSaving="closeAfterSaving"
+                  height="100%"
+                ></component>
+              </slot>
+            </base-modal-v2>
+          </div>
+          <div
+            v-if="showSummary"
+            class="col-8 col-lg-3 summary-container"
+            :class="{ expanded: showSummary }"
+          >
+            <component
+              ref="summary"
+              :currentItem="currentItem"
+              :page="page"
+              :is="summaryComponentName"
+              @hideSummary="hideSummary"
+            ></component>
+          </div>
         </div>
       </div>
-    </div>
-  </section>
+    </section>
+  </ResearchLayout>
 </template>
 
-<script lang="ts">
-import apis from "~/apis/researchApi";
-import apis2 from "~/apis/searchApi";
-import { useResearchStore } from "../stores/researchStore";
-import {clearBodyClass} from "@manuals/utilities"
-
-import { useCommonStore } from "~/stores/commonStore";
-import { useSearchStore } from "~/stores/searchStore";
-import { useAuthStore } from "~/stores/authStore";
+<script>
+import searchLineMixin from "@research/mixins/research/searchLineMixin.js";
 import { mapActions, mapState } from "pinia";
-import type { Pagination } from "~/types/commonTypes";
-import type {
-  domain,
-  researchQuery,
-  researchSchemaRes,
-} from "~/types/researchTypes";
+import researchApi from "@research/apis/researchApi";
+import sidbarMenu from "@research/json/research/menu.json";
 
-import monirMenu from "~/json/research/json/menu.json";
+import { useResearchStore } from "@research/stores/researchStore";
+import { useSearchStore } from "@research/stores/searchStore";
+import { useCommonStore } from "~/stores/commonStore";
+import { useAuthStore } from "~/stores/authStore";
 
 export default {
+  name: "myResearches",
+  setup() {
+    definePageMeta({
+      layout: false,
+      name: "myResearches",
+    });
+  },
+  mixins: [searchLineMixin],
   watch: {
-    // getPanelStatus(status) {
-    // if (status) this.openForm();
-    // else this.closeModal();
-    // },
-    // $route: {
-    //   handler: function () {},
-    //   deep: true,
-    //   immediate: true,
-    // },
-    // $route: {
-    //   handler: function (to, from) {
-    //     // this.getSchemas();
-    //     this.setInputText(to.query.q);
-    //     this.state = 2;
+    $route: {
+      handler: function (to, from) {
+        // this.getSchemas();
+        this.setInputText(to.query.q);
+        this.state = 2;
 
-    //     setTimeout(() => {
-    //       if (this.textSearch != undefined && this.textSearch != "") {
-    //         this.searchStart(this.textSearch);
-    //       } else {
-    //         this.getDefaultByFilter();
-    //         // if (this.$refs.content) {
-    //         //   this.$refs.content?.$el.classList.add("component");
-    //         //   this.$refs.content.$el.style.right += 17 + "%";
-    //         // }
-    //       }
-    //     }, 500);
-    //   },
-    // },
+        setTimeout(() => {
+          if (this.textSearch != undefined && this.textSearch != "") {
+            this.searchStart(this.textSearch);
+          } else {
+            this.getDefaultByFilter();
+            // if (this.$refs.content) {
+            //   this.$refs.content?.$el.classList.add("component");
+            //   this.$refs.content.$el.style.right += 17 + "%";
+            // }
+          }
+        }, 500);
+      },
+    },
 
     topRepeatInListMode(navItem) {
       if (navItem == true) {
         setTimeout(() => {
           this.$refs.dropdownSortlist.classList.remove("opacity");
           // this.$refs.circle.classList.remove("opacity");
-          this.againsetlist();
+          this.againsetlist(this.lists);
         }, 100);
       } else {
         setTimeout(() => {
@@ -450,62 +436,36 @@ export default {
     },
     researchActiveSchemaGetter(newVal) {
       if (newVal?.domain) {
-        this.setSearchDomain(newVal);
+        // this.setSearchDomain(newVal);
       }
     },
-    // listIdGetter(newId) {
-    //   this.filterBy(this.selectedFilter);
-    // },
   },
-  meta: {
-    title: import.meta.env.VITE_CHAT_PAGE_TITLE,
-    metaTags: [
-      {
-        name: "description",
-        content: "The about page of our example app.",
-      },
-      {
-        property: "og:description",
-        content: "The about page of our example app.",
-      },
-    ],
-  },
-
-  // beforeCreate() {
-  // ApiService.init(import.meta.env.VITE_LIST_BASE_URL);
-  // },
   beforeMount() {
-    this.sidebarMenuSetter(monirMenu);
-    clearBodyClass();
+    // this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
   },
-  mounted() {
-    document.title = import.meta.env.VITE_RESEARCH_PAGE_TITLE;
+  created() {
+    this.httpService = useNuxtApp()["$http"];
+  },
+  async mounted() {
+    this.logo = (await logoPhoto()).default;
 
-    this.TOGGLE_PANEL(false);
-    this.setBodyClass(import.meta.env.VITE_RESEARCH_SYSTEM);
-
-    if (this.researchSchemaGetter) {
-      this.loading = false;
-      // this.getData();
-    } else {
-      this.getSchemas();
+    this.researchActiveSchemaSetter(this.myActiveSchema);
+    // let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;
+    if (this.researchActiveSchemaGetter?.domain) {
+      // this.setSearchDomain(this.researchActiveSchemaGetter);
     }
 
-    // this.researchActiveSchemaSetter(this.myActiveSchema);
-
-    // if (this.researchActiveSchemaSetter?.domain?.domain) {
-    //   this.setSearchDomain(this.researchActiveSchemaGetter.domain.domain);
-    // }
-
     if (window.outerWidth < 992) {
-      this.TOGGLE_SIDEBAR_MENU();
+      this.$store.commit("TOGGLE_SIDEBAR_MENU");
     }
 
+    if ((this.researchSchemaGetter.length == 0)) this.getSchemas();
+
     this.modetab = 0;
     this.state = 2;
     // }
     if (this.$route.query.q) {
-      this.setInputText(this.$route.query.q as string);
+      this.setInputText(this.$route.query.q);
     }
     setTimeout(() => {
       if (this.textSearch != undefined && this.textSearch != "") {
@@ -520,54 +480,36 @@ export default {
       }
     }, 500);
     // ++this.rerenderChart;
-    const HISTORY_SEARCH_RECENT = "historysearchrecent";
-    if (window.localStorage.getItem(HISTORY_SEARCH_RECENT)) {
-      try {
-        this.historySearch = JSON.parse(
-          window.localStorage.getItem(HISTORY_SEARCH_RECENT) as string
-        );
-      } catch (e) {
-        window.localStorage.removeItem(HISTORY_SEARCH_RECENT);
-      }
-    }
-    // logoPhoto().then((img) => {
-    //   this.logo = img;
-    // });
   },
   beforeDestroy() {
     window.removeEventListener("resize", this.handleResize);
     window.removeEventListener("load", this.handleResize);
   },
-  destroyed() {
-    clearBodyClass();
-  },
   data() {
     return {
-      userLastStateIsLoaded: true,
-      modalComponentName: "",
-      actionMode: 1,
       logo: "",
-      routeName: this.buildName,
-      showListPanel: false,
       showModal: false,
-      modalTitle: "",
-      slotComponentName: "",
+      modalTitle: null,
+      slotComponentName: null,
       valueModalResearch: {},
       // Restored from searchLineMixin
       typingTimer: 0,
       doneTypingInterval: 500,
       listAutocomplate: [],
       historySearch: [],
-      searchDomain: [] as domain[],
+      searchDomain: [],
+      showItem: 0,
       inputfocused: false,
 
-      listAnswer: [] as researchQuery[],
+      listAnswer: [],
       showFilter: false,
       showDropdown: false,
       showDropdownNavigateList: false,
       navigateListPart2: [],
       navigateListItem: "",
+      // httpService: undefined,
       listChangeItem: "",
+      showListPanel: false,
       showSearchLine: true,
       state: 2,
       modetab: 0,
@@ -587,19 +529,20 @@ export default {
       total_answer: 0,
       showButton: false,
       showSummary: false,
-      // windowWidth: window.innerWidth,
+      windowWidth: window?.innerWidth,
       topRepeatInListMode: true,
       activeSortItem: undefined,
       changePageFilter: "",
-
+      httpService: {},
       lastSearchInListMode: true,
       searchingState: false,
       meets: [],
-      textSearch: "" as string,
-      domain_key: "" as string | undefined,
-      domain_lable: "" as string | undefined,
+      textSearch: "",
+      domain_key: "",
+      domain_lable: "",
       filterUrl: "",
       loading: false,
+      showSummary: false,
       showTermSummary: false,
       countInPage: 10,
       currentItem: [],
@@ -608,13 +551,14 @@ export default {
       searchType: "typeNormal",
       searchType_lable: "عادی",
       ismultword: true,
+      iscode: false,
       reRender: 1,
       hideAdvancedSearch: false,
       page: 0,
       setQuery: "",
       textAmplify: "",
-      liSelected: {},
-      lists: {},
+      liSelected: null,
+      lists: "",
       pagination: {
         page: 1,
         pages: 0,
@@ -622,53 +566,43 @@ export default {
         offset: 0, // page * per_page
         limit: 10, //per_page
       },
-      showItem: 0,
-      listFilter: [],
     };
   },
   computed: {
-    navTitle() {
-      return import.meta.env.VITE_TITLE;
-    },
-    // sidbarMenu() {
-    //   if (isMajlesBuild()) return this.majlesMenu;
-    //   else return this.monirMenu;
-    // },
     ...mapState(useSearchStore, [
+      "domainActiveGetter",
       "searchActiveTabGetter",
       "searchSchemaGetter",
     ]),
     ...mapState(useResearchStore, [
       "researchSchemaGetter",
       "researchActiveSchemaGetter",
-      "researchDomainActiveGetter",
     ]),
-    ...mapState(useAuthStore, ["currentUser"]),
     ...mapState(useCommonStore, [
       "selectedlists",
       "organNameGetter",
       "isSidebarCollapsed",
-      "userPermisionGetter",
     ]),
+    ...mapState(useAuthStore, ["currentUser"]),
 
     myActiveSchema() {
       return this.researchSchemaGetter?.find((item) => {
         return item.key == "research";
       });
     },
-    // contentComponentName(key:string) {
-    // if (key == "qanon") return "ResearchContent";
-    // else if (key == "mqanon" || key == "nqanon") return "MajlesQanonContent";
-    // else if (key == "qqanon") return "MajlesQavaninContent";
-    // else if (key == "mqsection") return "MajlesSectionContent";
-    // else if (key == "mashruh") return "MajlesMashruhContent";
-    // else if (key == "term") return "TermContent";
-    // else if (key == "emamain") return "EmamainContent";
-    // else if (key == "nesha") return "NeshaContent";
-    // else if (key == "qasection") return "MajlesQaSectionContent";
+    contentComponentName(key) {
+      // if (key == "qanon") return "ResearchContent";
+      // else if (key == "mqanon" || key == "nqanon") return "MajlesQanonContent";
+      // else if (key == "qqanon") return "MajlesQavaninContent";
+      // else if (key == "mqsection") return "MajlesSectionContent";
+      // else if (key == "mashruh") return "MajlesMashruhContent";
+      // else if (key == "term") return "TermContent";
+      // else if (key == "emamain") return "EmamainContent";
+      // else if (key == "nesha") return "NeshaContent";
+      // else if (key == "qasection") return "MajlesQaSectionContent";
 
-    //   return "ResearchContent";
-    // },
+      return "ResearchContent";
+    },
 
     summaryComponentName() {
       let key = this.searchActiveTabGetter?.key;
@@ -676,9 +610,9 @@ export default {
       return "Summary";
     },
 
-    // isAdmin() {
-    //   return this.currentUser.user_level > 1;
-    // },
+    isAdmin() {
+      return this.currentUser.user_level > 1;
+    },
     hasVectorSearch() {
       let key = this.searchActiveTabGetter?.key;
       return key == "mqsection" || key == "qasection";
@@ -686,76 +620,56 @@ export default {
     navigateList() {
       return this.searchSchemaGetter;
     },
+    menu() {
+      return sidbarMenu;
+    },
   },
-
   methods: {
-    ...mapActions(useCommonStore, [
-      "setBodyClass",
-      "TOGGLE_PANEL",
-      "TOGGLE_SIDEBAR_MENU",
-      "sidebarMenuSetter",
-    ]),
-    ...mapActions(useResearchStore, [
-      "researchSchemaSetter",
-      "researchActiveSchemaSetter",
-      "researchDomainActiveSetter",
-    ]),
+    // ...mapActions(["TOGGLE_SIDEBAR_MENU"]),
+    ...mapActions(useCommonStore, ["TOGGLE_SIDEBAR_MENU"]),
     ...mapActions(useSearchStore, [
       "searchActiveTabSetter",
-      
+      "domainActiveSetter",
+    ]),
+    ...mapActions(useResearchStore, [
+      "researchActiveSchemaSetter",
+      "researchSchemaSetter",
     ]),
 
-    async getSchemas() {
-      // this.httpService
-      //   .postRequest("schema", {
-      //     organ: "public",
-      //     system: "research",
-      //     build_state: this.buildState,
-      //   })
-      //   .then((response) => {
-      //     this.researchSchemaSetter(response.data.dataset);
-      //     // this.getData();
-      //   })
-      //   .finally(() => {
-      //     this.loading = false;
-      //   });
+    getSchemas() {
+      let url = repoUrl() + "schema";
+      this.httpService
+        .postRequest(url, {
+          organ: "public",
+          system: "research",
+          build_state: buildState(),
+        })
+        .then((response) => {
+          console.log("🚀 ~ .then ~ response:", response);
+          this.researchSchemaSetter(response.data.dataset);
+          let ActiveSchema = "";
 
-      try {
-        const { $api } = useNuxtApp();
-        const data: researchSchemaRes = await $api(apis2.schema.list, {
-          baseURL: import.meta.env.VITE_REPO_BASE_URL,
-          method: "POST",
-          body: {
-            organ: "public",
-            system: "research",
-            build_state: buildState(),
-          },
+          ActiveSchema = this.researchSchemaGetter?.find((item) => {
+            return item.key == "research";
+          });
+          this.researchActiveSchemaSetter(ActiveSchema);
+          // this.getData();
+        })
+        .finally(() => {
+          this.loading = false;
         });
-        this.researchSchemaSetter(data.data.dataset);
-        // this.list = data.hits.hits;
-      } catch (err) {
-      }
     },
-
-    toggleSidebarMenu() {
-      this.TOGGLE_SIDEBAR_MENU();
-    },
-    showToggleListPanel() {
-      this.showListPanel = !this.showListPanel;
-      // this.$refs["chat-list-panel"].showMainpag = true;
-    },
-
     closeAfterSaving() {
       this.closeBaseModal();
       setTimeout(() => {
         this.getQueryForResearch("default");
       }, 1000);
     },
-    researchModalHandler(event: Event) {
-      this.openBaseModal("ResearchFishModal", (event as any).itemSchema.title);
+    researchModalHandler(event) {
+      this.openBaseModal("ResearchFishModal", event.itemSchema.title);
       this.valueModalResearch = event;
     },
-    openBaseModal(componentName: string, title: string) {
+    openBaseModal(componentName, title) {
       this.showModal = true;
       this.slotComponentName = componentName;
       this.modalTitle = title;
@@ -765,93 +679,93 @@ export default {
         this.showModal = false;
       }, 500);
     },
-    setSearchDomain(value: domain[]) {
-      this.searchDomain = [...this.searchDomain, ...value];
 
-      if (!this.researchDomainActiveSetter) {
-        if (buildName() === "majles") {
-          this.researchDomainActiveSetter(this.searchDomain[1] as domain);
+    toggleSidebarMenu() {
+      this.TOGGLE_SIDEBAR_MENU();
+    },
+    // setSearchDomain(value) {
+    //   this.searchDomain = [{ label: "همه", key: "all" }];
+    //   this.searchDomain = [...this.searchDomain, ...value.domain.domain];
+    //   if (!this.domainActiveGetter) {
+    //     if (isMajlesBuild()) this.domainActiveSetter(this.searchDomain[1]);
+    //     else this.domainActiveSetter(this.searchDomain[0]);
+    //   }
+    // },
+    keyupdiv(event) {
+      if (this.showItem == 0 || this.showItem == 2) return;
+
+      var el = this.showItem == 1 ? this.$refs["his_ul"] : this.$refs["aut_ul"];
+
+      if (this.inputfocused && event.which === 38) {
+        this.liSelected = el.firstChild;
+        this.liSelected.classList.add("selected");
+        this.liSelected.focus();
+        return;
+      }
+      var next = null;
+      if (event.which === 40) {
+        if (this.liSelected) {
+          this.liSelected.classList.remove("selected");
+          next = this.liSelected.nextSibling;
+          if (next) {
+            this.liSelected = next.classList.add("selected");
+          } else {
+            this.liSelected = el.firstChild;
+            this.liSelected.classList.add("selected");
+          }
+          this.liSelected.focus();
         } else {
-          this.researchDomainActiveSetter(this.searchDomain[0] as domain);
+          this.liSelected = el.firstChild;
+          this.liSelected.classList.add("selected");
+          this.liSelected.focus();
+        }
+      } else if (event.which === 38) {
+        if (this.liSelected) {
+          this.liSelected.classList.remove("selected");
+          next = this.liSelected.prevSibling;
+          if (next) {
+            this.liSelected = next.classList.add("selected");
+          } else {
+            this.liSelected = el.lastChild;
+            this.liSelected.classList.add("selected");
+          }
+          this.liSelected.focus();
+        } else {
+          this.liSelected = el.lastChild;
+          this.liSelected.classList.add("selected");
+          this.liSelected.focus();
         }
       }
     },
-
-    // keyupdiv(event:Event) {
-    //   if (this.showItem == 0 || this.showItem == 2) return;
-
-    //   var el = this.showItem == 1 ? this.$refs["his_ul"] : this.$refs["aut_ul"];
-
-    //   if (this.inputfocused && (event as any).which === 38) {
-    //     this.liSelected = el.firstChild;
-    //     this.liSelected.classList.add("selected");
-    //     this.liSelected.focus();
-    //     return;
-    //   }
-    //   var next = null;
-    //   if ((event as any).which === 40) {
-    //     if (this.liSelected) {
-    //       this.liSelected.classList.remove("selected");
-    //       next = this.liSelected.nextSibling;
-    //       if (next) {
-    //         this.liSelected = next.classList.add("selected");
-    //       } else {
-    //         this.liSelected = el.firstChild;
-    //         this.liSelected.classList.add("selected");
-    //       }
-    //       this.liSelected.focus();
-    //     } else {
-    //       this.liSelected = el.firstChild;
-    //       this.liSelected.classList.add("selected");
-    //       this.liSelected.focus();
-    //     }
-    //   } else if ((event as any).which === 38) {
-    //     if (this.liSelected) {
-    //       this.liSelected.classList.remove("selected");
-    //       next = this.liSelected.prevSibling;
-    //       if (next) {
-    //         this.liSelected = next.classList.add("selected");
-    //       } else {
-    //         this.liSelected = el.lastChild;
-    //         this.liSelected.classList.add("selected");
-    //       }
-    //       this.liSelected.focus();
-    //     } else {
-    //       this.liSelected = el.lastChild;
-    //       this.liSelected.classList.add("selected");
-    //       this.liSelected.focus();
-    //     }
-    //   }
-    // },
     slmSearchStart() {
-      // this.liSelected = null;
+      this.liSelected = null;
       this.showItem = 0;
-      this.addHistorySearch((this.textSearch = ""));
+      this.addHistorySearch(this.textSearch);
 
-      let tt = this.myEncodeQuery(this.textSearch);
+      let tt = myEncodeQuery(this.textSearch);
       // if (emited) this.$emit("searchStart", tt);
       this.searchStart(tt);
     },
-    setInputText(text: string) {
-      this.textSearch = this.myDncodeQuery(text);
+    setInputText(text) {
+      this.textSearch = myEncodeQuery(text);
     },
     showHisory() {
       setTimeout(() => {
         if (this.textSearch == "") this.showItem = 1;
         else {
           this.showItem = 0;
-          // this.liSelected = null;
+          this.liSelected = null;
         }
       }, 100);
     },
-    setSelectedNavItem(event: Event) {
-      this.researchDomainActiveSetter(event as any);
+    setSelectedNavItem(navItem) {
+      this.domainActiveSetter(navItem);
       this.slmSearchStart();
     },
     onClickOutside() {
       if (this.showItem == 1) {
         this.showItem = 0;
-        // this.liSelected = null;
+        this.liSelected = null;
       }
     },
 
@@ -863,7 +777,7 @@ export default {
       // }
     },
 
-    changeHideFilter(event: number) {
+    changeHideFilter(event) {
       if (event === 0) {
         this.$refs.axis.classList.remove("hiden");
         this.$refs.showFilter.classList.toggle("d-none");
@@ -881,15 +795,15 @@ export default {
     searchCoding() {
       this.slmSearchStart();
     },
-    // resetOptions() {
-    //   this.page = 0;
-    //   this.filterUrl = "";
-    //   this.$refs.filterlist?.resetFilter();
-    // },
-    // showfilter: function () {
-    //   this.$refs.filterlist?.showfilter();
-    // },
-    checkMultiword(query_string: string | null) {
+    resetOptions() {
+      this.page = 0;
+      this.filterUrl = "";
+      this.$refs.filterlist?.resetFilter();
+    },
+    showfilter: function () {
+      this.$refs.filterlist?.showfilter();
+    },
+    checkMultiword(query_string) {
       this.ismultword = true;
       if (query_string == null || query_string == "") return;
       var ww = query_string.split(" ");
@@ -897,13 +811,13 @@ export default {
 
       this.setOptions(this.ismultword, this.iscode);
     },
-    setOptions(isMulti = true, isCode = false) {
+    setOptions(isMulti, isCode = false) {
       this.ismultiWord = isMulti;
       if (this.ismultiWord == false) this.searchType = "typeNormal";
       this.iscode = isCode;
     },
 
-    searchStart(query_string: string | null) {
+    searchStart(query_string = null) {
       if (query_string != null && query_string != "") {
         //console.log(query_string);
         query_string = query_string.trim();
@@ -911,10 +825,10 @@ export default {
         this.checkMultiword(query_string);
 
         if (this.topRepeatInListMode)
-          // this.$refs?.content?.setTextSearch(query_string, this.countInPage);
+          this.$refs?.content?.setTextSearch(query_string, this.countInPage);
 
-          // this.resetOptions();
-          this.getQueryForResearch("filter");
+        this.resetOptions();
+        this.getQueryForResearch("filter");
       } else {
         this.setInputText("");
         this.searchingState = false;
@@ -925,17 +839,17 @@ export default {
         history.pushState(
           {},
           document.title,
-          "/research" + "/?q=" + this.myEncodeQuery(this.textSearch)
+          "/research" + "/?q=" + myEncodeQuery(this.textSearch)
         );
       } else history.pushState({}, document.title, "/research");
     },
-    setQueryAdvanced(query: string) {
+    setQueryAdvanced(query) {
       this.initText(query);
       // if (this.$refs.topheader) {
       //   this.$refs.topheader.setSearchLine(query);
       // }
     },
-    changePaging: function (item: Pagination) {
+    changePaging: function (item) {
       this.pagination = item;
 
       if (this.searchingState) this.getQueryForResearch("filter");
@@ -945,7 +859,7 @@ export default {
       this.showSummary = false;
       // this.showTermSummary = false;
     },
-    changeCurrent: function (item: []) {
+    changeCurrent: function (item) {
       this.showSummary = false;
       // if (this.$route.name == "termResult") {
       //   this.changeCurrentTerm(item);
@@ -957,25 +871,25 @@ export default {
       });
 
       this.currentItem = item;
-      // if (this.$refs.summary) this.$refs.summary.setInfo(item);
+      if (this.$refs.summary) this.$refs.summary.setInfo(item);
     },
 
-    filterUpdate(filter: string) {
+    filterUpdate(filter) {
       this.filterUrl = filter;
       this.page = 0;
       if (filter) this.getQueryForResearch("filter");
       else this.getQueryForResearch("default");
     },
 
-    async getQueryForResearch(position = "default") {
+    getQueryForResearch(position = "default") {
       this.loading = true;
 
       let query = "";
-      let text = this.myEncodeQuery(this.textSearch);
+      let text = myEncodeQuery(this.textSearch);
       if (text?.length != 0) {
-        this.domain_key = this.researchDomainActiveGetter?.key;
+        this.domain_key = this.domainActiveGetter?.key;
         if (this.domain_key && this.domain_key != "all") {
-          this.domain_lable = this.researchDomainActiveGetter?.label;
+          this.domain_lable = this.domainActiveGetter?.label;
           query =
             "q=" + encodeURIComponent("#") + this.domain_lable + " " + text;
         } else {
@@ -988,62 +902,49 @@ export default {
         filter += "&o_am=" + this.textAmplify;
       }
 
-      let url = apis.research.listDefault;
-      url = url.replace("{{user_id}}", this.currentUser.user_id);
-      url = url.replace(
-        "{{offset}}",
-        this.pagination.offset as unknown as string
-      );
-      url = url.replace(
-        "{{limit}}",
-        this.pagination.limit as unknown as string
-      );
-      // if (query ? query : "" || filter ? filter : "")
-      //   url = url + "/" + query + filter;
-      if ((query ? query : "") || (filter ? filter : "")) {
-        url = url + "/" + (query || "") + (filter || "");
-      }
-      try {
-        const { $api } = useNuxtApp();
-        const data: resModelThree = await $api(url, {
-          baseURL: import.meta.env.VITE_REPO_BASE_URL,
-          method: "GET",
+      let url = researchApi.research?.listDefault;
+      url = url.replace("{{user_id}}", this.currentUser?.user_id);
+      url = url.replace("{{offset}}", this.pagination?.offset);
+      url = url.replace("{{limit}}", this.pagination?.limit);
+
+      if (query ? query : "" || filter ? filter : "")
+        url = url + "/" + query + filter;
+      this.httpService
+        .getRequest(repoUrl() + url)
+        .then((response) => {
+          this.searchingState = true;
+          this.$refs.filterlist?.setAnswer(response.aggregations);
+          this.lists = response.hits.hits;
+          this.listAnswer = response.hits.hits;
+
+          this.loading = false;
+
+          this.total_answer = response.hits.total.value;
+
+          const total = response.hits.total.value;
+          this.total_answer = total;
+          const pages = Math.ceil(total / this.pagination.limit);
+          const pagination = {
+            total: total,
+            pages: pages == 0 ? 1 : pages,
+          };
+          this.pagination = { ...this.pagination, ...pagination };
+        })
+        .catch((error) => {
+          this.loading = false;
+          this.searchingState = false;
+          // vm.$alert(error);
         });
-        this.searchingState = true;
-        this.setAnswer(data.aggregations);
-        this.lists = data.hits.hits as researchQuery[];
-        this.listAnswer = data.hits.hits;
-
-        this.loading = false;
-
-        this.total_answer = data.hits.total.value;
-
-        const total = data.hits.total.value;
-        this.total_answer = total;
-        const pages = Math.ceil(total / this.pagination.limit);
-        const pagination = {
-          total: total,
-          pages: pages == 0 ? 1 : pages,
-        };
-        this.pagination = { ...this.pagination, ...pagination };
-      } catch (err) {
-        this.loading = false;
-        this.searchingState = false;
-      }
     },
-    setAnswer: function (list: []) {
-      // console.log(list)
-      this.listFilter = list;
-      this.reRender++;
-    },
-    againsetlist() {
-      // this.$refs.content?.setAnswer(
-      //   // this.lists.data.aggregations.branch.buckets,
-      //   this.lists.data.hits.hits,
-      //   this.lists.data.hits.total.value,
-      //   this.lists.data.hits.total.relation
-      // );
-      // this.$refs.filterlist?.setAnswer(this.lists.data.aggregations);
+
+    againsetlist(list) {
+      this.$refs.content?.setAnswer(
+        // this.lists.data.aggregations.branch.buckets,
+        this.lists.data.hits.hits,
+        this.lists.data.hits.total.value,
+        this.lists.data.hits.total.relation
+      );
+      this.$refs.filterlist?.setAnswer(this.lists.data.aggregations);
     },
 
     resetPagination() {
@@ -1071,11 +972,11 @@ export default {
       }
       return false;
     },
-    canSee(keyName: string) {
+    canSee(keyName) {
       if (this.currentUser?.user_level > 1) return true;
       return this.userPermisionGetter?.includes(keyName);
     },
-    myEncodeQuery(text: string) {
+    myEncodeQuery(text) {
       if (!text) return "";
       //text = JSON.stringify(text);
       let ch1 = encodeURIComponent("#");
@@ -1088,7 +989,7 @@ export default {
       // text = text.replaceAll(".", '%2E');
       return text;
     },
-    myDncodeQuery(text: string) {
+    myEncodeQuery(text) {
       //text = JSON.stringify(text);
       if (!text) return "";
 
@@ -1099,10 +1000,10 @@ export default {
       text = text.replaceAll(ch3, "\\");
       return text;
     },
-    getHtmlTooltip2(section: string, key: string, id: string) {
+    getHtmlTooltip2(section, key, id) {
       let res = "";
       let link = "";
-      if (id) link = location.origin + "/pages/help/" + section + "/" + id;
+      if (id) link = location?.origin + "/pages/help/" + section + "/" + id;
 
       if (section == "research") {
         if (key == "research_advance") {
@@ -1122,20 +1023,20 @@ export default {
 
       return res;
     },
-    initText(item: string = "") {
+    initText(item) {
       this.textSearch = item;
     },
 
-    getHighlight(item: "") {
+    getHighlight(item) {
       var find = this.textSearch;
       var text = item.replaceAll(find, "<b>" + find + "</b>");
       return text;
     },
-    selectHistorySearch(item: "") {
+    selectHistorySearch(item) {
       this.textSearch = item;
       this.searchStart(this.textSearch);
     },
-    addHistorySearch(newSearch: "") {
+    addHistorySearch(newSearch = "") {
       if (newSearch == "") {
         return;
       }
@@ -1147,21 +1048,36 @@ export default {
       this.historySearch.unshift(newSearch);
       this.saveHistorySearch();
     },
-    removeHistorySearch(x: number) {
+    removeHistorySearch(x) {
       this.historySearch.splice(x, 1);
       this.saveHistorySearch();
     },
     saveHistorySearch() {
-      const HISTORY_SEARCH_RECENT = "historysearchrecent";
       const parsed = JSON.stringify(this.historySearch);
-      window.localStorage.setItem(HISTORY_SEARCH_RECENT, parsed);
+      window.localStorage.setItem([HISTORY_SEARCH_RECENT], parsed);
     },
   },
+  components: {
+    ResearchLayout: defineAsyncComponent(() =>
+      import("@research/layouts/ResearchLayout.vue")
+    ),
+    ResearchFilterList: defineAsyncComponent(() =>
+      import("@research/components/research/components/ResearchFilterList.vue")
+    ),
+
+
+
+    MyContent: () => import("@search/components/search/MyContent.vue"),
+    ResearchFishModal: () =>
+      import("@research/components/research/components/ResearchFishModal.vue"),
+    // FilterList: () => import("@research/components/FilterList.vue"),
+    // FilterListSearch: () => import("@search/view/layout/FilterListSearch.vue"),
+    AdvancedSearch: () => import("@research/components/research/components/AdvancedSearch.vue"),
+    SubjectForm: () => import("@research/components/research/components/SubjectForm.vue"),
+  },
 };
 </script>
-
-<style lang="scss">
-@import "~/assets/research/scss/research.scss";
+<style scoped lang="scss">
 .v-popper--theme-dropdown {
   display: flex;
 
diff --git a/stores/researchStore.ts b/stores/researchStore.ts
index 56c618b..f0838a1 100644
--- a/stores/researchStore.ts
+++ b/stores/researchStore.ts
@@ -68,11 +68,11 @@ export const useResearchStore = defineStore("researchStore", {
     // },
   },
   actions: {
-    researchSchemaSetter(researchSchema = undefined) {
+    researchSchemaSetter(researchSchema = []) {
       this.researchSchema = researchSchema;
     },
 
-    researchActiveSchemaSetter(researchActiveSchema = undefined) {
+    researchActiveSchemaSetter(researchActiveSchema = []) {
       this.researchActiveSchema = researchActiveSchema;
     },
     researchDomainActiveSetter(domain: domain) {