From f8e735f726110e3a9b30b4cc3406aa48a7a53290 Mon Sep 17 00:00:00 2001
From: mustafa-rezae <mustafa.rezae01@gmail.com>
Date: Sun, 23 Feb 2025 08:46:35 +0330
Subject: [PATCH] Remove extra files from layout folder.

---
 layouts/jahat/layout/Dashboard.vue     |  183 ---
 layouts/jahat/layout/EntityContent.vue |  356 ------
 layouts/jahat/layout/EntityList.vue    |  656 -----------
 layouts/jahat/layout/Error.vue         |   17 -
 layouts/jahat/layout/Layout.vue        |   39 -
 layouts/jahat/layout/TopHeader.vue     |   64 --
 layouts/list/layout/ItemPanel.vue      |  766 -------------
 layouts/list/layout/ItemShowForm.vue   | 1407 ------------------------
 layouts/list/layout/ItemShowPanel.vue  |  293 -----
 layouts/list/layout/ListPanel.vue      |  580 ----------
 layouts/list/layout/PropertyPanel.vue  |  613 -----------
 layouts/list/layout/SubjectPanel.vue   |  676 ------------
 layouts/list/layout/aside.vue          |   44 -
 13 files changed, 5694 deletions(-)
 delete mode 100644 layouts/jahat/layout/Dashboard.vue
 delete mode 100644 layouts/jahat/layout/EntityContent.vue
 delete mode 100644 layouts/jahat/layout/EntityList.vue
 delete mode 100644 layouts/jahat/layout/Error.vue
 delete mode 100644 layouts/jahat/layout/Layout.vue
 delete mode 100644 layouts/jahat/layout/TopHeader.vue
 delete mode 100644 layouts/list/layout/ItemPanel.vue
 delete mode 100644 layouts/list/layout/ItemShowForm.vue
 delete mode 100644 layouts/list/layout/ItemShowPanel.vue
 delete mode 100644 layouts/list/layout/ListPanel.vue
 delete mode 100644 layouts/list/layout/PropertyPanel.vue
 delete mode 100644 layouts/list/layout/SubjectPanel.vue
 delete mode 100644 layouts/list/layout/aside.vue

diff --git a/layouts/jahat/layout/Dashboard.vue b/layouts/jahat/layout/Dashboard.vue
deleted file mode 100644
index a26531b..0000000
--- a/layouts/jahat/layout/Dashboard.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-    <div>
-      <div class="jahat__sidebar scroll-needed">
-        <ul class="sidebar-menu sidebar-menu--simple">
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">مسائل جدید</router-link>
-          </li>
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">مسائل مرتبط</router-link>
-          </li>
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">مسائل پیشنهادی</router-link>
-          </li>
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">مسائل کلان</router-link>
-          </li>
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">ایده ها</router-link>
-          </li>
-          <li>
-            <router-link :to="{name:'issues'}" class="text__14">مسائل حل شده</router-link>
-          </li>
-        </ul>
-      </div>
-      <div class="jahat__content-container">
-        <div class="jahat__content">
-          <div class="dashboard">
-            <div class="my-profile__container" style="position: relative">
-              <div class="my-profile">
-                <div class="my-profile__form">
-                  <form action="">
-                    <div class="form-row">
-                      <label for="">نام</label>
-                      <input type="text" placeholder="کاظم" />
-                    </div>
-                    <div class="form-row">
-                      <label for="">نام خانوادگی</label>
-                      <input type="text" placeholder="رحیمی" />
-                    </div>
-                    <div class="form-row">
-                      <label for="">تلفن همراه</label>
-                      <input type="text" placeholder="۰۹۱۹۲۵۱۳۰۱۱" />
-                    </div>
-                    <div class="form-row">
-                      <label for="">نام کاربری</label>
-                      <input type="text" placeholder="@rahim_arbab" />
-                    </div>
-                    <div class="form-row">
-                      <label for="">پست الکترونیک</label>
-                      <input type="text" placeholder="rahimearbab@gmail.com" />
-                    </div>
-                    <div class="border"></div>
-                    <div class="text text__gray">اطلاعات بیشتر <span>( موارد را با ویرگول «،» جدا کنید )</span></div>
-                    <div class="form-row form-row--text-area">
-                      <label for="">تخصص ها</label>
-                      <!-- <textarea v-model="user_properties.skills.value" cols="30" rows="10" placeholder="مهارتها و تخصصهای علمی"></textarea> -->
-                      <!-- <textarea v-model="userInfo.skills.value" cols="30" rows="10" placeholder="مهارتها و تخصصهای علمی"></textarea> -->
-                      <vue-select dir="rtl" multiple taggable  v-model="userInfo.skills.value"  :options="skills"></vue-select>
-                    </div>
-                    <div class="form-row form-row--text-area">
-                      <label for="">علاقمندی ها</label>
-                      <vue-select dir="rtl" multiple taggable  v-model="userInfo.favorites.value" :options="favorites" ></vue-select>
-                      <!-- <textarea v-model="userInfo.favorites.value" cols="30" rows="10" placeholder="موضوعات مورد علاقه ( دغدغه شما )"></textarea> -->
-                    </div>
-
-                    <div class="popUp-tab__buttons px-0">
-                      <a href="javascript:void(0)" class="popUp-tab__submit" @click="saveUserInfo()">ثبت</a>
-                    </div>
-
-                  </form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-</template>
-
-<script>
-
-import { mapActions, mapState } from 'vuex';
-import {GET_PERSONAL_INFO} from "../../../store/modules/profile.module";
-export default {
-  name: "Dashboard",
-
-  data(){
-    return{
-      user_properties:{
-        skills:{
-          id: 2,
-          value: '',
-
-        },
-        favorites:{
-          id: 1,
-          value: ''
-        }
-      },
-      errors: {},
-
-      skills: [],
-      favorites: []
-      
-    }
-  },
-
-  computed: {
-    ...mapState(['currentUserPersonalInfo']),
-
-    userInfo(){
-      let userInfo = this.currentUserPersonalInfo;
-      let user_properties = this.user_properties;
-
-      if(userInfo && userInfo.properties && Object.keys(userInfo.properties).length > 0){
-        let skills = [];
-        let favorites = [];
-
-        if(userInfo.properties.skills.length > 0){
-          userInfo.properties.skills.forEach((skill) => {
-            skills.push({id: skill.values.id, label: skill.values.title});
-          });
-        }
-        if(userInfo.properties.favorites.length > 0){
-          userInfo.properties.favorites.forEach((favorite) => {
-            favorites.push({id: favorite.values.id, label: favorite.values.title});
-          });
-        }
-
-        user_properties.skills.value = skills;
-        user_properties.favorites.value = favorites;
-      }
-      return user_properties;
-    }
-  },
-
-  methods: {
-    ...mapActions([ 'checkPermissions', 'SAVE_USER_PROPERTIES', 'GET_PERSONAL_INFO']),
-    saveUserInfo(){
-      let data = {...this.user_properties};
-      let self = this;
-
-      this.SAVE_USER_PROPERTIES(data).then(response => {
-      }).catch(errors => {
-        self.errors = errors.data.errors;
-      });
-    },
-
-    getProfileData(){
-      let self = this;
-      ApiService.get(
-          null,
-          "profile/skills-favorites",
-          function(response) {
-              response.data.favorites.forEach(item => {
-                let data = {
-                  id: item.id,
-                  label: item.title
-                }
-                self.favorites.push(data);
-              });
-              response.data.skills.forEach(item => {
-                let data = {
-                  id: item.id,
-                  label: item.title
-                }
-                self.skills.push(data);
-              });
-          },
-          function() {
-          }
-      );
-    }
-  },
-
-  mounted(){
-    this.GET_PERSONAL_INFO();
-    this.getProfileData();
-    // this.checkPermissions({ permission: "", _this: this })
-
-  }
-};
-</script>
diff --git a/layouts/jahat/layout/EntityContent.vue b/layouts/jahat/layout/EntityContent.vue
deleted file mode 100644
index 30f24b9..0000000
--- a/layouts/jahat/layout/EntityContent.vue
+++ /dev/null
@@ -1,356 +0,0 @@
-<template>
-  <div>
-    <div
-      :class="mode == 1 ? 'jahat__content_list' : 'jahat__content-container'"
-    >
-      <div class="jahat__content">
-        <div class="search-list firefox-scrollbar">
-          <filter-list
-            v-if="subjectFilters.size"
-            :filters="subjectFilters.values()"
-            @remove-filter="removeFromFilters"
-          ></filter-list>
-
-          <filter-list
-            v-if="subjectFilters.size"
-            :filters="creationFilters.values()"
-            @remove-filter="removeFromFilters"
-          ></filter-list>
-
-          <div
-            v-for="(entity, index) in entities"
-            :key="index"
-            class="search-list__item"
-          >
-            <div class="search-list__content">
-              <div class="search-list__header">
-                <span
-                  :disabled="true"
-                  :to="{ name: 'issues' }"
-                  class="label text__14"
-                  >{{ getEntityName(entity._source.type_id) }}</span
-                >
-                <a
-                  href="javascript:void(0)"
-                  @click.prevent="routeTo(entity)"
-                  class="search-list__title text__16"
-                  v-html="getTitle(entity)"
-                >
-                </a>
-                <!-- <router-link
-                  :title="entity._source.title"
-                  :to="{
-                    name: 'issuesShow',
-                    params: { id: entity._source.id,parentRouteName:$route.name },
-                  }"
-                  class="search-list__title text__16"
-                >
-                  {{ entity._source.title }}
-                </router-link> -->
-              </div>
-              <div class="search-list__meta">
-                <!-- <div class="search-list__sub-item text__14">با {{ entity.sub_issue_count ? entity.sub_issue_count : 0 }}
-                  زیر مساله، با {{ entity.responses_count ? entity.responses_count : 0 }} پاسخ
-                </div> -->
-
-                <!-- <div class="search-list__sub-item text__14" v-if="entity.criterions && entity.criterions.length > 0">
-                  <span>  معیارها  : </span>
-                  <span class="text__semibold"> {{ (entity.criterions && entity.criterions.length > 0) ? entity.criterions[0].value_json.text : '' }}</span>
-                </div> -->
-              </div>
-              <div
-                v-if="entity._source?.favorite"
-                class="search-list__content text__14 text__gray"
-                v-html="getText(entity).unfavoriteText"
-              ></div>
-              <div
-                v-if="entity._source?.unfavorite"
-                class="search-list__content text__14 text__gray"
-                v-html="getText(entity).text"
-              ></div>
-              <div
-                v-if="entity._source.subject && entity._source.subject.length"
-                class="search-list__content text__14 text__gray"
-              >
-                <span :disabled="true" class="text__16 text__blue"
-                  >موضوع :
-                </span>
-                <a
-                  v-for="(subject, index) in entity._source.subject"
-                  :key="index"
-                  href="javascript:void(0)"
-                  @click.prevent="addToFilters(subject)"
-                  class="search-list__title text__16"
-                >
-                  {{ subject.title }}،
-                </a>
-              </div>
-
-              <div class="search-item__actions" v-if="showActions">
-                <span class="tavasi tavasi-more-vert"></span>
-                <!-- v-can="$route.name + '_subject'" -->
-                <button
-                  v-can="$route.name + '_subject'"
-                  @click="$emit('open-subject-modal', entity)"
-                  title="موضوع زنی"
-                  class="btn show-detail-btn px-1"
-                  type="button"
-                >
-                  <span class="tavasi tavasi-doc-outline"></span>
-                </button>
-
-                <button
-                  v-can="$route.name + '_update'"
-                  @click="$emit('edit-entity', entity)"
-                  title="ویرایش مسئله"
-                  class="btn show-detail-btn px-1"
-                  type="button"
-                >
-                  <span class="tavasi tavasi-Component-242--1"></span>
-                </button>
-                <button
-                  v-can="$route.name + '_delete'"
-                  @click="$emit('delete-entity', entity)"
-                  title="حذف"
-                  class="btn show-detail-btn px-1"
-                  type="button"
-                >
-                  <span class="tavasi tavasi-Component-295--1"></span>
-                </button>
-                <button-component
-                  title=" کپی لینک مساله"
-                  buttonText=""
-                  class="btn show-detail-btn px-1"
-                  @click="copyToClipboard(entity._source.id)"
-                >
-                  <svg class="icon icon-copy2 fz-8">
-                    <use xlink:href="#icon-copy2"></use>
-                  </svg>
-                </button-component>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="paginations">
-          <!-- <jahat-pagination
-                        :paginationInfo="paginationInfo"
-                        @page-changed="pageChanged"
-                        @page-limit-changed="pageLimitChanged"
-                    >
-                    </jahat-pagination> -->
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { commonMixin } from "~/jahat/mixins/commonMixin";
-// import { apiMixin } from "~/jahat/mixins/apiMixin";
-import { mapState } from "pinia";
-
-export default {
-  name: "EntityContent",
-  mixins: [commonMixin],
-  mounted() {
-    this.pagination = this.paginationInfo;
-  },
-  data() {
-    return {
-      pagination: {
-        page: 1,
-        pages: 0,
-        total: 0,
-        offset: 0, // page * per_page
-        limit: 10, //per_page
-      },
-      maxlenText: 300,
-    };
-  },
-  props: {
-    subjectFilters: { type: Map, default: () => new Map() },
-    creationFilters: { type: Map, default: () => new Map() },
-
-    entities: { type: Array, default: () => [] },
-    paginationInfo: { default: () => {} },
-    mode: { type: Number, default: 1 },
-  },
-  computed: {
-    ...mapState(["userPermisionGetter"]),
-
-    showActions() {
-      const canUpdate = this.userPermisionGetter?.includes(
-        this.$route.name + "_update"
-      );
-      const canDelete = this.userPermisionGetter?.includes(
-        this.$route.name + "_delete"
-      );
-      const canSubject = this.userPermisionGetter?.includes(
-        this.$route.name + "_subject"
-      );
-      const canCopy = true;
-
-      return canUpdate || canDelete || canSubject || canCopy;
-    },
-  },
-  methods: {
-    pageLimitChanged(paging) {
-      this.$emit("pageLimitChanged", paging);
-    },
-    pageChanged(paging) {
-      this.$emit("pageChanged", paging);
-    },
-    sortChanged(sorting) {
-      this.$emit("sortChanged", sorting);
-    },
-    resetPagination() {
-      this.$emit("resetPagination", sorting);
-    },
-    addToFilters(filter) {
-      this.$emit("add-filter", filter);
-    },
-    removeFromFilters(filter) {
-      this.$emit("remove-filter", filter);
-    },
-    routeTo(entity) {
-      this.$emit("close");
-      let url = "";
-      if (entity._source.type_id == this.getEntityTypeId("issue")) {
-        url = "issuesShow";
-        this.$router.push({
-          name: url,
-          params: {
-            id: entity._source.id,
-            parentRouteName: this.$router.name,
-          },
-        });
-      } else if (entity._source.type_id == this.getEntityTypeId("answer")) {
-        url = "answersShow";
-        this.$router.push({
-          name: url,
-          params: {
-            entityId: entity._source.entities.entity_id,
-            // parentRouteName: this.$router.name,
-            answerId: entity._source.id,
-          },
-        });
-      } else if (entity._source.type_id == this.getEntityTypeId("crition")) {
-        url = "critionsShow";
-        this.$router.push({
-          name: url,
-          params: {
-            id: entity._source.id,
-            parentRouteName: this.$router.name,
-            critionId: entity._source.id,
-          },
-        });
-      }
-    },
-    getTitle(entity) {
-      if (entity._source.type_id == this.getEntityTypeId("issue"))
-        return entity._source.title;
-      else if (
-        entity._source.type_id == this.getEntityTypeId("answer") &&
-        entity._source.entities
-      ) {
-        if (Array.isArray(entity._source.entities))
-          return entity._source.entities[0]?.entity_title;
-        else return entity._source.entities.entity_title;
-      }
-      return entity._source.title;
-    },
-
-    getText(entity) {
-      let text = "";
-      let unfavoriteText = "";
-      if (entity._source.type_id == this.getEntityTypeId("issue")) {
-        if (entity._source.summary) text = entity._source.summary;
-        else text = entity._source.description;
-      }
-      if (entity._source.type_id == this.getEntityTypeId("crition")) {
-        if (entity._source.favorite)
-          text = "مطلوب : " + entity._source.favorite;
-        if (entity._source.unfavorite)
-          unfavoriteText = "\n" + "نامطلوب : " + entity._source.unfavorite;
-      }
-      if (
-        (text == "" ||
-          entity._source.type_id == this.getEntityTypeId("answer")) &&
-        entity._source.summary
-      )
-        text = entity._source.summary;
-      if (text == "" && entity._source.summary) text = entity._source.summary;
-      if (text == "" && entity._source.description)
-        text = entity._source.description;
-      text =
-        text?.length > this.maxlenText
-          ? text.substr(0, this.maxlenText) + "..."
-          : text;
-      return {
-        text,
-        unfavoriteText,
-      };
-    },
-  },
-
-};
-</script>
-<style lang="scss" scoped>
-.search-list__item {
-  position: relative;
-  padding: 1em;
-  overflow: hidden;
-
-  &:not(:last-child) {
-    margin-bottom: 30px;
-  }
-
-  &:hover,
-  &.active {
-    background-color: #e8fcff;
-
-    .search-item__actions {
-      // width: 6.5em;
-      width: auto;
-
-      transition: width 0.5s;
-      background: #fff;
-      border-radius: 0 0.5em 0.5em 0;
-
-      .tavasi-more-vert {
-        transition: all 0.2s;
-        display: none;
-      }
-    }
-  }
-}
-
-.search-item__actions {
-  position: absolute;
-  left: 0;
-  width: 1.6em;
-  top: 1em;
-  // overflow: hidden;
-  transition: all 0.5s;
-  display: flex;
-  align-items: center;
-
-  .btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      filter: brightness(0.7);
-    }
-
-    .tavasi,
-    .icon-copy2 {
-      color: #adbec4;
-    }
-    .icon-copy2 {
-      font-size: 0.8rem;
-    }
-  }
-}
-</style>
diff --git a/layouts/jahat/layout/EntityList.vue b/layouts/jahat/layout/EntityList.vue
deleted file mode 100644
index 09c03b7..0000000
--- a/layouts/jahat/layout/EntityList.vue
+++ /dev/null
@@ -1,656 +0,0 @@
-<template>
-  <!-- <div style="height: 100vh; overflow: auto"> -->
-  <div>
-    <!-- <button
-      class="filters__open-btn--top btn buttonshow"
-      id="buttonshow"
-      @click="showfilter"
-    >
-      <svg
-        data-v-46e9fe5b=""
-        data-testid="chevron-double-lg-left-icon"
-        class="s12 icon-chevron-double-lg-left"
-      >
-        <use
-          data-v-46e9fe5b=""
-          href="/assets/img/icons.d6ff8c17.svg#chevron-double-lg-left"
-        ></use>
-      </svg>
-    </button> -->
-    <div class="button-change">
-      <switch-component
-        @change-mode="topRepeatInListMode = !topRepeatInListMode"
-        name="top-repeat"
-      ></switch-component>
-      <!-- "critions" -->
-      <div
-        v-if="entity_type != getEntityTypeId('answer')"
-        class="record-problem"
-      >
-        <a
-          v-can="'issues_create'"
-          title="ثبت مساله"
-          href="ثبت مساله"
-          class="text__14 text__blue button"
-          @click.prevent="openIssueModal"
-          >ثبت {{ getEntityName(entity_type) }}</a
-        >
-      </div>
-    </div>
-    <div v-if="topRepeatInListMode">
-      <div
-        ref="filterdiv"
-        class="jahat__sidebar scroll-needed hide"
-        id="showDiv"
-        :class="{ expanded: !isSidebarCollapsed }"
-      >
-        <ul class="sidebar-menu sidebar-menu--simple buttonhide">
-          <li>
-            <a
-              href="javascript:void(0)"
-              @click.prevent="updateListSpecial(1)"
-              class="text__14"
-              >{{ entitiesTitle }} جدید</a
-            >
-          </li>
-          <li>
-            <a
-              href="javascript:void(0)"
-              @click.prevent="updateListSpecial(2)"
-              class="text__14"
-              >{{ entitiesTitle }} ویرایشی</a
-            >
-          </li>
-          <li>
-            <a
-              href="javascript:void(0)"
-              @click.prevent="updateListSpecial(3)"
-              class="text__14"
-              >{{ entitiesTitle }} تولیدی من</a
-            >
-          </li>
-          <li>
-            <a
-              href="javascript:void(0)"
-              @click.prevent="updateListSpecial(4)"
-              class="text__14"
-              >{{ entitiesTitle }} مشارکتی من</a
-            >
-          </li>
-          <button
-            type="bu"
-            @click.prevent="hidefilter"
-            class="text__14 btn btnHide"
-            id="btnHide"
-          >
-            <svg
-              data-v-46e9fe5b=""
-              data-testid="chevron-double-lg-left-icon"
-              class="s12 icon-chevron-double-lg-left"
-            >
-              <use
-                data-v-46e9fe5b=""
-                href="/assets/img/icons.d6ff8c17.svg#chevron-double-lg-left"
-              ></use>
-            </svg>
-            &nbsp; بستن
-          </button>
-        </ul>
-      </div>
-      <div
-        class="jahat__content-container"
-        :class="{ expanded: !isSidebarCollapsed }"
-      >
-        <!-- <div
-          v-if="entity_type == getEntityTypeId('issue')"
-          class="jahat__fixed-btn"
-        >
-          <a
-            v-can="'issues_create'"
-            title="ثبت مساله"
-            href="ثبت مساله"
-            class="text__14 text__blue button"
-            @click.prevent="openIssueModal"
-            >ثبت مساله</a
-          >
-        </div> -->
-
-        <the-content-loading v-if="fetchingData"></the-content-loading>
-
-        <div v-if="canView">
-          <div v-if="!fetchingData">
-            <EntityContent
-              v-if="pagination.total"
-              :creationFilters="creationFilters"
-              :subjectFilters="subjectFilters"
-              @add-filter="updateListAfterFilterAdded"
-              @remove-filter="updateListAfterFilterRemoved"
-              @delete-entity="deleteEntity"
-              @edit-entity="editEntity"
-              @open-subject-modal="openSubjectModal"
-              :type="listType"
-              :entities="listEntity"
-              class="entity-content"
-              :class="{ 'chart-and-list-mode': topRepeatInListMode }"
-            />
-
-            <no-data v-else>
-              <p class="text-center p-3">مسئله ای ثبت نشده است.</p>
-            </no-data>
-          </div>
-        </div>
-
-        <no-data v-else>
-          <p class="text-center p-3">
-            <span class="tavasi tavasi-warning-circle"></span>
-            عدم دسترسی
-          </p>
-        </no-data>
-
-        <jahat-pagination
-          v-if="pagination.total"
-          :paginationInfo="pagination"
-          @page-changed="pageChanged"
-          @page-limit-changed="pageLimitChanged"
-          @sort-changed="sortChanged"
-        >
-        </jahat-pagination>
-
-        <jahat-modal
-          @close-modal="closeModal"
-          :showHeaderCloseButton="true"
-          v-if="showModal"
-          title="ایجاد مسئله"
-        >
-          <problem-modal
-            v-if="showIssueModal"
-            :data="entity"
-            @close-modal="closeModal"
-            @problem-added="closeModal"
-          >
-          </problem-modal>
-
-          <subject-form
-            v-if="showSubjectModal"
-            @update-list="closeModal"
-            @delete-item="updateListSpecial"
-            projectTagsName="jahat"
-          ></subject-form>
-        </jahat-modal>
-      </div>
-    </div>
-    <div v-else>
-      <ChartContent
-        :class="{ 'chart-and-list-mode': topRepeatInListMode }"
-        class="ChartContent"
-      ></ChartContent>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState, mapActions } from "pinia";
-import { entityMixin } from "~/jahat/mixins/entityMixin";
-import { commonMixin } from "~/jahat/mixins/commonMixin";
-import repoApi from "~/apis/repoApi";
-// import { propertyModalMixin } from "~/jahat/mixins/propertyModalMixin";
-
-export default {
-  mixins: [entityMixin, commonMixin],
-  
-  mounted() {
-    this.checkPermissions({
-      permission: `${this.$route.name}_list`,
-      _this: this,
-    })
-      .then(() => {
-        this.entity_type =
-          this.$route.meta.entityType === undefined
-            ? 1
-            : this.$route.meta.entityType;
-        this.entitiesTitle = this.getEntityTitle(this.entity_type);
-
-        this.getList(this.entity_type);
-
-        this.canView = true;
-      })
-      .catch(() => {
-        this.canView = false;
-      });
-  },
-  watch: {
-    $route: {
-      handler(newRoute, oldRoute) {
-        this.checkPermissions({
-          permission: `${newRoute.name}_list`,
-          _this: this,
-        })
-          .then(() => {
-            this.entity_type =
-              this.$route.meta.entityType === undefined
-                ? 1
-                : this.$route.meta.entityType;
-            this.entitiesTitle = this.getEntityTitle(this.entity_type);
-
-            if (oldRoute.name != newRoute.name) {
-              newRoute.query.page = undefined;
-              history.pushState({}, document.title, newRoute.path);
-              // this.$router.replace({ query: {...this.$route.query, page: undefined}})
-              this.resetPagination();
-            }
-            this.fetchingData = false;
-            this.getList(this.entity_type);
-
-            this.canView = true;
-          })
-          .catch(() => {
-            this.canView = false;
-          });
-      },
-      nested: true,
-      // immediate: true,
-    },
-  },
-  data() {
-    return {
-      topRepeatInListMode: true,
-
-      subjectFilters: new Map(),
-      creationFilters: new Map(),
-
-      showSubjectModal: false,
-      showIssueModal: false,
-
-      canView: true,
-
-      // modal: "answer-modal",
-      entity_type: 1,
-      entitiesTitle: "مسائل",
-
-      listType: 1,
-      listEntity: [],
-      entity: {},
-
-      modal: undefined,
-      modal_title: null,
-      modal_data: {
-        entity: {},
-        keyName: "",
-        index: -1,
-      },
-      showfilters: 2,
-    };
-  },
-  computed: {
-    ...mapState(["schemasGetter", "isSidebarCollapsed"]),
-  },
-  methods: {
-    ...mapActions(["checkPermissions"]),
-    ...mapActions("list", [
-      "SET_SELECTED_PROJECT",
-      "SET_LIST_ID",
-      "SET_LIST",
-      "SET_SELECTED_ITEM",
-    ]),
-    //mehdi
-    showfilter() {
-      this.$refs.filterdiv.classList.add("show");
-      this.$refs.filterdiv.classList.remove("hide");
-      document.getElementById("buttonshow").style.display = "none";
-      document.getElementById("btnHide").style.display = "inline-block";
-      // document.getElementById("showDiv").style.display = "inline-block";
-    },
-    hidefilter() {
-      this.$refs.filterdiv.classList.remove("show");
-      this.$refs.filterdiv.classList.add("hide");
-      document.getElementById("buttonshow").style.display = "inline-block";
-      document.getElementById("btnHide").style.display = "none";
-    },
-
-    //mehdi
-    openSubjectModal(entity) {
-      this.showSubjectModal = true;
-      this.entity = entity._source;
-
-      this.SET_SELECTED_ITEM(this.entity);
-
-      this.beforeShowModal();
-    },
-    openIssueModal() {
-      this.showIssueModal = true;
-      this.entity = {
-        title: "",
-        description: "",
-        // weight: 0,
-      };
-      // console.log(this.entity);
-
-      this.beforeShowModal();
-    },
-    deleteEntity(entity) {
-      this.mySwalConfirm({
-        title: "هشدار!!!",
-        html: `از حذف این مورد اطمینان دارید؟ `,
-        icon: "warning",
-      }).then((result) => {
-        setTimeout(() => {
-          this.updateListSpecial(1);
-        }, 1000);
-        if (result.isConfirmed) {
-          let url = repoApi.entity.delete_jahat;
-          url = url.replace("{{entity_id}}", entity._id);
-
-          this.httpService
-            .postRequest(url)
-            .then((res) => {
-              this.getList(this.entity_type);
-              this.mySwalToast({
-                html: res.data.message,
-                icon: "success",
-              });
-
-              // this.getListSpecial(this.entity_type, this.listType);
-              // this.updateListSpecial()
-            })
-            .catch((err) => {
-              // this.mySwalToast({
-              //   title: "خطا!!!",
-              //   html: err.message,
-              //   icon: "error",
-              // });
-            });
-        }
-      });
-    },
-
-    editEntity(entity) {
-      this.showIssueModal = true;
-      this.entity = entity._source;
-      this.beforeShowModal();
-    },
-    openModal(modal, property = null, index = -1) {
-      this.modal = modal;
-
-      // this.modal_data.entity = this.entity;
-      // this.modal_data.index = index;
-      // this.modal_data.keyName = property;
-      // this.modal_title = ev.target?.title ?? 'بدون عنوان';
-
-      this.beforeShowModal();
-    },
-
-    beforeShowModal() {
-      this.showModal = true;
-
-      setTimeout(() => {
-        $("#jahat-modal").modal(
-          { backdrop: "static", keyboard: false },
-          "show"
-        );
-      }, 500);
-    },
-    closeModal() {
-      $("#jahat-modal").modal("hide");
-
-      setTimeout(() => {
-        this.showModal = false;
-        this.showSubjectModal = false;
-        this.showIssueModal = false;
-        this.updateListSpecial(1);
-      }, 500);
-    },
-    updateListAfterFilterAdded(filter, filterObject = "subjectFilters") {
-      if (!this[filterObject].has(filter.id)) {
-        this[filterObject].set(filter.id, filter);
-        this.getList(this.entity_type);
-      }
-      this.updateListSpecial();
-    },
-    updateListAfterFilterRemoved(filter, filterObject = "subjectFilters") {
-      if (this[filterObject].has(filter.id)) {
-        this[filterObject].delete(filter.id);
-        this.getList(this.entity_type);
-      }
-    },
-
-    updateListSpecial(listType = 0) {
-      this.listType = listType;
-      if (listType == 0) this.getList(this.entity_type);
-      else this.getListSpecial(this.entity_type, listType);
-    },
-
-    // addToList(input) {
-    // let e = {};
-    // e._source = { ...input.item };
-    // this.listEntity.unshift(e);
-    // this.paginationInfo.total += 1;
-    // },
-  },
-
- 
-};
-</script>
-
-<style scoped lang="scss">
-.showBtn {
-  display: none;
-}
-.btn-hide {
-  display: none;
-}
-.jahat__sidebar {
-  top: 55px;
-  padding-right: 100px;
-}
-
-.btnHide {
-  display: none;
-}
-.btnHide svg {
-  transform: rotate(180deg);
-}
-.jahat__fixed-btn {
-  // top: calc(var(--headerHeight) + 7px);
-  // left: 8em
-}
-.button-change {
-  left: 1em;
-  width: 100%;
-  height: 40px;
-  position: absolute;
-  top: 6em;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  // margin-top: 0rem;
-  // z-index: 9;
-  // background-color: white;
-  // padding: 2rem;
-  div {
-    margin: 0 10px;
-  }
-}
-
-@media only screen and (min-width: 768px) and (max-width: 991.98px) {
-  .buttonshow {
-    position: fixed;
-    color: inherit;
-    right: 5px;
-    top: 65px;
-    width: 50px;
-    height: 50px;
-    z-index: 999999;
-  }
-  .btnHide {
-    position: absolute;
-    display: inline-block;
-    left: 0px;
-  }
-  .btnHide svg {
-    transform: rotate(180deg);
-  }
-  .m1 {
-    background-color: red;
-  }
-  .hide {
-    transform: translateX(80%);
-    display: none;
-  }
-  .show {
-    transform: translateX(0);
-  }
-  #showDiv {
-    top: 55px;
-  }
-  .titelAnswerText {
-    max-width: 150px;
-  }
-}
-@media only screen and (min-width: 576px) and (max-width: 767.98px) {
-  .buttonshow {
-    position: fixed;
-    color: inherit;
-    right: 5px;
-    top: 65px;
-    width: 50px;
-    height: 50px;
-    z-index: 999999;
-  }
-  .btnHide {
-    position: absolute;
-    display: inline-block;
-    left: 0px;
-  }
-  .btnHide svg {
-    transform: rotate(180deg);
-  }
-
-  .hide {
-    transform: translateX(80%);
-    display: none;
-  }
-  .show {
-    transform: translateX(0);
-  }
-  #showDiv {
-    top: 55px;
-  }
-  .titelAnswerText {
-    max-width: 150px;
-  }
-}
-@media (max-width: 575.98px) {
-  .button-change {
-    left: 0em;
-    top: 8em;
-  }
-  .buttonshow {
-    position: fixed;
-    color: inherit;
-    right: 5px;
-    top: 95px;
-    width: 50px;
-    height: 50px;
-    z-index: 999999;
-  }
-  .button-change {
-    margin-top: 2rem;
-  }
-  .btnHide {
-    position: absolute;
-    display: inline-block;
-    left: 0px;
-  }
-
-  .m1 {
-    background-color: red;
-  }
-  .hide {
-    display: none;
-  }
-  .show {
-    transform: translateX(0);
-  }
-  #showDiv {
-    top: 95px;
-  }
-  .titelAnswer {
-    display: none;
-  }
-
-  .jahat-header__pagination {
-    top: 0px !important;
-
-    position: relative !important ;
-  }
-  .jahat__sidebar {
-    top: 108px !important;
-  }
-}
-</style>
-<!-- <style  lang="scss">
-// @media only screen and (max-width: 575.98px) {
-//   .jahat__content-container {
-//     .problem-detail {
-//       .problem-detail__section {
-//         .problem-slider {
-//           .flickity {
-//             .flickity-viewport {
-//               .flickity-slider {
-               
-//                 // .jahat-system .problem-slider__cell {
-//                 //   width: 100% !important;
-//                 // }
-//                 // .jahat-system .problem-files--answer .problem-files__cell {
-//                 //   width: 100% !important;
-//                 // }
-//                 // .flickity-slider .problem-files__cell .is-selected {
-//                 //   width: 100% !important;
-//                 // }
-//                 .problem-slider__cell{
-//                   width: 100%;
-
-//                 }
-//                 .problem-files__cell {
-//                   width: 100% !important;
-//                   // height: 170px;
-//                 }
-//                 .problem-slider__pic {
-//                   img {
-//                     width: 95%;
-//                   }
-//                 }
-//               }
-//             }
-//           }
-//         }
-//         .problem-section__content{
-//           .problem-files{
-//             .flickity {
-//             .flickity-viewport {
-//               .flickity-slider {
-               
-               
-//                 .problem-slider__cell{
-//                   width: 100%;
-
-//                 }
-//                 .problem-files__cell {
-//                   width: 100% !important;
-//                   // height: 170px;
-//                 }
-//                 .problem-slider__pic {
-//                   img {
-//                     width: 95%;
-//                   }
-//                 }
-//               }
-//             }
-//           }
-//           }
-//         }
-//       }
-//     }
-//   }
-// }
-</style> -->
diff --git a/layouts/jahat/layout/Error.vue b/layouts/jahat/layout/Error.vue
deleted file mode 100644
index 9bd8e73..0000000
--- a/layouts/jahat/layout/Error.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <div class="main-container flex-grow-1">
-    404
-  </div>
-</template>
-
-<script>
-export default {
-  name: "Error-1",
-  
-  computed: {
-    backgroundImage() {
-      return import.meta.env.BASE_URL + `${fileUrl()}error/bg1.jpg`;
-    }
-  }
-};
-</script>
diff --git a/layouts/jahat/layout/Layout.vue b/layouts/jahat/layout/Layout.vue
deleted file mode 100644
index 13b6f60..0000000
--- a/layouts/jahat/layout/Layout.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div>
-    <router-view />
-  </div>
-</template>
-
-<script>
-import { mapState, mapActions } from "pinia";
-
-export default {
-  name: "Layout",
-  data() {
-    return {
-      username: "",
-      password: ""
-    };
-  },
-  methods: {
-    // ...mapActions("jahat",['GET_PROBLEMS'])
-  },
-  computed: {
-    ...mapState(["layoutConfig"]),
-    getFooterDesc() {
-      return this.layoutConfig("footer_desc");
-    },
-    footerDisplay() {
-      return !!this.layoutConfig("footer.display");
-    }
-  },
-  
-  beforeMount() {
-    // this.$store.dispatch(ADD_BODY_CLASSNAME, "page-loading");
-    // HtmlClass.init(this.layoutConfig());
-  },
-  mounted() {
-    // this.GET_PROBLEMS({vm:this});
-  }
-};
-</script>
diff --git a/layouts/jahat/layout/TopHeader.vue b/layouts/jahat/layout/TopHeader.vue
deleted file mode 100644
index b1e5479..0000000
--- a/layouts/jahat/layout/TopHeader.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <div
-    class="jahat__header jahat-header"
-    :class="{ expanded: !isSidebarCollapsed }"
-  >
-    <div
-      class="jahat-header__right jahat-header__logo"
-      style="padding-right: 35px"
-    >
-      <router-link :to="{ name: 'issues' }" class="">
-        <img
-          class="d-xl-inline"
-          src="assets/jahat/img/jahat-logo.svg"
-          alt=""
-        />
-      </router-link>
-    </div>
-    <div class="jahat-header__center">
-      <NavbarActiveLink
-        class="jahat-header__menu"
-        :items="schemasGetter"
-        :routeTempalte="{
-          firstActive: false,
-          activate: 'route',
-          key: 'routename',
-          template: '/{{key}}',
-        }"
-        @change-link="changeLink"
-      />
-      <router-link :to="{ name: 'search' }" class="jahat-header__search-icon">
-        <svg class="icon icon-Component-198--1">
-          <use xlink:href="#icon-Component-198--1"></use>
-        </svg>
-      </router-link>
-    </div>
-    <div class="jahat-header__left">
-      <user-avatar-dropdown class="header__user" />
-    </div>
-  </div>
-</template>
-
-<script>
-import NavbarActiveLink from "../../../components/LazyNavbarActiveLink.vue";
-import { mapState } from "pinia";
-
-export default {
-  name: "TopHeader",
-  computed: {
-    ...mapState([
-      "userPermisionGetter",
-      "schemasGetter",
-      "isSidebarCollapsed",
-    ]),
-  },
-  methods: {
-    canViewMenuItem(permission) {
-      return this.userPermisionGetter?.includes(permission);
-    },
-    changeLink(key) {},
-  },
-
-};
-</script>
-<style scoped></style>
diff --git a/layouts/list/layout/ItemPanel.vue b/layouts/list/layout/ItemPanel.vue
deleted file mode 100644
index 03f5661..0000000
--- a/layouts/list/layout/ItemPanel.vue
+++ /dev/null
@@ -1,766 +0,0 @@
-<template>
-  <div class="m1 main-page">
-    <div v-if="showMainpag">
-      <div class="home-list p-3 m2" ref="myInput3" id="main">
-        <div class="row mt-1">
-          <Breadcrumbs
-            class="m-start mt-2 Breadcrumbs"
-            style="font-size: 12px"
-          />
-        </div>
-
-        <div class="row mt-2">
-          <div
-            class="col-md-12 col-sm-12 d-flex"
-            style="justify-content: space-around"
-          >
-            <button
-              v-if="listGetter && listGetter.length"
-              :class="{ 'text-primary borderBottom': showNavigation }"
-              type="button"
-              class="popUp-tab__clear btn"
-              style="font-size: 12px"
-              @click.prevent="showNavigation = true"
-            >
-              پیمایش
-            </button>
-            <button
-              :class="{ 'text-primary borderBottom': !showNavigation }"
-              type="button"
-              class="popUp-tab__clear btn"
-              @click.prevent="showNavigation = false"
-              style="margin-right: -20px; font-size: 12px"
-            >
-              فهرست
-            </button>
-            <button
-              title="بستن"
-              @click="showPanel()"
-              type="button"
-              class="popUp-tab__clear btn"
-              style="margin-right: -20px"
-            >
-              <span class="tavasi tavasi-Component-21--1"></span>
-            </button>
-          </div>
-        </div>
-        <hr />
-        <div class="row" style="margin-top: 1.25rem !important">
-          <div class="col-md-12">
-            <div v-if="listGetter && listGetter.length">
-              <div v-if="showNavigation">
-                <div class="navigation">
-                  <div
-                    v-if="listGetter"
-                    v-for="(item, key) in listGetter"
-                    :key="key"
-                    class="item"
-                    :class="{ Active: activeItemClass(item) }"
-                  >
-                    <div
-                      class="d-flex position-relative text-10 mt-2 item-navigation"
-                    >
-                      <a
-                        @click.prevent="showtext(item, key)"
-                        :href="item.branch"
-                        class=""
-                        :title="item.branch"
-                        style="
-                          font-size: 12px;
-                          text-decoration: none;
-                          color: black;
-                        "
-                      >
-                        <i class="tavasi tavasi-Component-149--3 ml-1"></i>
-                        {{ item.title }}
-                      </a>
-                    </div>
-                  </div>
-
-                  <!-- <div
-                  v-for="(item, index, key) in items"
-                  :id="item.id"
-                  :key="item.id"
-                  class="item"
-                >
-                  <div
-                    class="d-flex position-relative text-10 mt-2"
-                    :class="{
-                      'is-selected': item.active ?? false,
-                    }"
-                  >
-                    <a
-                      :class="{ active: item.active ?? false }"
-                      @click.prevent="showParagraphs(item, index, key)"
-                      :href="item.title"
-                      class="title"
-                      :title="item.title"
-                      style="font-size: 12px; text-decoration: none"
-                    >
-                      <i class="tavasi tavasi-Component-149--3 ml-1"></i>
-                      {{ item.title }}
-                    </a>
-                  </div>
-                </div> -->
-                </div>
-              </div>
-              <div v-else>
-                <div class="navigation mt-3" style="max-height: 230px">
-                  <div
-                    class="text-truncate"
-                    style="max-width: 200px; font-size: 12px"
-                    v-html="textlists"
-                  ></div>
-                </div>
-              </div>
-            </div>
-            <div v-else>
-              <div class="navigation mt-3" style="max-height: 230px">
-                <div
-                  class="text-truncate"
-                  style="max-width: 200px; font-size: 12px"
-                  v-html="textlists"
-                ></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- <div v-else>
-        <button  @click="showpag=true">
-          <span class="tavasi tavasi-menu"></span>
-        </button>
-      </div> -->
-    <div v-else>
-      <div class="button-show">
-        <div class="button-main">
-          <button @click="showfilter()">
-            <span class="tavasi tavasi-Component-158--5"></span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState, mapActions } from "pinia";
-import apis from "~/apis/listApi";
-
-export default {
-  props: {
-    listPanelUrl: {
-      default: "",
-    },
-  },
-  emits: ["show-paragraph"],
-  mounted() {
-    // this.getListItem();
-    this.listMindex();
-    this.list();
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-
-      searchText: this.$route.params.searchtext,
-      statuspag: 1,
-      showpag: true,
-      showMainpag: true,
-      showNavigation: true,
-      prevActiveIndex: 0,
-      loading: false,
-      fetchingData: false,
-      items: [],
-      lists: "",
-      textlists: "",
-      // pagination: {
-      //   pages: 0,
-      //   total: 0,
-      //   page: 1,
-      //   offset: 0, // page * per_page
-      //   limit: 50, //per_page
-      // },
-    };
-  },
-  computed: {
-    ...mapState(["isSidebarCollapsed"]),
-    ...mapState("list", [
-      "selectedProjectGetter",
-      "listIdGetter",
-      "selectedItemGetter",
-      "listGetter",
-    ]),
-  },
-  watch: {
-    selectedItemGetter(newVal) {
-      this.listMindex();
-    },
-  },
-
-  methods: {
-    ...mapActions(["sidebarCollapsedSetter"]),
-    ...mapActions("list", [
-      "SET_IS_RETURN_FROM_ITEM_SHOW_PAGE",
-      "SET_SELECTED_ITEM",
-      "SET_LIST",
-    ]),
-    activeItemClass(item) {
-      if (item.id_store || item._id)
-        return item.id_store == this.id || item._id == this.id;
-    },
-    //newMehdi
-    list() {
-      const storedList = localStorage.getItem("myList");
-      if (storedList) {
-        const myList = JSON.parse(storedList);
-        this.SET_LIST(myList);
-      } else {
-        console.log("No list found in localStorage.");
-      }
-    },
-    showtext(item, key) {
-      // let items = this.listGetter[key].mindex;
-      // let cloneItem = structuredClone(item);
-      // cloneItem = { ...item,mindex:items};
-
-      // this.SET_SELECTED_ITEM(cloneItem);
-
-      this.SET_SELECTED_ITEM(item);
-      this.appendclass();
-    },
-    appendclass() {
-      const listItems = document.querySelectorAll(".item");
-
-      listItems.forEach(function (item) {
-        item.addEventListener("click", function () {
-          // حذف کلاس "active" از همه المان‌های لیست
-          listItems.forEach(function (item) {
-            item.classList.remove("Active");
-          });
-
-          // اضافه کردن کلاس "active" به المانی که کاربر بر روی آن کلیک کرده است
-          this.classList.add("Active");
-        });
-      });
-    },
-
-    //newMehdi
-
-    getHighlight(text) {
-      if (window.location.href.includes("search")) {
-        var words = this.searchText.split(" ");
-
-        var index = 1;
-        words.forEach((w) => {
-          if (w == "" || w == " ") {
-            return;
-          }
-          let classname = `searchHilight${index}`;
-          text = text.replaceAll(
-            w,
-            "<span class='" + classname + "'>" + w + "</span>"
-          );
-          var w1 = this.normalize(w);
-          if (w1 != w) {
-            text = text.replaceAll(
-              w1,
-              "<span class='" + classname + "'>" + w1 + "</span>"
-            );
-          }
-          index = index + 1;
-          if (index > 5) index = 1;
-        });
-        return text;
-      } else {
-        return;
-      }
-    },
-    normalize(item) {
-      item = item.replaceAll("،", "");
-      item = item.replaceAll(":", "");
-      item = item.replaceAll(".", "");
-
-      item = item.replaceAll("ک", "ك");
-      item = item.replaceAll("ی", "ي");
-      item = item.replaceAll("إ", "ا");
-      item = item.replaceAll("أ", "ا");
-      item = item.replaceAll("آ", "ا");
-      item = item.replaceAll("ة", "ت");
-      return item;
-    },
-
-    // mehdi
-
-    showPanel() {
-      // this.$emit("hide-panel");
-      this.$emit("statusPagTest1", (this.statuspag = 2));
-      this.showMainpag = false;
-
-      // this.showpag= false;
-    },
-    showfilter() {
-      this.$emit("statusPagTest1", (this.statuspag = 1));
-      // this.$refs.myInput3.classList.remove("d-md-none");
-      // document.getElementById("main").classList.toggle("d-main-none");
-      // document.getElementById("main").style.display = "inline-block";
-      this.showMainpag = true;
-    },
-    listMindex(key) {
-      if (this.selectedItemGetter !== undefined) {
-        if (window.location.href.includes("search")) {
-          var list = this.getHighlight(this.selectedItemGetter.mindex).split(
-            "\n"
-          );
-          var tt = "";
-          list.forEach((list) => {
-            tt = tt + "<p>" + list + "</p>";
-          });
-          this.textlists = tt;
-        } else {
-          var list = this.selectedItemGetter.mindex.split("\n");
-          var tt = "";
-          list.forEach((list) => {
-            tt = tt + "<p>" + list + "</p>";
-          });
-          this.textlists = tt;
-        }
-      }
-    },
-    // showfilter() {
-    //   this.$ref.myInput.classList.remove("hide");
-
-    //   this.showpag1=true
-    // },
-    // hidefilter() {
-    //   this.$ref.myInput.classList.add("hide");
-
-    //   this.showpag1=false
-    // },
-
-    // mehdi
-    showParagraphs(item, index) {
-      this.$emit("show-paragraph", item);
-
-      this.$set(this.items[this.prevActiveIndex], "active", false);
-      this.$set(this.items[index], "active", true);
-
-      this.prevActiveIndex = index;
-    },
-    showParagraphs1(item, key) {
-      this.$emit("show-paragraph1", item);
-    },
-
-    // getListItem() {
-    //   if (this.fetchingData) return;
-    //   this.fetchingData = true;
-
-    //   const payload = {
-    //     projectid: this.selectedProjectGetter?.id,
-    //     item_state: this.selectedProjectGetter?.item_state,
-    //     listid: this.listIdGetter,
-    //     subjectid: this.listIdGetter,
-    //     bychilds: 0,
-
-    //     ...this.pagination,
-    //     // offset: offset,
-    //     // limit: this.pagination.limit,
-    //   };
-
-    //   let url = apis.listItem.list;
-
-    //   if (this.$route.params.prevPage == "subjects")
-    //     url = apis.subjectRelation.list;
-
-    //   ApiService.formData(url, payload)
-    //     .then((res) => {
-    //       this.items = res.data.data;
-    //       this.items.forEach((element, index) => {
-    //         if (element.id == this.selectedItemGetter.id) {
-    //           element["active"] = true;
-    //           this.prevActiveIndex = index;
-    //         }
-    //       });
-
-    //       this.pagination = { ...this.pagination, ...res.data.pagination };
-    //     })
-    //     .catch((err) => {
-    //       this.mySwalToast({
-    //         title: err.response.data.message,
-    //         html: "",
-    //         text: "",
-    //         icon: "error",
-    //       });
-    //     })
-    //     .finally(() => {
-    //       this.fetchingData = false;
-    //     });
-    // },
-    goToListPage() {
-      this.SET_IS_RETURN_FROM_ITEM_SHOW_PAGE(this.listGetter.parent);
-
-      const routeName = this.$route.params.prevPage;
-
-      this.$router.push({
-        name: routeName,
-      });
-    },
-    loadMore($event) {
-      // const listElm = document.querySelector("#last-search");
-      const listElm = $event.target;
-
-      const vm = this;
-      if (vm.busy) return;
-
-      if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
-        this.busy = true;
-        vm.pagination.offset = vm.pagination.offset + vm.pagination.limit;
-
-        if (vm.pagination.total > vm.pagination.offset) {
-          setTimeout(() => {
-            vm.getListOnScroll();
-          }, 300);
-        } else {
-          vm.mySwalToast({
-            title: "کاربر محترم",
-
-            html: "دیگر رکوردی جهت بارگزاری وجود ندارد.",
-            icon: "info",
-            position: "bottom-start",
-          });
-          vm.busy = false;
-        }
-      } else vm.busy = false;
-    },
-    getListOnScroll() {
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        item_state: this.selectedProjectGetter?.item_state,
-        listid: this.listIdGetter,
-        subjectid: this.listIdGetter,
-        bychilds: 0,
-
-        ...this.pagination,
-      };
-
-      let url = apis.listItem.list;
-
-      if (this.$route.params.prevPage == "subjects")
-        url = apis.subjectRelation.list;
-
-      ApiService.formData(url, payload)
-        .then((res) => {
-          this.items = [...this.items, ...res.data.data];
-
-          this.pagination = { ...this.pagination, ...res.data.pagination };
-        })
-        .finally(() => {
-          this.busy = false;
-        });
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.open-sub-folder {
-  text-decoration: none;
-
-  &:hover {
-    background-color: #eee;
-  }
-}
-
-.menu-bar-content {
-  position: static;
-  flex: 1 1 100%;
-  max-width: 250px;
-  width: auto;
-  height: 180px;
-
-  &.show-list-panel {
-    right: 0px !important;
-  }
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8.5em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-
-      height: 100%;
-      background-color: #fff;
-
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-
-.sidebar-toggler {
-  right: 2.6em;
-
-  &.expanded {
-    right: 11.1em;
-  }
-}
-
-.meta-list {
-  display: flex;
-  align-items: ceter;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-  overflow: auto;
-
-  .meta-list-item {
-  }
-}
-
-//mehdi
-.close {
-  width: 20px;
-}
-
-.m2 {
-  // background-color: red;
-  position: relative;
-
-  &::before {
-    content: "";
-    height: 35em;
-    border-left: solid #f1f1f1 1px;
-    position: absolute;
-    top: 15px;
-    left: 0px;
-    right: 0px;
-    bottom: 0px;
-  }
-}
-.borderBottom {
-  position: relative;
-
-  &::before {
-    content: "";
-    border-bottom: solid #00b6e3 2px;
-    position: absolute;
-    top: 31px !important;
-    left: 0px;
-    right: 0px;
-    bottom: 0px;
-  }
-}
-hr {
-  margin: 0px;
-}
-.navigation {
-  overflow-y: scroll;
-  width: 200px;
-  height: 70vh;
-
-  max-width: 300px;
-  .item {
-    position: relative;
-    top: 10px;
-
-    .item-navigation a:hover {
-      color: #00b6e3 !important;
-    }
-  }
-}
-.lists {
-  overflow-y: scroll;
-}
-.borderBottom::before {
-  content: "";
-  border-bottom: solid #00b6e3 2px;
-  position: absolute;
-  top: 46px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-}
-.ctive {
-  position: relative;
-  background-color: #d8f8fd;
-  text-decoration: none;
-}
-.Active {
-  //text-decoration: none;
-  color: #00b6e3 !important;
-  .item-navigation a {
-    color: #00b6e3 !important;
-  }
-}
-
-.Breadcrumbs {
-  //width: 230px;
-  margin: 2px auto;
-  position: relative;
-  right: 10px;
-}
-
-.btnHide svg {
-  transform: rotate(180deg);
-}
-.button-main {
-  position: relative;
-
-  & button {
-    border: 0px;
-    background-color: #f8f8f8;
-    text-align: center;
-    & span {
-      color: #333238;
-    }
-  }
-}
-
-@media (min-width: 992px) {
-  .menu-bar-content {
-    max-width: 220px !important;
-  }
-  .d-main-none {
-    display: none;
-  }
-  .button-main {
-    top: 5px;
-    right: 10px;
-  }
-}
-@media only screen and (min-width: 768px) and (max-width: 991.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: relative;
-    top: 0px;
-    right: 0px;
-  }
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .hide {
-    display: none;
-  }
-  .d-main-none {
-    display: none;
-  }
-  .button-show {
-  }
-  .button-main {
-    top: 20px;
-    right: 53px;
-  }
-  .main-page {
-    position: fixed;
-    right: 0rem;
-    background-color: #fff;
-    z-index: 9;
-    height: 39rem;
-    margin: 0px;
-  }
-}
-
-@media only screen and (min-width: 576px) and (max-width: 766.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: fixed;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-    z-index: 999999;
-  }
-  .button-main {
-    display: none;
-  }
-  .main-page {
-    position: fixed;
-    right: 0rem;
-    background-color: #fff;
-    z-index: 9;
-    height: 39rem;
-    margin: 0px;
-  }
-}
-@media (max-width: 575.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: relative;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-  }
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: fixed;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-    z-index: 9999999;
-  }
-  .button-main {
-    display: none;
-  }
-  .main-page {
-    position: fixed;
-    right: 0rem;
-    background-color: #fff;
-    z-index: 9;
-
-    height: 39rem;
-    margin: 0px;
-  }
-}
-
-//mehdi
-</style>
diff --git a/layouts/list/layout/ItemShowForm.vue b/layouts/list/layout/ItemShowForm.vue
deleted file mode 100644
index 627c00e..0000000
--- a/layouts/list/layout/ItemShowForm.vue
+++ /dev/null
@@ -1,1407 +0,0 @@
-<template>
-  <div class="main-page" ref="myInput3">
-    <div v-if="showMainpag">
-      <div class="home-list p-3 main" id="main">
-        <div class="row">
-          <div class="col-md-12 col-sm-12 main-button">
-            <div class="button-change">
-              <div @click="nextNumber" title="پهنای بیشتر">
-                <span>
-                  <svg
-                    data-testid="chevron-double-lg-left-icon"
-                    class="s12 icon-chevron-double-lg-right span1"
-                  >
-                    <use
-                      data-v-46e9fe5b=""
-                      href="/assets/img/icons.d6ff8c17.svg#chevron-double-lg-left"
-                    ></use>
-                  </svg>
-                </span>
-              </div>
-
-              <p>پهنای {{ numberPag }}</p>
-
-              <div @click="beforeNumber" title="پهنای کمتر">
-                <span>
-                  <svg
-                    data-testid="chevron-double-lg-left-icon"
-                    class="s12 icon-chevron-double-lg-right"
-                  >
-                    <use
-                      data-v-46e9fe5b=""
-                      href="/assets/img/icons.d6ff8c17.svg#chevron-double-lg-left"
-                    ></use>
-                  </svg>
-                </span>
-              </div>
-            </div>
-            <button
-              title="بستن"
-              @click="hidenPanel()"
-              type="button"
-              class="popUp-tab__clear btn button-hiden"
-              style="margin-right: -20px"
-            >
-              <span class="tavasi tavasi-Component-21--1"></span>
-            </button>
-
-            <button
-              :class="{ 'text-primary borderBottom': showNavigation }"
-              type="button"
-              class="popUp-tab__clear btn p-2 ml-2"
-              style="font-size: 11px"
-              @click.prevent="showNavigation = true"
-            >
-              مشخصات
-            </button>
-
-            <button
-              :class="{ 'text-primary borderBottom': !showNavigation }"
-              type="button"
-              class="popUp-tab__clear btn p-2 mr-2"
-              @click.prevent="showNavigation = false"
-              style="font-size: 11px"
-            >
-              موضوعات
-            </button>
-          </div>
-        </div>
-        <hr />
-
-        <div class="row mt-4" style="position: relative">
-          <div class="col-md-12">
-            <div v-if="showNavigation">
-              <div class="collapses-main">
-                <div class="accordion" id="accordionExample">
-                  <div class="card rounded-0">
-                    <div
-                      class="card-header"
-                      id="headingOne"
-                      style="height: 3rem"
-                    >
-                      <div class="d-flex justify-content-between">
-                        <p style="font-size: 12px; color: black">مشخصات اصلی</p>
-                        <button
-                          class="btn btn-link btn-block text-right collapsed button-meno"
-                          type="button"
-                          data-toggle="collapse"
-                          data-target="#collapseOne"
-                          aria-expanded="false"
-                          aria-controls="collapseOne"
-                        >
-                          <span class="tavasi tavasi-Component-358--1"></span>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      id="collapseOne"
-                      class="collapse"
-                      aria-labelledby="headingOne"
-                      data-parent="#accordionExample"
-                    >
-                      <div class="card-body">
-                        <form>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >عنوان
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="عنوان را وارد نمایید."
-                              v-model="cloneItem.title"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                              >صاحب اثر
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder=" عنوان را وارد نمایید."
-                              v-model="cloneItem.author"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="d-flex">
-                            <div class="form-group">
-                              <label
-                                for="formGroupExampleInput2"
-                                style="font-size: 11px"
-                              >
-                                کد داخلی
-                              </label>
-                              <input
-                                type="text"
-                                class="form-control select-text"
-                                id="formGroupExampleInput2"
-                                placeholder="کد داخلی را وارد کنید "
-                                v-model="cloneItem.meet_lid"
-                                style="font-size: 11px"
-                              />
-                            </div>
-                            <div class="form-group mr-1">
-                              <label
-                                for="formGroupExampleInput2"
-                                style="font-size: 11px"
-                              >
-                                نوع
-                              </label>
-                              <select
-                                type="text"
-                                class="custom-select select-text"
-                                id="formGroupExampleInput2"
-                                v-model="cloneItem.format"
-                                style="
-                                  font-size: 11px;
-                                  border-color: rgba(
-                                    150,
-                                    243,
-                                    243,
-                                    0.4588235294
-                                  );
-                                "
-                                placeholder="نوع جلسه را وارد کنید ."
-                              >
-                                <option
-                                  v-if="cloneOptions"
-                                  v-for="(cloneOption, index) in cloneOptions"
-                                  :key="index"
-                                >
-                                  {{ cloneOption.title }}
-                                </option>
-                              </select>
-                            </div>
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >دوره
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="نام دوره را وارد  فرمایید"
-                              v-model="cloneItem.branch"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              تاریخ
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder="تاریخ را وارد کنید ."
-                              :value="datefa()"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="" style="position: relative; right: 80%">
-                            <button
-                              type="submit"
-                              class="btn btn-primary"
-                              style="font-size: 11px"
-                              @click.prevent="save2()"
-                            >
-                              ثبت
-                            </button>
-                          </div>
-                        </form>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="card rounded-0">
-                    <div
-                      class="card-header"
-                      id="headingTwo"
-                      style="height: 3rem"
-                    >
-                      <div class="d-flex justify-content-between">
-                        <p style="font-size: 12px; color: black">مشخصات فرعی</p>
-                        <button
-                          class="btn btn-link btn-block text-right collapsed button-meno"
-                          type="button"
-                          data-toggle="collapse"
-                          data-target="#collapseTwo"
-                          aria-expanded="false"
-                          aria-controls="collapseTwo"
-                        >
-                          <span class="tavasi tavasi-Component-358--1"></span>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      id="collapseTwo"
-                      class="collapse"
-                      aria-labelledby="headingTwo"
-                      data-parent="#accordionExample"
-                    >
-                      <div class="card-body">
-                        <form>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >عنوان موضوعی
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="عنوان را وارد کنید"
-                              v-model="cloneItem.subtitle"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              پیوند
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder="پیوند اینترنتی را وارد کنید "
-                              v-model="cloneItem.link"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="d-flex">
-                            <div class="form-group">
-                              <label
-                                for="formGroupExampleInput2"
-                                style="font-size: 11px"
-                              >
-                                شهر
-                              </label>
-                              <input
-                                type="text"
-                                class="form-control select-text"
-                                id="formGroupExampleInput2"
-                                placeholder=" شهر"
-                                v-model="cloneItem.city"
-                                style="font-size: 11px"
-                              />
-                            </div>
-                            <div class="form-group mr-1">
-                              <label
-                                for="formGroupExampleInput2"
-                                style="font-size: 11px"
-                              >
-                                مکان
-                              </label>
-                              <input
-                                type="text"
-                                class="form-control select-text"
-                                id="formGroupExampleInput2"
-                                placeholder=" مکان"
-                                v-model="cloneItem.place"
-                                style="font-size: 11px"
-                              />
-                            </div>
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                            >
-                              نشانی
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="نشانی را وارد کنید"
-                              v-model="cloneItem.address"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              تاریخ پایان
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder=" تاریخ پایان را وارد کنید"
-                              v-model="cloneItem.end_date"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="" style="position: relative; right: 80%">
-                            <button
-                              type="submit"
-                              class="btn btn-primary"
-                              style="font-size: 11px"
-                              @click.prevent="save2()"
-                            >
-                              ثبت
-                            </button>
-                          </div>
-                        </form>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="card rounded-0">
-                    <div
-                      class="card-header"
-                      id="headingThree"
-                      style="height: 3rem"
-                    >
-                      <div class="d-flex justify-content-between">
-                        <p style="font-size: 12px; color: black">
-                          اطلاعات جلسه
-                        </p>
-                        <button
-                          class="btn btn-link btn-block text-right collapsed button-meno"
-                          type="button"
-                          data-toggle="collapse"
-                          data-target="#collapseThree"
-                          aria-expanded="false"
-                          aria-controls="collapseThree"
-                        >
-                          <span class="tavasi tavasi-Component-358--1"></span>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      id="collapseThree"
-                      class="collapse"
-                      aria-labelledby="headingThree"
-                      data-parent="#accordionExample"
-                    >
-                      <div class="card-body">
-                        <form>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >نوع مخاطب
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="عنوان را وارد کنید."
-                              v-model="cloneItem.audience"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              مناسبت
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder="عنوان را وارد کنید."
-                              v-model="cloneItem.ralation"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >حاضرین
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="عنوان را با ، جدا کنید"
-                              v-model="cloneItem.attendees"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="" style="position: relative; right: 80%">
-                            <button
-                              type="submit"
-                              class="btn btn-primary"
-                              style="font-size: 11px"
-                              @click.prevent="save2()"
-                            >
-                              ثبت
-                            </button>
-                          </div>
-                        </form>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="card rounded-0">
-                    <div
-                      class="card-header"
-                      id="headingFour"
-                      style="height: 3rem"
-                    >
-                      <div class="d-flex justify-content-between">
-                        <p style="font-size: 12px; color: black">کدها</p>
-                        <button
-                          class="btn btn-link btn-block text-right collapsed button-meno"
-                          type="button"
-                          data-toggle="collapse"
-                          data-target="#collapseFour"
-                          aria-expanded="false"
-                          aria-controls="collapseFour"
-                        >
-                          <span class="tavasi tavasi-Component-358--1"></span>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      id="collapseFour"
-                      class="collapse"
-                      aria-labelledby="headingFour"
-                      data-parent="#accordionExample"
-                    >
-                      <div class="card-body">
-                        <form>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                            >
-                              کد جلسه
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="کد جلسه را وارد کنید "
-                              v-model="cloneItem.meet_code"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              کد شخصی
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder="کد شخصی را وارد کنید "
-                              v-model="cloneItem.person_code"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >کد پژوهش
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="کد پژوهش را وارد کنید "
-                              v-model="cloneItem.research_code"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >کد 1
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="کد داخلی را وارد کنید "
-                              v-model="cloneItem.meet_lid"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="" style="position: relative; right: 80%">
-                            <button
-                              type="submit"
-                              class="btn btn-primary"
-                              style="font-size: 11px"
-                              @click.prevent="save2()"
-                            >
-                              ثبت
-                            </button>
-                          </div>
-                        </form>
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="card rounded-0">
-                    <div
-                      class="card-header"
-                      id="headingFive"
-                      style="height: 3rem"
-                    >
-                      <div class="d-flex justify-content-between">
-                        <p style="font-size: 12px; color: black">خلاصه</p>
-                        <button
-                          class="btn btn-link btn-block text-right collapsed button-meno"
-                          type="button"
-                          data-toggle="collapse"
-                          data-target="#collapseFive"
-                          aria-expanded="false"
-                          aria-controls="collapseFive"
-                        >
-                          <span class="tavasi tavasi-Component-358--1"></span>
-                        </button>
-                      </div>
-                    </div>
-                    <div
-                      id="collapseFive"
-                      class="collapse"
-                      aria-labelledby="headingFive"
-                      data-parent="#accordionExample"
-                    >
-                      <div class="card-body">
-                        <form>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >فعل
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              placeholder="عنوان را وارد کنید"
-                              v-model="cloneItem.verb"
-                              style="font-size: 11px"
-                            />
-                          </div>
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput2"
-                              style="font-size: 11px"
-                            >
-                              واژگان
-                            </label>
-                            <input
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput2"
-                              placeholder=" عنوان را با , جدا کنید"
-                              v-model="cloneItem.keywords"
-                              style="font-size: 11px"
-                            />
-                          </div>
-
-                          <div class="form-group">
-                            <label
-                              for="formGroupExampleInput"
-                              style="font-size: 11px"
-                              >چکیده
-                            </label>
-                            <textarea
-                              type="text"
-                              class="form-control select-text"
-                              id="formGroupExampleInput"
-                              rows="4"
-                              placeholder="متن را اینجا بنویسید"
-                              v-model="cloneItem.mintro"
-                              style="font-size: 11px"
-                            ></textarea>
-                          </div>
-
-                          <div class="" style="position: relative; right: 80%">
-                            <button
-                              type="submit"
-                              class="btn btn-primary"
-                              style="font-size: 11px"
-                              @click.prevent="save2()"
-                            >
-                              ثبت
-                            </button>
-                          </div>
-                        </form>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div v-else>
-              <div class="container">
-                <div
-                  class="navigation mt-3"
-                  style="max-height: 400px; position: relative"
-                >
-                  <subject-form style="font-size: 13px"></subject-form>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div v-else>
-      <div>
-        <div class="button-main">
-          <button @click="showfilter()">
-            <span class="tavasi tavasi-Component-160--1"></span>
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState, mapActions } from "pinia";
-import apis from "~/apis/listApi";
-import formBuilderMixin from "~/extensions/formBuilderExtension.js";
-
-export default {
-  extends: formBuilderMixin,
-  props: {
-    listPanelUrl: {
-      default: "",
-    },
-  },
-  beforeCreate() {
-    ApiService.init(import.meta.env.VITE_REPO_BASE_URL);
-  },
-
-  emits: ["show-paragraph"],
-  watch: {
-    selectedItemGetter(newVal) {
-      this.chengTextMain();
-    },
-  },
-  mounted() {
-    if (this.selectedProjectGetter) {
-      this.getListItem();
-      this.chengTextMain();
-      // this.listMindex();
-      this.cloneItem = structuredClone(this.selectedItemGetter);
-      if (window.location.href.includes("list")) {
-        this.cloneOptions = structuredClone(
-          this.selectedProjectGetter.meta[0].items[4].options
-        );
-      }
-
-      this.$emit("statusPag", (this.statuspag = 1));
-    }
-  },
-  data() {
-    return {
-      cloneItem: {},
-      cloneOptions: [],
-      numberPag: 1,
-      statuspag: 1,
-      showpag: true,
-      showMainpag: true,
-      showNavigation: true,
-      prevActiveIndex: 0,
-      loading: false,
-      fetchingData: false,
-      items: [],
-      lists: [],
-      textlists: "",
-      // pagination: {
-      //   pages: 0,
-      //   total: 0,
-      //   page: 1,
-      //   offset: 0, // page * per_page
-      //   limit: 50, //per_page
-      // },
-    };
-  },
-  computed: {
-    ...mapState(["isSidebarCollapsed"]),
-    ...mapState("list", [
-      "selectedProjectGetter",
-      "listIdGetter",
-      "selectedItemGetter",
-      "listGetter",
-    ]),
-  },
-
-  methods: {
-    ...mapActions(["sidebarCollapsedSetter"]),
-    ...mapActions("list", ["SET_IS_RETURN_FROM_ITEM_SHOW_PAGE"]),
-    // mehdi
-
-    showMenoBarSm() {
-      // this.$refs.myInput3.classList.add("menuBar-sm");
-      // this.$refs.myInput3.classList.remove("menuBar-lg" , "menuBar-xl");
-
-      this.statuspag = 1;
-      this.$emit("statusPag", (this.statuspag = 1));
-    },
-    chengTextMain() {
-      this.cloneItem = structuredClone(this.selectedItemGetter);
-    },
-    showMenoBarLg() {
-      // this.$refs.myInput3.classList.add("menuBar-lg");
-      // this.$refs.myInput3.classList.remove("menuBar-sm" , "menuBar-xl");
-
-      this.statuspag = 2;
-      this.$emit("statusPag", (this.statuspag = 2));
-    },
-    showMenoBarXl() {
-      this.statuspag = 3;
-      this.$emit("statusPag", (this.statuspag = 3));
-    },
-    nextNumber() {
-      if (this.numberPag > 3) {
-        this.numberPag = 3;
-      } else {
-        this.numberPag++;
-      }
-      switch (this.numberPag) {
-        case (this.numberPag = 0):
-          this.numberPag = 0;
-          this.$emit("statusPag", (this.statuspag = 0));
-          this.showMainpag = false;
-          break;
-        case (this.numberPag = 1):
-          this.showMenoBarSm();
-          break;
-        case (this.numberPag = 2):
-          this.showMenoBarLg();
-          break;
-        case (this.numberPag = 3):
-          this.showMenoBarXl();
-          break;
-      }
-    },
-    beforeNumber() {
-      if (this.numberPag <= 0) {
-        this.numberPag = 0;
-      } else {
-        this.numberPag--;
-      }
-      switch (this.numberPag) {
-        case (this.numberPag = 0):
-          this.numberPag = 0;
-          this.$emit("statusPag", (this.statuspag = 0));
-          this.showMainpag = false;
-          break;
-        case (this.numberPag = 1):
-          this.showMenoBarSm();
-          break;
-        case (this.numberPag = 2):
-          this.showMenoBarLg();
-
-          break;
-        case (this.numberPag = 3):
-          this.showMenoBarXl();
-
-          break;
-      }
-    },
-
-    hidenPanel() {
-      //this.$emit("hide-panel");
-      this.showMainpag = false;
-      // this.showpag= false;
-    },
-    showfilter() {
-      // this.$refs.myInput3.classList.remove("d-md-none");
-      // document.getElementById("main").classList.toggle("d-main-none");
-      // document.getElementById("main").style.display = "inline-block";
-      this.showMainpag = true;
-
-      this.numberPag = 1;
-      this.$emit("statusPag", (this.statuspag = 1));
-    },
-    // listMindex() {
-    //   this.lists = this.selectedItemGetter.mindex.split("\n");
-    //   var tt = "";
-    //   this.lists.forEach((list) => {
-    //     tt = tt + "<p>" + list + "</p>";
-    //   });
-    //   this.textlists = tt;
-    // },
-    // showfilter() {
-    //   this.$ref.myInput.classList.remove("hide");
-
-    //   this.showpag1=true
-    // },
-    // hidefilter() {
-    //   this.$ref.myInput.classList.add("hide");
-
-    //   this.showpag1=false
-    // },
-
-    save2() {
-      if (window.location.href.includes("search")) {
-        const formData = {
-          id_store: this.selectedItemGetter._id,
-          item_state: 1,
-          meta: JSON.stringify(this.cloneItem),
-        };
-        const url = this.selectedItemGetter.id
-          ? apis.item.edit
-          : apis.item.addbylist;
-
-        ApiService.formData(url, formData)
-          .then((res) => {
-            this.mySwalToast({
-              title: "تبریک",
-              html: res.data.message,
-              icon: "success",
-            });
-
-            this.$emit("update-list");
-          })
-
-          .finally(() => {
-            this.buttonLoading = false;
-          });
-      } else if (window.location.href.includes("list")) {
-        const formData = {
-          id_store: this.selectedItemGetter?.id_store,
-          item_state: this.selectedItemGetter?.item_state,
-          meta: JSON.stringify(this.cloneItem),
-        };
-        const url = this.selectedItemGetter.id
-          ? apis.item.edit
-          : apis.item.addbylist;
-
-        ApiService.formData(url, formData)
-          .then((res) => {
-            this.mySwalToast({
-              title: "تبریک",
-              html: res.data.message,
-              icon: "success",
-            });
-
-            this.$emit("update-list");
-          })
-
-          .finally(() => {
-            this.buttonLoading = false;
-          });
-      } else {
-      }
-    },
-
-    save() {
-      const formData = {
-        id_store: this.selectedItemGetter?.id_store,
-        item_state: this.selectedItemGetter?.item_state,
-        meta: JSON.stringify(this.cloneItem),
-      };
-      const url = this.selectedItemGetter.id
-        ? apis.item.edit
-        : apis.item.addbylist;
-
-      ApiService.formData(url, formData)
-        .then((res) => {
-          this.mySwalToast({
-            title: "تبریک",
-            html: res.data.message,
-            icon: "success",
-          });
-
-          this.$emit("update-list");
-        })
-
-        .finally(() => {
-          this.buttonLoading = false;
-        });
-    },
-
-    // mehdi
-    showParagraphs(item, index) {
-      this.$emit("show-paragraph", item);
-
-      this.$set(this.items[this.prevActiveIndex], "active", false);
-      this.$set(this.items[index], "active", true);
-
-      this.prevActiveIndex = index;
-    },
-
-    getListItem() {
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        item_state: this.selectedProjectGetter?.item_state,
-        listid: this.listIdGetter,
-        subjectid: this.listIdGetter,
-        bychilds: 0,
-
-        ...this.pagination,
-        // offset: offset,
-        // limit: this.pagination.limit,
-      };
-
-      let url = apis.listItem.list;
-
-      if (this.$route.params.prevPage == "subjects")
-        url = apis.subjectRelation.list;
-
-      ApiService.formData(url, payload)
-        .then((res) => {
-          this.items = res.data.data;
-          this.items.forEach((element, index) => {
-            if (element.id == this.selectedItemGetter.id) {
-              element["active"] = true;
-              this.prevActiveIndex = index;
-            }
-          });
-
-          this.pagination = { ...this.pagination, ...res.data.pagination };
-        })
-        .catch((err) => {
-          this.mySwalToast({
-            title: err.response.data.message,
-            html: "",
-            text: "",
-            icon: "error",
-          });
-        })
-        .finally(() => {
-          this.fetchingData = false;
-        });
-    },
-    goToListPage() {
-      this.SET_IS_RETURN_FROM_ITEM_SHOW_PAGE(this.listGetter.parent);
-
-      const routeName = this.$route.params.prevPage;
-
-      this.$router.push({
-        name: routeName,
-      });
-    },
-    loadMore($event) {
-      // const listElm = document.querySelector("#last-search");
-      const listElm = $event.target;
-
-      const vm = this;
-      if (vm.busy) return;
-
-      if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
-        this.busy = true;
-        vm.pagination.offset = vm.pagination.offset + vm.pagination.limit;
-
-        if (vm.pagination.total > vm.pagination.offset) {
-          setTimeout(() => {
-            vm.getListOnScroll();
-          }, 300);
-        } else {
-          vm.mySwalToast({
-            title: "کاربر محترم",
-
-            html: "دیگر رکوردی جهت بارگزاری وجود ندارد.",
-            icon: "info",
-            position: "bottom-start",
-          });
-          vm.busy = false;
-        }
-      } else vm.busy = false;
-    },
-    getListOnScroll() {
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        item_state: this.selectedProjectGetter?.item_state,
-        listid: this.listIdGetter,
-        subjectid: this.listIdGetter,
-        bychilds: 0,
-
-        ...this.pagination,
-      };
-
-      let url = apis.listItem.list;
-
-      if (this.$route.params.prevPage == "subjects")
-        url = apis.subjectRelation.list;
-
-      ApiService.formData(url, payload)
-        .then((res) => {
-          this.items = [...this.items, ...res.data.data];
-
-          this.pagination = { ...this.pagination, ...res.data.pagination };
-        })
-        .finally(() => {
-          this.busy = false;
-        });
-    },
-    datefa(item) {
-      var m = this.cloneItem.begin_date;
-      var d = new Date(m).toLocaleDateString("fa-IR");
-      return d;
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.select-text {
-  text-align: right;
-  background-color: #fff;
-  font-size: 14px;
-  border-radius: 8px;
-  border-color: #f1f1f1;
-  padding: 6px;
-  &:hover {
-    border-color: #afbac6;
-  }
-}
-.open-sub-folder {
-  text-decoration: none;
-
-  &:hover {
-    background-color: #eee;
-  }
-}
-
-.menu-bar-content {
-  position: static;
-  flex: 1 1 100%;
-  width: auto;
-  height: 180px;
-  &.show-list-panel {
-    right: 0px !important;
-  }
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8.5em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-      height: 100%;
-      background-color: #fff;
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-
-.sidebar-toggler {
-  right: 2.6em;
-
-  &.expanded {
-    right: 11.1em;
-  }
-}
-
-.meta-list {
-  display: flex;
-  align-items: ceter;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-  overflow: auto;
-}
-
-//mehdi
-.button-meno {
-  font-size: 12px;
-  transform: rotate(90deg);
-  width: 10px;
-  height: 10px;
-  margin-top: 15px;
-  text-decoration: none;
-  span:hover {
-    color: #00b6e3;
-  }
-}
-.main-button {
-  display: grid;
-  grid-template-columns: 1fr 1fr 2fr;
-}
-.button-change {
-  display: flex;
-  div {
-    margin: 5px;
-  }
-  p {
-    width: 33px;
-    text-align: center;
-    font-size: 11px;
-    position: relative;
-    top: 8px;
-  }
-  svg {
-    font-size: 11px;
-    &:hover {
-      fill: #00b6e3;
-    }
-  }
-  .span1 {
-    transform: rotate(180deg);
-  }
-}
-.main {
-  position: relative;
-  &::before {
-    content: "";
-    height: 35em;
-    border-right: solid #f1f1f1 1px;
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    right: 10px;
-    bottom: 0px;
-  }
-}
-
-.borderBottom {
-  position: relative;
-
-  &::before {
-    content: "";
-    border-bottom: solid #00b6e3 2px;
-    position: absolute;
-    top: 31px !important;
-    left: 0px;
-    right: 0px;
-    bottom: 0px;
-  }
-}
-hr {
-  margin: 0px;
-}
-
-.lists {
-  overflow-y: scroll;
-}
-.borderBottom::before {
-  content: "";
-  border-bottom: solid #00b6e3 2px;
-  position: absolute;
-  top: 46px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-}
-.active {
-  position: relative;
-  background-color: #d8f8fd;
-  text-decoration: none;
-  color: #212529;
-}
-
-.Breadcrumbs {
-  //width: 230px;
-  margin: 2px auto;
-  position: relative;
-  right: 10px;
-}
-
-.btnHide svg {
-  transform: rotate(180deg);
-}
-.button-main {
-  position: relative;
-
-  & button {
-    border: 0px;
-    background-color: #f8f8f8;
-    text-align: center;
-    & span {
-      color: #333238;
-    }
-  }
-}
-
-@media (min-width: 992px) {
-  .navigation {
-    overflow-x: hidden;
-    overflow-y: scroll;
-
-    width: 100%;
-    height: 450px;
-    margin-right: 5px;
-    min-width: 200px;
-  }
-
-  .collapses-main {
-    width: 100%;
-    height: 80vh;
-    margin-right: 5px;
-    min-width: 200px;
-    //background-color: #00b6e3;
-    overflow: hidden;
-    overflow-y: scroll;
-  }
-
-  .d-main-none {
-    display: none;
-  }
-  .button-main {
-    top: 5px;
-    // left: -24vh  ;
-  }
-  .button-hiden {
-    display: none;
-  }
-}
-@media only screen and (min-width: 768px) and (max-width: 991.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: relative;
-    top: 0px;
-    right: 0px;
-  }
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .hide {
-    display: none;
-  }
-  .d-main-none {
-    display: none;
-  }
-  .button-main {
-    top: 20px;
-  }
-  .main-page {
-    position: fixed;
-    left: 0rem;
-    background-color: #fff;
-  }
-  .button-change {
-    display: none;
-  }
-}
-
-@media only screen and (min-width: 576px) and (max-width: 766.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: fixed;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-    z-index: 999999;
-  }
-  .button-main {
-    display: none;
-  }
-  .main-page {
-    position: fixed;
-    left: 0rem;
-    background-color: #fff;
-  }
-  .button-change {
-    display: none;
-  }
-}
-@media (max-width: 575.98px) {
-  .Breadcrumbs {
-    position: relative !important;
-    top: 0px !important;
-  }
-
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: relative;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-  }
-  .navigation {
-    width: 200px !important;
-    & div {
-      width: 190px !important;
-    }
-  }
-  .menu-bar-content {
-    max-width: 220px !important;
-    position: fixed;
-    top: 0px;
-    right: 0px !important;
-    background-color: #fff;
-    z-index: 9999999;
-  }
-  .button-main {
-    display: none;
-  }
-  .main-page {
-    position: fixed;
-    left: 0rem;
-    background-color: #fff;
-  }
-  .button-change {
-    display: none;
-  }
-}
-
-//mehdi
-</style>
diff --git a/layouts/list/layout/ItemShowPanel.vue b/layouts/list/layout/ItemShowPanel.vue
deleted file mode 100644
index 4230061..0000000
--- a/layouts/list/layout/ItemShowPanel.vue
+++ /dev/null
@@ -1,293 +0,0 @@
-<template>
-  <div class="menu-bar__content menu-bar-content home-list p-3">
-    <!-- <button @click="toggleSidebarMenu()" type="button" class="btn sidebar-toggler"
-      :class="{'expanded' : isSidebarCollapsed}">
-      <img src="assets/common/img/arrow-bar-left.svg" class="img-fluid" alt="">
-    </button> -->
-
-    <Breadcrumbs class="m-start mt-2" />
-
-    <div
-      class="home-list__content scroll-needed mt-4"
-      :class="{ loading: loading }"
-    >
-      <div class="last-search h-100">
-        <div class="last-search-content h-100" @scroll="loadMore">
-          <div v-if="items && items.length">
-            <div class="meta-list mb-3 prev-level" style="background:#F6F6F6">
-              <a
-                @click.prevent="goToListPage()"
-                :href="listGetter.title"
-                class="meta-list-item text__14"
-                :title="listGetter.title"
-              >
-                {{ listGetter.title }}
-              </a>
-            </div>
-            <div
-              v-for="(item, index, key) in items"
-              :id="item.id"
-              :key="item.id"
-              class="item"
-            >
-              <div
-                class="d-flex position-relative"
-                :class="{
-                  'is-selected': item.active ?? false,
-                }"
-              >
-                <a
-                  :class="{ active: item.active ?? false }"
-                  @click.prevent="showParagraphs(item, index, key)"
-                  :href="item.title"
-                  class="title"
-                  :title="item.title"
-                >
-                  <i class="tavasi tavasi-Component-149--3 ml-1"></i>
-                  {{ item.title }}
-                </a>
-              </div>
-            </div>
-          </div>
-          <no-data v-else />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapState, mapActions } from "pinia";
-import apis from "~/apis/listApi";
-
-export default {
-  props: {
-    listPanelUrl: {
-      default: "",
-    },
-  },
-  emits: ["show-paragraph"],
-  mounted() {
-    this.getListItem();
-  },
-  data() {
-    return {
-      prevActiveIndex: 0,
-      loading: false,
-      fetchingData: false,
-      items: [],
-      pagination: {
-        pages: 0,
-        total: 0,
-        page: 1,
-        offset: 0, // page * per_page
-        limit: 50, //per_page
-      },
-    };
-  },
-  computed: {
-    ...mapState(["isSidebarCollapsed"]),
-    ...mapState("list", [
-      "selectedProjectGetter",
-      "listIdGetter",
-      "selectedItemGetter",
-      "listGetter",
-    ]),
-  },
-  methods: {
-    ...mapActions("list", ["SET_IS_RETURN_FROM_ITEM_SHOW_PAGE"]),
-    showParagraphs(item, index) {
-      this.$emit("show-paragraph", item);
-
-      this.$set(this.items[this.prevActiveIndex], "active", false);
-      this.$set(this.items[index], "active", true);
-
-      this.prevActiveIndex = index;
-    },
-
-    getListItem() {
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        item_state: this.selectedProjectGetter?.item_state,
-        listid: this.listIdGetter,
-        subjectid: this.listIdGetter,
-        bychilds: 0,
-
-        ...this.pagination,
-        // offset: offset,
-        // limit: this.pagination.limit,
-      };
-
-      let url = apis.listItem.list;
-
-      if (this.$route.params.prevPage == "subjects")
-        url = apis.subjectRelation.list;
-
-      ApiService.formData(url, payload)
-        .then((res) => {
-          this.items = res.data.data;
-
-          this.items.forEach((element, index) => {
-            if (element.id == this.selectedItemGetter.id) {
-              element["active"] = true;
-              this.prevActiveIndex = index;
-            }
-          });
-
-          this.pagination = {...this.pagination,...res.data.pagination};
-
-        })
-        .catch((err) => {
-          this.mySwalToast({
-            title: err.response.data.message,
-            html: "",
-            text: "",
-            icon: "error",
-          });
-        })
-        .finally(() => {
-          this.fetchingData = false;
-        });
-    },
-    goToListPage() {
-      this.SET_IS_RETURN_FROM_ITEM_SHOW_PAGE(this.listGetter.parent);
-
-      const routeName = this.$route.params.prevPage;
-
-      this.$router.push({
-        name: routeName,
-      });
-    },
-    loadMore($event) {
-      // const listElm = document.querySelector("#last-search");
-      const listElm = $event.target;
-
-      const vm = this;
-      if (vm.busy) return;
-
-      if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
-        this.busy = true;
-        vm.pagination.offset = vm.pagination.offset + vm.pagination.limit;
-
-        if (vm.pagination.total > vm.pagination.offset) {
-          setTimeout(() => {
-            vm.getListOnScroll();
-          }, 300);
-        } else {
-          vm.mySwalToast({
-            title: "کاربر محترم",
-
-            html: "دیگر رکوردی جهت بارگزاری وجود ندارد.",
-            icon: "info",
-            position: "bottom-start",
-          });
-          vm.busy = false;
-        }
-      } else vm.busy = false;
-    },
-    getListOnScroll() {
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        item_state: this.selectedProjectGetter?.item_state,
-        listid: this.listIdGetter,
-        subjectid: this.listIdGetter,
-        bychilds: 0,
-
-        ...this.pagination,
-      };
-
-      let url = apis.listItem.list;
-
-      if (this.$route.params.prevPage == "subjects")
-        url = apis.subjectRelation.list;
-
-      ApiService.formData(url, payload)
-        .then((res) => {
-          this.items = [...this.items, ...res.data.data];
-
-          this.pagination = {...this.pagination,...res.data.pagination};
-
-        })
-        .finally(() => {
-          this.busy = false;
-        });
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.open-sub-folder {
-  text-decoration: none;
-
-  &:hover {
-    background-color: #eee;
-  }
-}
-
-.menu-bar__content {
-  position: static;
-  flex: 1 1 100%;
-  max-width: 305px;
-  width: auto;
-  min-width: 305px;
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8.5em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-
-      height: 100%;
-      background-color: #fff;
-
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-
-.sidebar-toggler {
-  right: 2.6em;
-
-  &.expanded {
-    right: 11.1em;
-  }
-}
-
-.meta-list {
-  display: flex;
-  align-items: ceter;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-  overflow: auto;
-
-  .meta-list-item {
-  }
-}
-</style>
diff --git a/layouts/list/layout/ListPanel.vue b/layouts/list/layout/ListPanel.vue
deleted file mode 100644
index 57a3a95..0000000
--- a/layouts/list/layout/ListPanel.vue
+++ /dev/null
@@ -1,580 +0,0 @@
-<template>
-  <div class="menu-bar__content menu-bar-content home-list p-3">
-    <!-- <button @click="toggleSidebarMenu()" type="button" class="btn sidebar-toggler"
-      :class="{'expanded' : isSidebarCollapsed}">
-      <img src="assets/common/img/arrow-bar-left.svg" class="img-fluid" alt="">
-    </button> -->
-
-    <Breadcrumbs class="m-start mt-2" />
-
-    <div class="home-list__header pt-3 pb-0">
-      <div class="flex-grow-1">
-        <form
-          class="search-form rounded-3 mx-0 w-100"
-          role="search"
-          @submit.prevent="sendQuery"
-        >
-          <div class="form-group">
-            <div class="d-flex">
-              <multiselect
-                :allow-empty="false"
-                :searchable="true"
-                :close-on-select="true"
-                :show-labels="false"
-                label="title"
-                track-by="id"
-                placeholder="انتخاب پروژه"
-                :value="selectedProjectGetter"
-                :options="projects"
-                @select="selectProject"
-                :hide-selected="false"
-                :limit-text="
-                  (count) => {
-                    return `و ${count} پروژه دیگر`;
-                  }
-                "
-                :max-height="200"
-              >
-              </multiselect>
-
-              <!-- <select
-                v-model="projectId"
-                class="form-control combo"
-                @change="getList()"
-              >
-                <option
-                  v-for="project in projects"
-                  :key="project.id"
-                  :value="project.id"
-                >
-                  {{ project.title }}
-                </option>
-              </select> -->
-
-              <div class="dropdown">
-                <button
-                  class="btn pl-0"
-                  type="button"
-                  id="dropdownMenu2"
-                  data-toggle="dropdown"
-                  aria-haspopup="true"
-                  aria-expanded="false"
-                >
-                  <i class="tavasi tavasi-Component-281--1"></i>
-                </button>
-                <div class="dropdown-menu " aria-labelledby="dropdownMenu2">
-                  <button
-                    class="dropdown-item text-right d-flex align-item-center"
-                    @click.prevent="showReplaceInput = !showReplaceInput"
-                    type="button"
-                  >
-                    <i class="tavasi tavasi-Component-78--9---2 mt-1"
-                      ><span class="path1"></span><span class="path2"></span
-                    ></i>
-                    <div class="mx-1">جستجو</div>
-                  </button>
-                  <button
-                    v-can="'list_new'"
-                    data-toggle="modal"
-                    data-target="#list-modal"
-                    @click.prevent="openModal()"
-                    class="dropdown-item text-right d-flex align-item-center "
-                    type="button"
-                  >
-                    <span class="tavasi tavasi-add-folder ml-1"
-                      ><span class="path1"></span><span class="path2"></span
-                      ><span class="path3"></span><span class="path4"></span
-                      ><span class="path5"></span><span class="path6"></span
-                      ><span class="path7"></span><span class="path8"></span
-                    ></span>
-                    <!-- <span class="tavasi tavasi-Component-133--1 mt-1"></span> -->
-                    <!-- <span class="tavasi tavasi-add"></span> -->
-                    <div class="mx-1">پوشه جدید</div>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="showReplaceInput" class="form-group">
-            <div class="input-group">
-              <input
-                v-model="searchForm.query"
-                type="search"
-                required
-                class="form-control"
-                id="search-query"
-                placeholder="جستجو..."
-                name="search-query"
-                aria-label="جستجو در اسناد، عناوین و واژگان"
-                aria-describedby="basic-addon1"
-                size="50"
-                @keyup="sendQuery()"
-                @keydown="onKeyDown()"
-              />
-              <div class="input-group-append">
-                <button
-                  @click="showReplaceInput = !showReplaceInput"
-                  type="button"
-                  class="input-group-text show-reset-btn"
-                  id="basic-addon1"
-                >
-                  <i class="tavasi tavasi-Component-294--1"></i>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-
-    <div class="home-list__content scroll-needed" :class="{ loading: loading }">
-      <div class="last-search h-100" id="last-search">
-        <div class="last-search-content h-100" @scroll="loadMore">
-          <div v-if="list && list.length">
-            <div
-              class="meta-list mb-3 prev-level"
-              style="background:#F6F6F6"
-              v-if="meta.length"
-            >
-              <div v-for="(metaItem, index) in meta">
-                <a
-                  :key="'meta' + metaItem.id"
-                  @click.prevent="getParentList(metaItem.parent_id)"
-                  :href="metaItem.title"
-                  class="meta-list-item text__14"
-                  :title="metaItem.title"
-                >
-                  {{ metaItem.title }}
-                </a>
-                <span
-                  :key="'id' + metaItem.id"
-                  style="font-size: 1.4rem; color:blue"
-                  v-if="index < meta.length - 1"
-                  class="tavasi tavasi-Component-22--1"
-                ></span>
-              </div>
-            </div>
-
-            <draggable
-              handle=".my-handle"
-              group="people"
-              @add="onDrop"
-              @choose="handleChoose"
-              @unchoose="handleUnChoose"
-              @change="handleChange"
-              :list="list"
-            >
-              <div
-                :id="item.id"
-                v-for="(item, index) in list"
-                :key="'id' + item.id"
-                class="item"
-              >
-                <div
-                  class="d-flex position-relative"
-                  :class="{ 'is-selected': item?.isSelected }"
-                >
-                  <rename-form
-                    v-if="
-                      item?.editMode && item?.parentComponent === 'listPanel'
-                    "
-                    :title="item.title"
-                    :loading="loading"
-                    @closeForm="item.editMode = false"
-                    @saveChanges="editItem($event, item, list)"
-                  ></rename-form>
-                  <div v-else>
-                    <a
-                      v-if="item.children"
-                      @click.prevent="getListChildren(item, index)"
-                      :href="item.title"
-                      class="open-sub-folder"
-                      :title="item.title"
-                    >
-                      <!-- <span
-                        v-if="item.children?.length"
-                        class="tavasi tavasi-remove"
-                      ></span> -->
-                      <span
-                        v-if="item.children?.length"
-                        class="tavasi tavasi-Component-154--22 ml-1"
-                      ></span>
-                      <!-- <span v-else class="tavasi tavasi-add"></span> -->
-                      <span
-                        v-else
-                        class="tavasi tavasi-Component-133--1 color-costom ml-1"
-                      ></span>
-                    </a>
-
-                    <a
-                      :class="{ active: item?.active ?? false }"
-                      @click.prevent="getItems(item, index)"
-                      :href="item.title"
-                      class="title"
-                      :title="item.title"
-                    >
-                      <span class="my-handle">
-                        <!--                  <i v-if="item.children === 0" class="tavasi tavasi-Component-149&#45;&#45;3"></i>-->
-                        <i
-                          v-if="!item.children || item.children.length === 0"
-                          class="tavasi tavasi-Component-149--3 ml-1"
-                        ></i>
-
-                        <!--                  <i v-else class="tavasi tavasi-Component-360&#45;&#45;58">-->
-                        <!--                    <span class="path1"></span>-->
-                        <!--                    <span class="path2"></span>-->
-                        <!--                  </i>-->
-                      </span>
-
-                      {{ item.title }}
-                    </a>
-                    <div v-if="!item?.isSelected">
-                      <context-menu
-                        v-can="'list_folder_edit'"
-                        :parentComponent="'listPanel'"
-                        :list="list"
-                        :clickedItem="item"
-                        :contextMenu="contextMenu"
-                        @remove-item="removeItem(item, list)"
-                        @update-order="updateOrder($event, item, list, index)"
-                        @new-sub-folder="
-                          openNewSubFolderModal(item, list, index)
-                        "
-                      >
-                      </context-menu>
-                    </div>
-                  </div>
-                </div>
-                <div v-if="Array.isArray(item.children)">
-                  <draggable
-                    handle=".my-handle"
-                    @add="onDrop"
-                    group="people"
-                    tag="ul"
-                    class="children list-unstyled"
-                    :list="item.children"
-                    :id="item.id"
-                  >
-                    <li
-                      :id="child.id"
-                      class="position-relative"
-                      v-for="(child, childIndex) in item.children"
-                      :key="child.title"
-                    >
-                      <rename-form
-                        v-if="
-                          child?.editMode &&
-                            child?.parentComponent === 'listPanel'
-                        "
-                        :title="child.title"
-                        :loading="loading"
-                        @closeForm="child.editMode = false"
-                        @saveChanges="editItem($event, child, item.children)"
-                      ></rename-form>
-                      <div v-else>
-                        <a
-                          :class="{ active: child?.active ?? false }"
-                          @click.prevent="getItems(child, childIndex)"
-                          :href="child.title"
-                          class="title"
-                          :title="child.title"
-                        >
-                          <span class="my-handle">
-                            <i
-                              v-if="child.children === 0"
-                              class="tavasi tavasi-Component-149--3 ml-1"
-                            ></i>
-
-                            <i v-else>
-                              <span class="path1"></span>
-                              <span class="path2"></span>
-                            </i>
-                          </span>
-
-                          {{ child.title }}
-                        </a>
-                        <div v-if="!child?.isSelected">
-                          <context-menu
-                            v-can="'list_folder_edit'"
-                            :parentComponent="'listPanel'"
-                            :list="item.children"
-                            :clickedItem="child"
-                            :contextMenu="contextMenu"
-                            @remove-item="removeItem(child, item.children)"
-                            @new-sub-folde="openNewSubFolderModal(child)"
-                            @update-order="
-                              updateOrder(
-                                $event,
-                                child,
-                                item.children,
-                                childIndex
-                              )
-                            "
-                          >
-                          </context-menu>
-                        </div>
-                      </div>
-                    </li>
-                  </draggable>
-                </div>
-              </div>
-            </draggable>
-          </div>
-          <no-data v-else />
-        </div>
-
-        <!--        <div class="last-search-footer" v-if="list.length > 0">-->
-        <!--          <button class="btn last-search-more-btn" type="button">بیشتر</button>-->
-        <!--        </div>-->
-      </div>
-    </div>
-
-    <div v-if="showModal">
-      <new-list-modal
-        :apiName="currentPageName"
-        :selectedItem="selectedItem"
-        :parentId="parentId"
-        @close-modal="closeModal"
-        @delete-item="updateList"
-        @update-list="updateList"
-      />
-    </div>
-
-    <div class="d-md-none hide-list-panel">
-      <button
-        name="button"
-        type="button"
-        class="toggle-mobile-nav"
-        @click="$emit('hide-panel')"
-      >
-      <svg class="icon icon-chevron-double-right">
-                  <use xlink:href="#icon-chevron-double-right"></use>
-                </svg>
-        <span class="collapse-text mr-2">بستن</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { listMixin } from "~/list/mixins/listMixin";
-import { searchMixin } from "~/list/mixins/searchMixin";
-import { dragDropMoveMixin } from "~/list/mixins/dragDropMoveMixin";
-
-export default {
-  props: ["items"],
-  mixins: [searchMixin, listMixin, dragDropMoveMixin],
-  emits: ["list-changed", "list-item-changed"],
-  activated() {
-    if (this.cached === false) {
-      this.cached = Date.now();
-    } else {
-      // time diff since cache, in seconds
-      const diff = (Date.now() - this.cached) / 1000;
-
-      // if cache is older than 30 seconds, invalidate
-      if (diff > 1800) {
-        this.cached = false;
-        this.getProjects();
-      }
-    }
-  },
-  mounted() {
-    this.$refs.topheader.modetab = 2;
-    this.$refs.topheader.state = 2;
-    if (this.tq != "") {
-      var item = this.tq;
-      this.checkMultiword(item);
-      this.$refs.topheader.setSearchLine(this.tq);
-      this.$refs.content.setTextSearch(this.tq, this.countInPage);
-      this.getQuery();
-    }
-  },
-  deactivated() {
-    // console.log("deactivated");
-  },
-
-  watch: {
-    isReturnFromItemshowPageGetter(id) {
-      this.getList(id);
-    },
-    // $route: {
-    //   handler(route) {
-    //     this.storeUserLastState(route.name);
-    //   },
-    //   nested: true,
-    //   immediate: true,
-    // },
-  },
-
-  data() {
-    return {
-      cached: false,
-      currentPageName: "list",
-      tq: this.q,
-      filterUrl: "",
-      loading: false,
-      showSummary: false,
-      countInPage: 10,
-      currentItem: [],
-      searchType: "",
-      searchCode: "all",
-      ismultword: false,
-      iscode: false,
-      page: 0,
-
-      cloneItems: [],
-      typingTimer: 0,
-      showReplaceInput: false,
-      doneTypingInterval: 1000,
-      searchForm: {
-        query: "",
-      },
-    };
-  },
-
-  methods: {
-    sendQuery() {
-      // todo: show loading.
-      // todo: send query and show result.
-      // todo: hide loading.
-
-      clearTimeout(this.typingTimer);
-      this.typingTimer = setTimeout(() => {
-        // request data from api
-      }, this.doneTypingInterval);
-    },
-    onKeyDown() {
-      clearTimeout(this.typingTimer);
-    },
-    resetForm() {
-      this.searchForm.query = "";
-      this.searchForm.replaceWith = "";
-      this.cloneItems = structuredClone(this.items);
-    },
-    
-    searchTyping(type) {
-      this.searchType = type;
-    },
-    searchCoding(code) {
-      this.searchCode = code;
-    },
-    resetOptions() {
-      this.page = 0;
-      this.filterUrl = "";
-      this.$refs.filterlist.resetFilter();
-    },
-    showfilter: function() {
-      this.$refs.filterlist.showfilter();
-    },
-    checkMultiword(item) {
-      this.ismultword = false;
-      if (item == null || item == "") return;
-      var ww = item.split(" ");
-      this.iscode = /^\d+$/.test(item);
-      if (this.iscode == false) this.ismultword = item.split(" ").length > 1;
-
-      this.$refs.topheader.setOptions(this.ismultword, this.iscode);
-    },
-    searchStart: function(item) {
-      if (item != null) {
-        item = item.trim();
-        this.tq = item;
-
-        this.checkMultiword(item);
-        this.$refs.content.setTextSearch(item, this.countInPage);
-      }
-      this.resetOptions();
-      this.getQuery();
-    },
-    changePaging: function(item) {
-      this.page = item;
-      this.getQuery(true);
-    },
-    hideSummary: function() {
-      this.showSummary = false;
-    },
-    changeCurrent: function(item) {
-      if (item == this.currentItem) this.showSummary = !this.showSummary;
-      else this.showSummary = true;
-      this.currentItem = item;
-      this.$refs.summary.setInfo(item);
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.open-sub-folder {
-  text-decoration: none;
-
-  &:hover {
-    background-color: #eee;
-  }
-}
-
-.menu-bar__content {
-  position: static;
-  flex: 1 1 100%;
-  max-width: 305px;
-  width: auto;
-  min-width: 305px;
-
-  &.show-list-panel {
-    right: 0 !important;
-  }
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8.5em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-
-      height: 100%;
-      background-color: #fff;
-
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-
-.sidebar-toggler {
-  right: 2.6em;
-
-  &.expanded {
-    right: 11.1em;
-  }
-}
-
-.meta-list {
-  display: flex;
-  align-items: ceter;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-  overflow: auto;
-
-  .meta-list-item {
-  }
-}
-</style>
diff --git a/layouts/list/layout/PropertyPanel.vue b/layouts/list/layout/PropertyPanel.vue
deleted file mode 100644
index cfbeebf..0000000
--- a/layouts/list/layout/PropertyPanel.vue
+++ /dev/null
@@ -1,613 +0,0 @@
-<template>
-  <div class="menu-bar__content menu-bar-content home-list p-3">
-    <Breadcrumbs />
-
-    <div class="home-list__header pt-3 pb-0">
-      <div class="flex-grow-1">
-        <form
-          class="search-form mx-0 w-100"
-          role="search"
-          @submit.prevent="sendQuery"
-        >
-          <div class="form-group">
-            <div class="d-flex">
-              <select
-                v-model="listTypeId"
-                class="form-control"
-                @change="getList()"
-              >
-                <option
-                  v-for="subject in subjects"
-                  :key="subject.id"
-                  :value="subject.id"
-                >
-                  {{ subject.title }}
-                </option>
-              </select>
-
-              <div class="context-menu-dropdown">
-                <div class="dropdown">
-                  <button
-                    class="btn pl-0"
-                    type="button"
-                    id="dropdownMenu2"
-                    data-toggle="dropdown"
-                    aria-haspopup="true"
-                    aria-expanded="false"
-                  >
-                    <i class="tavasi tavasi-Component-281--1"></i>
-                  </button>
-                  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
-                    <button
-                      class="dropdown-item text-right"
-                      @click.prevent="showReplaceInput = !showReplaceInput"
-                      type="button"
-                    >
-                      <i class="tavasi tavasi-Component-78--9---2"
-                        ><span class="path1"></span><span class="path2"></span
-                      ></i>
-                      جستجو
-                    </button>
-                    <button
-                      data-toggle="modal"
-                      data-target="#new-item-modal"
-                      @click.prevent="openModal()"
-                      class="dropdown-item text-right"
-                      type="button"
-                    >
-                      <span class="tavasi tavasi-Component-133--1"></span>
-                      <!-- <span class="tavasi tavasi-add"></span> -->
-                      پوشه جدید
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="showReplaceInput" class="form-group">
-            <div class="input-group">
-              <input
-                v-model="searchForm.query"
-                type="search"
-                required
-                class="form-control"
-                id="search-query"
-                placeholder="جستجو..."
-                name="search-query"
-                aria-label="جستجو در اسناد، عناوین و واژگان"
-                aria-describedby="basic-addon1"
-                size="50"
-                @keyup="sendQuery()"
-                @keydown="onKeyDown()"
-              />
-              <div class="input-group-append">
-                <button
-                  @click="showReplaceInput = !showReplaceInput"
-                  type="button"
-                  class="input-group-text show-reset-btn"
-                  id="basic-addon1"
-                >
-                  <i class="tavasi tavasi-Component-294--1"></i>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-
-    <div class="home-list__content scroll-needed" :class="{ loading: loading }">
-      <div class="last-search h-100">
-        <div class="last-search-content h-100">
-          <div v-if="list.length">
-            <div class="item mb-3 prev-level" v-if="meta.length">
-              <!--              <span style="font-size: 1.1rem;" class="tavasi tavasi-Component-71&#45;&#45;1 ml-2"></span>-->
-              <div v-for="(metaItem, index) in meta">
-                <a
-                  :key="metaItem.id"
-                  @click.prevent="getList(metaItem.parent)"
-                  :href="metaItem.title"
-                  class="title d-flex "
-                  :title="metaItem.title"
-                >
-                  {{ metaItem.title }}
-                </a>
-
-                <span
-                  style="font-size: 1.4rem;"
-                  v-if="index < meta.length - 1"
-                  class="tavasi tavasi-arrow-down"
-                ></span>
-              </div>
-            </div>
-
-            <div v-for="(item, index) in list" :key="item.title" class="item">
-              <draggable
-                :sort="false"
-                :disabled="false"
-                group="people"
-                @add="onDrop($event, item)"
-              >
-                <div
-                  class="d-flex position-relative"
-                  :class="{ 'is-selected': item?.isSelected }"
-                >
-                  <rename-form
-                    v-if="
-                      item?.editMode && item?.parentComponent === 'subjectPanel'
-                    "
-                    :title="item.title"
-                    :loading="loading"
-                    @closeForm="item.editMode = false"
-                    @saveChanges="editItem($event, item, list)"
-                  ></rename-form>
-
-                  <div v-else>
-                    <a
-                      v-if="item.children"
-                      @click.prevent="getListChildren(item, index)"
-                      :href="item.title"
-                      class="title"
-                      :title="item.title"
-                    >
-                      <span
-                        v-if="item.children?.length"
-                        class="tavasi tavasi-remove"
-                      ></span>
-                      <!-- <span v-else class="tavasi tavasi-add"></span> -->
-                      <span
-                        v-else
-                        class="tavasi tavasi-Component-133--1"
-                      ></span>
-                    </a>
-                    <a
-                      :class="{ active: item?.active ?? false }"
-                      @click.prevent="getItems(item, index)"
-                      :href="item.title"
-                      class="title"
-                      :title="item.title"
-                    >
-                      <i
-                        v-if="!item.children || item.children.length === 0"
-                        class="tavasi tavasi-Component-149--3"
-                      ></i>
-                      <!--                  <i v-if="item.children === 0" class="tavasi tavasi-Component-149&#45;&#45;3"></i>-->
-                      <!--                  <i v-else class="tavasi tavasi-Component-360&#45;&#45;58">-->
-                      <!--                    <span class="path1"></span>-->
-                      <!--                    <span class="path2"></span>-->
-                      <!--                  </i>-->
-                      {{ item.title }}
-                    </a>
-
-                    <div v-if="!item?.isSelected">
-                      <context-menu
-                        :parentComponent="'subjectPanel'"
-                        :list="list"
-                        :clickedItem="item"
-                        :contextMenu="contextMenu"
-                        @remove-item="removeItem(item, list)"
-                      >
-                      </context-menu>
-                    </div>
-                  </div>
-                </div>
-                <ul v-if="Array.isArray(item.children)" class="children">
-                  <li
-                    class="position-relative"
-                    v-for="(child, childIndex) in item.children"
-                    :key="child.title"
-                  >
-                    <rename-form
-                      v-if="
-                        child?.editMode &&
-                          child?.parentComponent === 'subjectPanel'
-                      "
-                      :title="child.title"
-                      :loading="loading"
-                      @closeForm="child.editMode = false"
-                      @saveChanges="editItem($event, child, item.children)"
-                    ></rename-form>
-                    <div v-else>
-                      <a
-                        @click.prevent="getItems(child, childIndex)"
-                        :href="child.title"
-                        class="title"
-                        :title="child.title"
-                      >
-                        <i
-                          v-if="child.children === 0"
-                          class="tavasi tavasi-Component-149--3"
-                        ></i>
-
-                        <i v-else class="tavasi tavasi-Component-360--58">
-                          <span class="path1"></span>
-                          <span class="path2"></span>
-                        </i>
-                        {{ child.title }}
-                      </a>
-                      <div v-if="!child?.isSelected">
-                        <context-menu
-                          :parentComponent="'subjectPanel'"
-                          :list="item.children"
-                          :clickedItem="child"
-                          :contextMenu="contextMenu"
-                          @remove-item="removeItem(child, item.children)"
-                        >
-                        </context-menu>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </draggable>
-            </div>
-          </div>
-          <no-data v-else />
-        </div>
-
-        <!--        <div class="last-search-footer" v-if="list.length > 0">-->
-        <!--          <button class="btn last-search-more-btn" type="button">بیشتر</button>-->
-        <!--        </div>-->
-      </div>
-    </div>
-
-    <div v-if="showModal">
-      <NewListModal
-        :listTypeId="listTypeId"
-        :selectedItem="selectedItem"
-        :parentId="parentId"
-        @close-modal="closeModal"
-        @delete-item="updateList"
-        @update-list="updateList"
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import apis from "~/apis/listApi";
-
-export default {
-  props: ["items", "subjectId", "index"],
-  emits: ["list-changed", "list-item-changed"],
-
-  data() {
-    return {
-      contextMenu: [],
-
-      subjects: [
-        {
-          id: 0,
-          title: "موضوعات",
-        },
-        {
-          id: 1,
-          title: "نمایه",
-          disabled: true,
-        },
-        {
-          id: 2,
-          title: "برچسب",
-          disabled: true,
-        },
-      ],
-      showModal: false,
-      prevSelectedItemIndex: undefined,
-      prevItem: undefined,
-
-      meta: [],
-      projects: [],
-      list: [],
-      listItem: [],
-      listTypeId: 0,
-      parentId: undefined,
-      selectedItem: {},
-
-      typingTimer: 0,
-      doneTypingInterval: 1000,
-
-      cloneItems: [],
-      loading: false,
-      searchForm: {
-        query: "",
-      },
-      editMode: false,
-      showReplaceInput: false,
-    };
-  },
-
-  methods: {
-    getListItem(subjectId, index) {
-      this.markActive(index);
-      if (this.fetchingData) return;
-      this.fetchingData = true;
-  
-      const payload = {
-        // projectid: this.listTypeId,
-        bychilds: 0,
-        projectid: 1,
-        subjectid: this.subjectId,
-
-        ...this.pagination,
-      };
-
-      ApiService.formData(apis.subjectRelation.list, payload)
-        .then((res) => {
-          this.listItem = res.data.data;
-          this.listItem.forEach((item, index) => {
-            Object.keys(item).forEach((value, key) => {
-              if (value === "resource") {
-                item[value] = this.getProjectTitle(item[value]);
-              }
-            });
-          });
-
-          this.pagination = {...this.pagination,...res.data.pagination};
-
-        })
-        
-        .finally(() => {
-          this.fetchingData = false;
-        });
-    },
-
-    addItemToList(itemId, listId) {
-      const payload = {
-        itemid: itemId,
-        listid: listId,
-        listtype: this.listTypeId,
-        projectid: 1,
-      };
-
-      ApiService.formData(apis.subject.add, payload).then((res) => {
-        this.mySwalToast({
-          title: "تبریک",
-          html: res.data.message,
-          icon: "success",
-        });
-      });
-    },
-    removeItem(listItem, listArray) {
-      this.mySwalConfirm({
-        title: "هشدار!!!",
-        html: `از حذف <b>${listItem.title}</b> اطمینان دارید؟ `,
-        icon: "warning",
-      }).then((result) => {
-        if (result.isConfirmed) {
-          const payload = {
-            subjectid: listItem.id,
-          };
-
-          ApiService.formData(apis.subject.delete, payload)
-            .then((res) => {
-              this.mySwalToast({
-                html: res.data.message,
-                icon: "success",
-              });
-
-              const indexOfList = listArray.findIndex(
-                (item) => item.id === listItem.id
-              );
-              listArray.splice(indexOfList, 1);
-            })
-            .catch((err) => {
-              this.mySwalToast({
-                title: "خطا!!!",
-                html: err.message,
-                icon: "error",
-              });
-            });
-        }
-      });
-    },
-    editItem(newTitle, subject, subjectArray) {
-      if (this.loading) return;
-      this.loading = true;
-
-      const model = {
-        title: newTitle,
-        subjectid: subject.id,
-        newparent: subject.parent ? subject.parent : 0,
-      };
-
-      ApiService.formData(apis.subject.edit, model)
-        .then((res) => {
-          list.editMode = false;
-
-          const resultIndex = subjectArray.findIndex(
-            (item) => subject.id === item.id
-          );
-
-          if (resultIndex > -1) {
-            this.$set(subjectArray[resultIndex], "title", newTitle);
-          }
-
-          this.mySwalToast({
-            title: "تبریک",
-
-            html: res.data.message,
-            icon: "success",
-          });
-        })
-        .catch((err) => {
-          this.mySwalToast({
-            title: "خطا!!!",
-            html: err?.message,
-            icon: "error",
-          });
-        })
-        .finally(() => (this.loading = false));
-    },
-
-    getListChildren(item, index) {
-      if (Array.isArray(item.children)) {
-        item = { ...item, ...{ children: item.children.length } };
-        this.$set(this.list, index, item);
-      } else {
-        const payload = {
-          parent: item.id,
-          sortby: "id",
-          offset: 0,
-          limit: 100,
-          listtype: this.listTypeId,
-          projectid: 1,
-        };
-
-        ApiService.formData(apis.subject.list, payload).then((res) => {
-          item = { ...item, ...{ children: res.data.data } };
-          this.$set(this.list, index, item);
-        });
-      }
-    },
-    getItems(item, index) {
-      if (Array.isArray(item.children)) {
-        this.$emit("set-selected-list", item.children[0]);
-        this.getListItem(item.children[0].id, index);
-      } else if (item.children > 0) {
-        this.parentId = item.id;
-        this.$emit("set-selected-list", item);
-        this.getList(item.id);
-      } else {
-        this.$emit("set-selected-list", item);
-
-        this.getListItem(item.id, index);
-      }
-    },
-    getList(parent = 0) {
-      const payload = {
-        parent: parent,
-        sortby: "id",
-        offset: 0,
-        limit: 100,
-        listtype: this.listTypeId,
-        projectid: 1,
-      };
-
-      ApiService.formData(apis.subject.list, payload).then((res) => {
-        this.list = res.data.data;
-        this.meta = res.data?.meta ?? [];
-
-        this.$emit("list-changed", {
-          subjectId: parent,
-          listTypeId: this.listTypeId,
-        });
-        // if (res.data.meta)
-        //   this.meta = res.data.meta.filter((item, index) => index > 0);
-      });
-    },
-
-    updateList() {
-      this.resetPagination();
-      this.closeModal();
-      this.getList(this.parentId);
-    },
-    resetPagination() {
-      this.pagination = {
-        pages: 0,
-        total: 0,
-          page: 1,
-          offset: 0,// page * per_page
-          limit: 50//per_page
-        }
-    },
-    markActive(index) {
-      if (this.prevSelectedItemIndex !== undefined) {
-        this.$set(this.list[this.prevSelectedItemIndex], "active", false);
-      }
-
-      this.prevSelectedItemIndex = index;
-      this.$set(this.list[index], "active", true);
-    },
-
-    sendQuery() {
-      // todo: show loading.
-      // todo: send query and show result.
-      // todo: hide loading.
-
-      clearTimeout(this.typingTimer);
-      this.typingTimer = setTimeout(() => {
-        // request data from api
-      }, this.doneTypingInterval);
-    },
-    onKeyDown() {
-      clearTimeout(this.typingTimer);
-    },
-    resetForm() {
-      this.searchForm.query = "";
-      this.searchForm.replaceWith = "";
-      this.cloneItems = structuredClone(this.items);
-    },
-
-    onDrop(ev, list) {
-      const itemId = ev.item["_underlying_vm_"]["id"];
-      const listId = list.id;
-
-      this.addItemToList(itemId, listId);
-    },
-    closeModal() {
-      $("#new-item-modal").modal("hide");
-
-      setTimeout(() => {
-        this.showModal = false;
-      }, 500);
-    },
-    openModal() {
-      this.showModal = true;
-
-      setTimeout(() => {
-        $("#new-item-modal").modal(
-          { backdrop: "static", keyboard: false },
-          "show"
-        );
-      }, 500);
-    },
-  },
-  mounted() {
-    this.this.contextMenu = require(`~/json//subjectContextMenu.json`).filter(
-      (item) => item.show
-    );
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.menu-bar__content {
-  position: static;
-  flex: 1 1 100%;
-  max-width: 305px;
-  width: auto;
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-
-      height: 100%;
-      background-color: #fff;
-
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-</style>
diff --git a/layouts/list/layout/SubjectPanel.vue b/layouts/list/layout/SubjectPanel.vue
deleted file mode 100644
index 89fe0b4..0000000
--- a/layouts/list/layout/SubjectPanel.vue
+++ /dev/null
@@ -1,676 +0,0 @@
-<template>
-  <div class="menu-bar__content menu-bar-content home-list p-3">
-    <!-- <button @click="toggleSidebarMenu()" type="button" class="btn sidebar-toggler"
-      :class="{'expanded' : isSidebarCollapsed}">
-      <img src="assets/common/img/arrow-bar-left.svg" class="img-fluid" alt="">
-    </button> -->
-    <Breadcrumbs />
-
-    <div class="home-list__header pt-3 pb-0">
-      <div class="flex-grow-1">
-        <form
-          class="search-form mx-0 w-100"
-          role="search"
-          @submit.prevent="sendQuery"
-        >
-          <div class="form-group">
-            <div class="d-flex">
-              <multiselect
-                :allow-empty="false"
-                :searchable="true"
-                :close-on-select="true"
-                :show-labels="false"
-                label="title"
-                track-by="id"
-                placeholder="انتخاب پروژه"
-                :value="selectedProjectGetter"
-                :options="projects"
-                @select="selectProject"
-                :hide-selected="false"
-                :limit-text="
-                  (count) => {
-                    return `و ${count} پروژه دیگر`;
-                  }
-                "
-                :max-height="200"
-              >
-              </multiselect>
-              <!--              <select-->
-              <!--                v-model="projectId"-->
-              <!--                class="form-control mr-1"-->
-              <!--                @change="getList()"-->
-              <!--              >-->
-              <!--                <option-->
-              <!--                  v-can="'subject_view'"-->
-              <!--                  v-for="project in projects"-->
-              <!--                  :key="project.id"-->
-              <!--                  :value="project.id"-->
-              <!--                >-->
-              <!--                  {{ project.title }}-->
-              <!--                </option>-->
-              <!--              </select>-->
-
-              <div class="context-menu-dropdown">
-                <div class="dropdown">
-                  <button
-                    class="btn pl-0"
-                    type="button"
-                    id="dropdownMenu2"
-                    data-toggle="dropdown"
-                    aria-haspopup="true"
-                    aria-expanded="false"
-                  >
-                    <i class="tavasi tavasi-Component-281--1"></i>
-                  </button>
-                  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
-                    <button
-                      class="dropdown-item text-right"
-                      @click.prevent="showReplaceInput = !showReplaceInput"
-                      type="button"
-                    >
-                      <i class="tavasi tavasi-Component-78--9---2"
-                        ><span class="path1"></span><span class="path2"></span
-                      ></i>
-                      جستجو
-                    </button>
-                    <button
-                      v-can="'subject_new'"
-                      data-toggle="modal"
-                      data-target="#list-modal"
-                      @click.prevent="openModal()"
-                      class="dropdown-item text-right"
-                      type="button"
-                    >
-                      <!-- <span class="tavasi tavasi-add"></span> -->
-                      <span class="tavasi tavasi-Component-133--1"></span>
-                      پوشه جدید
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div v-if="showReplaceInput" class="form-group">
-            <div class="input-group">
-              <input
-                v-model="searchForm.query"
-                type="search"
-                required
-                class="form-control"
-                id="search-query"
-                placeholder="جستجو..."
-                name="search-query"
-                aria-label="جستجو در اسناد، عناوین و واژگان"
-                aria-describedby="basic-addon1"
-                size="50"
-                @keyup="sendQuery()"
-                @keydown="onKeyDown()"
-              />
-              <div class="input-group-append">
-                <button
-                  @click="showReplaceInput = !showReplaceInput"
-                  type="button"
-                  class="input-group-text show-reset-btn"
-                  id="basic-addon1"
-                >
-                  <i class="tavasi tavasi-Component-294--1"></i>
-                </button>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-    </div>
-
-    <div class="home-list__content scroll-needed" :class="{ loading: loading }">
-      <div class="last-search h-100">
-        <div class="last-search-content h-100" @scroll="loadMore">
-          <div v-if="list.length">
-            <div class="meta-list mb-3 prev-level" v-if="meta.length">
-              <!--              <span style="font-size: 1.1rem;" class="tavasi tavasi-Component-71&#45;&#45;1 ml-2"></span>-->
-              <div v-for="(metaItem, index) in meta">
-                <a
-                  :key="'meta' + metaItem.id"
-                  @click.prevent="getParentList(metaItem.parent_id)"
-                  :href="metaItem.title"
-                  class="meta-list-item text__14"
-                  :title="metaItem.title"
-                >
-                  {{ metaItem.title }}
-                </a>
-                <span
-                  :key="'id' + metaItem.id"
-                  style="font-size: 1.4rem; color: blue"
-                  v-if="index < meta.length - 1"
-                  class="tavasi tavasi-Component-22--1"
-                ></span>
-              </div>
-            </div>
-            <!-- mehdi -->
-            <div class="select-export-container" v-if="list?.length">
-              <div class="dropdown">
-                <button
-                  class="btn btn-outline-light border-0 dropdown-toggle"
-                  type="button"
-                  data-toggle="dropdown"
-                  aria-expanded="false"
-                >
-                  <span class="tavasi tavasi-excel-file-2 ml-1"></span>
-                </button>
-                <div class="dropdown-menu">
-                  <button
-                    class="dropdown-item"
-                    type="button"
-                    :disabled="fetchingDataForExport"
-                    @click="exportJsonToExcel('current')"
-                    value="current"
-                  >
-                    جاری
-                  </button>
-                  <button
-                    class="dropdown-item"
-                    type="button"
-                    :disabled="fetchingDataForExport"
-                    @click="exportJsonToExcel('all')"
-                    value="all"
-                  >
-                    همه
-                  </button>
-                </div>
-              </div>
-            </div>
-            <!-- mehdi -->
-            <div
-              :id="item.id"
-              v-for="(item, index) in list"
-              :key="item.title"
-              class="item"
-            >
-              <draggable
-                handle=".my-handle"
-                group="people"
-                @add="onDrop"
-                @choose="handleChoose"
-                @unchoose="handleUnChoose"
-                @change="handleChange"
-                :list="list"
-              >
-                <div
-                  class="d-flex position-relative"
-                  :class="{ 'is-selected': item?.isSelected }"
-                >
-                  <rename-form
-                    v-if="
-                      item?.editMode &&
-                      item?.parentComponent === 'subjectPanel' &&
-                      !isGuest
-                    "
-                    :title="item.title"
-                    :loading="loading"
-                    @closeForm="item.editMode = false"
-                    @saveChanges="editItem($event, item, list)"
-                  ></rename-form>
-
-                  <div v-else>
-                    <a
-                      v-if="item.children"
-                      @click.prevent="getListChildren(item, index)"
-                      :href="item.title"
-                      class="open-sub-folder"
-                      :title="item.title"
-                    >
-                      <span class="my-handle">
-                        <svg
-                          v-if="item.children?.length"
-                          class="icon icon-Component-154--22 color-costom ml-1"
-                        >
-                          <use xlink:href="#icon-Component-154--22"></use>
-                        </svg>
-                        <svg
-                          v-else
-                          class="icon icon-Component-133--1 color-costom ml-1"
-                        >
-                          <use xlink:href="#icon-Component-133--1"></use>
-                        </svg>
-                      </span>
-                    </a>
-                    <a
-                      :class="{ active: item?.active ?? false }"
-                      @click.prevent="getItems(item, index)"
-                      :href="item.title"
-                      class="title"
-                      :title="item.title"
-                    >
-                      <span class="my-handle">
-                        <i
-                          v-if="!item.children || item.children.length === 0"
-                          class="tavasi tavasi-Component-149--3 ml-1"
-                        ></i>
-                        <!--                  <i v-if="item.children === 0" class="tavasi tavasi-Component-149&#45;&#45;3"></i>-->
-                        <!--                  <i v-else class="tavasi tavasi-Component-360&#45;&#45;58">-->
-                        <!--                    <span class="path1"></span>-->
-                        <!--                    <span class="path2"></span>-->
-                        <!--                  </i>-->
-                      </span>
-                      {{ item.title }}
-                    </a>
-
-                    <div v-if="!item?.isSelected && !isGuest">
-                      <!-- v-can="'list_edit'" -->
-                      <context-menu
-                        :parentComponent="'subjectPanel'"
-                        :list="list"
-                        :clickedItem="item"
-                        :contextMenu="contextMenu"
-                        @remove-item="removeItem(item, list)"
-                        @update-order="updateOrder($event, item, list, index)"
-                        @new-sub-folder="
-                          openNewSubFolderModal(item, list, index)
-                        "
-                      >
-                      </context-menu>
-                    </div>
-                  </div>
-                </div>
-                <ul v-if="Array.isArray(item.children)" class="children">
-                  <li
-                    class="position-relative"
-                    v-for="(child, childIndex) in item.children"
-                    :key="child.title"
-                  >
-                    <rename-form
-                      v-if="
-                        child?.editMode &&
-                        child?.parentComponent === 'subjectPanel' &&
-                        !isGuest
-                      "
-                      :title="child.title"
-                      :loading="loading"
-                      @closeForm="child.editMode = false"
-                      @saveChanges="editItem($event, child, item.children)"
-                    ></rename-form>
-                    <div v-else>
-                      <a
-                        @click.prevent="getItems(child, childIndex)"
-                        :href="child.title"
-                        class="title"
-                        :title="child.title"
-                      >
-                        <span class="my-handle">
-                          <svg
-                            v-if="child.children === 0"
-                            class="icon icon-Component-149--3 ml-1"
-                          >
-                            <use xlink:href="#icon-Component-149--3"></use>
-                          </svg>
-
-                          <!-- <i
-                          v-if="child.children === 0"
-                          class="tavasi tavasi-Component-149--3 ml-1"
-                        ></i> -->
-
-                          <svg
-                            v-else
-                            class="icon icon-Component-360--2 text__14 ml-1"
-                          >
-                            <use xlink:href="#icon-Component-360--2"></use>
-                          </svg>
-                          <!-- <i
-                          v-else
-                          class="tavasi tavasi-Component-360--58 text__14 ml-1"
-                        >
-                          <span class="path1"></span>
-                          <span class="path2"></span>
-                        </i> -->
-                        </span>
-                        {{ child.title }}
-                      </a>
-                      <div v-if="!child?.isSelected && !isGuest">
-                        <context-menu
-                          :parentComponent="'subjectPanel'"
-                          :list="item.children"
-                          :clickedItem="child"
-                          :contextMenu="contextMenu"
-                          @remove-item="removeItem(child, item.children)"
-                          @new-sub-folde="openNewSubFolderModal(child)"
-                          @update-order="
-                            updateOrder(
-                              $event,
-                              child,
-                              item.children,
-                              childIndex
-                            )
-                          "
-                        >
-                        </context-menu>
-                      </div>
-                    </div>
-                  </li>
-                </ul>
-              </draggable>
-            </div>
-          </div>
-          <no-data v-else />
-        </div>
-
-        <!--        <div class="last-search-footer" v-if="list.length > 0">-->
-        <!--          <button class="btn last-search-more-btn" type="button">بیشتر</button>-->
-        <!--        </div>-->
-      </div>
-    </div>
-
-    <div v-if="showModal && !isGuest">
-      <new-list-modal
-        :apiName="currentPageName"
-        :selectedItem="selectedItem"
-        :parentId="parentId"
-        @close-modal="closeModal"
-        @delete-item="updateList"
-        @update-list="updateList"
-      />
-    </div>
-
-    <div class="d-md-none hide-list-panel">
-      <button
-        name="button"
-        type="button"
-        class="toggle-mobile-nav"
-        @click="$emit('hide-panel')"
-      >
-        <svg class="s12 icon-chevron-double-lg-right">
-          <use
-            href="assets/common/img/icons.svg#chevron-double-lg-right"
-          ></use>
-        </svg>
-        <span class="collapse-text mr-2">بستن</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script>
-import apis from "~/apis/listApi";
-
-import { listMixin } from "~/list/mixins/listMixin";
-import { searchMixin } from "~/list/mixins/searchMixin";
-import { dragDropMoveMixin } from "~/list/mixins/dragDropMoveMixin";
-import { mapState } from "pinia";
-
-export default {
-  props: ["items"],
-  mixins: [searchMixin, listMixin, dragDropMoveMixin],
-  emits: ["list-changed", "list-item-changed"],
-  activated() {
-    if (this.cached === false) {
-      this.cached = Date.now();
-    } else {
-      // time diff since cache, in seconds
-      const diff = (Date.now() - this.cached) / 1000;
-
-      // if cache is older than 30 seconds, invalidate
-      if (diff > 1800) {
-        this.cached = false;
-        this.getProjects();
-      }
-    }
-  },
-  deactivated() {
-    // console.log("deactivated");
-  },
-  computed: {
-    ...mapState(["isGuest"]),
-  },
-  watch: {
-    isReturnFromItemshowPageGetter(id) {
-      this.getList(id);
-    },
-    // $route: {
-    //   handler(route) {
-    //     this.storeUserLastState(route.name);
-    //   },
-    //   nested: true,
-    //   immediate: true,
-    // },
-  },
-  data() {
-    return {
-      cached: false,
-
-      subjects: [],
-      listTypeId: 0,
-      currentPageName: "subject",
-    };
-  },
-  methods: {
-    async storeUserLastState(route) {
-      let payLoad = {
-        lastRouteName: route,
-        lastRouteUrl: route,
-        list: {
-          subjects: {
-            sorting: this.sorting,
-            pagination: this.pagination,
-            project: this.selectedProjectGetter,
-            item: this.selectedItemGetter,
-            listId: this.listIdGetter,
-            list: this.listGetter,
-          },
-        },
-      };
-      return await this.storeState(payLoad);
-    },
-    getProjects() {
-      this.checkPermissions({ permission: "subject_view", _this: this })
-        .then(() => {
-          const payload = {
-            isown: 3,
-            sortby: "created",
-            offset: 0,
-            limit: 100,
-            type: 3, // موضوع
-          };
-
-          ApiService.formData(apis.projects.list, payload).then((res) => {
-            const firstProject = res.data.data[0];
-            firstProject.meta = JSON.parse(firstProject.meta);
-            // console.log(firstProject.table_columns);
-            firstProject.table_columns = JSON.parse(firstProject.table_columns);
-
-            this.SET_SELECTED_PROJECT(firstProject);
-
-            this.$emit("list-changed", {
-              // listId: undefined,
-              // projectId: this.subjectProject.id,
-            });
-
-            this.projects = res.data.data;
-
-            this.getList();
-            this.$emit("can-view", true);
-          });
-        })
-        .catch(() => {
-          this.$emit("can-view", false);
-        });
-    },
-    getList(parent = 0) {
-      const payload = {
-        projectid: this.selectedProjectGetter?.id,
-        parent: parent,
-        sortby: "id",
-        offset: 0,
-        limit: 100,
-        listtype: this.listTypeId,
-      };
-
-      let self = this;
-
-      ApiService.formData(apis.subject.list, payload).then((res) => {
-        self.list = res.data.data;
-        self.meta = res.data?.meta ?? [];
-
-        self.$emit("list-changed", {
-          subjectId: parent,
-          listTypeId: self.listTypeId,
-        });
-
-        if (parent == 0) {
-          self.SET_LIST_ID(self.list[0].id);
-        } else {
-          self.SET_LIST_ID(parent);
-        }
-
-        self.SET_LIST(self.list[0]);
-        self.getListItem(self.list[0].id, 0);
-        self.switchActive(self.list[0]);
-
-        // if (res.data.meta)
-        //   this.meta = res.data.meta.filter((item, index) => index > 0);
-      });
-    },
-    addItemToList(itemId, listId) {
-      const payload = {
-        itemid: itemId,
-        listid: listId,
-        listtype: this.listTypeId,
-        projectid: this.selectedProjectGetter?.id,
-      };
-
-      ApiService.formData(apis.subject.add, payload).then((res) => {
-        // this.getList()
-
-        this.mySwalToast({
-          title: "تبریک",
-          html: res.data.message,
-          icon: "success",
-        });
-      });
-    },
-    editItem(newTitle, subject, subjectArray) {
-      if (this.loading) return;
-      this.loading = true;
-
-      const model = {
-        title: newTitle,
-        subjectid: subject.id,
-        projectid: this.selectedProjectGetter?.id,
-        // ,newparent: subject.parent ? subject.parent : 0, // نیاز نیست
-      };
-
-      ApiService.formData(apis.subject.edit, model)
-        .then((res) => {
-          subject.editMode = false;
-
-          const resultIndex = subjectArray.findIndex(
-            (item) => subject.id === item.id
-          );
-
-          if (resultIndex > -1) {
-            this.$set(subjectArray[resultIndex], "title", newTitle);
-          }
-
-          this.mySwalToast({
-            title: "موفق",
-            html: res.data.message,
-            icon: "success",
-          });
-        })
-        .catch((err) => {
-          this.mySwalToast({
-            title: "خطا!!!",
-            html: err?.message,
-            icon: "error",
-          });
-        })
-        .finally(() => (this.loading = false));
-    },
-
-    // onDrop(ev, list) {
-    //   const itemId = ev.item["_underlying_vm_"]["id"];
-    //   const listId = list.id;
-
-    //   this.addItemToList(itemId, listId);
-    // },
-    // onEnd(ev) {
-    // },
-  },
-
-};
-</script>
-
-<style scoped lang="scss">
-.my-handle {
-  color: #ccc;
-}
-.menu-bar__content {
-  position: static;
-  flex: 1 1 100%;
-  max-width: 305px;
-  width: auto;
-  &.show-list-panel {
-    right: 0 !important;
-  }
-}
-
-.home-list__content {
-  /*max-height: calc(100vh - 12em);*/
-  height: calc(100vh - 8em);
-  position: relative;
-  overflow-x: hidden;
-  padding-left: 0.3em;
-
-  &.loading {
-    //background-image: url('./img/item-loading.svg');
-    background-repeat: repeat-y;
-    background-position: top right;
-    background-size: 12em;
-
-    &::before {
-      content: "";
-      clear: both;
-
-      position: absolute;
-      right: 0;
-      width: 0.5em;
-
-      height: 100%;
-      background-color: #fff;
-
-      animation-name: example;
-      animation-duration: 2s;
-      animation-fill-mode: forwards;
-      animation-iteration-count: infinite;
-      animation-timing-function: ease-in-out;
-    }
-  }
-}
-
-.sidebar-toggler {
-  right: 2.6em;
-
-  &.expanded {
-    right: 11.1em;
-  }
-}
-
-.meta-list {
-  display: flex;
-  align-items: ceter;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-  overflow: auto;
-
-  .meta-list-item {
-  }
-}
-
-//mehdi
-.select-export-container {
-  position: relative;
-  top: -5px;
-  left: 12rem;
-  //lefr: 0px;
-}
-//mehdi
-</style>
diff --git a/layouts/list/layout/aside.vue b/layouts/list/layout/aside.vue
deleted file mode 100644
index 3f3efcb..0000000
--- a/layouts/list/layout/aside.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="menu-bar__container">
-    <ul class="menu-bar__link link-bar">
-      <li class="link-bar__item">
-        <a @click.prevent="redirectToRouteName()" href="/" class="btn dashboard-btn">
-          <img style="width: 1em;height: 1em;" src="assets/list/img/hamburger-menu.svg" class="img-fluid" alt="سامانه ها">
-          <span class="mx-1">سامانه ها</span>
-        </a>
-      </li>
-      <li
-          v-for="(item, i) in menu"
-          :key="i"
-          :class="
-          item.actionMode == currentMode
-            ? 'link-bar__item  color-' + item.color + ' active'
-            : 'link-bar__item  color-' + item.color
-        "
-      >
-        <router-link
-            :to="item.link" :title="item.title">
-          <i :class="item.icon">
-            <span class="path1"></span><span class="path2"></span
-          ></i>
-        </router-link>
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-import menu from "~/json/list/json/sidebar.json"
-
-export default {
-  props: ["currentMode"],
-
-  data() {
-    return {
-      menu: menu
-    };
-  },
-
-  
-
-};
-</script>