1019 lines
32 KiB
Vue
1019 lines
32 KiB
Vue
|
<template>
|
|||
|
|
<section class="myResearches" :class="{ expanded: !isSidebarCollapsed }">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="row align-items-end border-bottom">
|
|||
|
|
<div class="col-12 pt-3">
|
|||
|
|
<div class="row align-items-center mb-3">
|
|||
|
|
<div class="col col-lg-auto order-1">
|
|||
|
|
<div class="d-flex align-items-center">
|
|||
|
|
<button
|
|||
|
|
name="button"
|
|||
|
|
type="button"
|
|||
|
|
class="toggle-mobile-nav dropdown-hamburger d-md-none"
|
|||
|
|
@click.prevent="toggleSidebarMenu()"
|
|||
|
|
>
|
|||
|
|
<span class="sr-only">باز کردن منوی کنار</span>
|
|||
|
|
<svg class="s18" data-testid="sidebar-icon">
|
|||
|
|
<use href="assets/common/img/icons.svg#sidebar"></use>
|
|||
|
|
</svg>
|
|||
|
|
</button>
|
|||
|
|
|
|||
|
|
<router-link
|
|||
|
|
:to="{
|
|||
|
|
name: 'defaultRoute',
|
|||
|
|
}"
|
|||
|
|
classes="btn me-3"
|
|||
|
|
>
|
|||
|
|
<img
|
|||
|
|
:src="logoPhoto()"
|
|||
|
|
:alt="appLongTitle"
|
|||
|
|
class="img-fluid logo"
|
|||
|
|
style="max-width: 3.3em"
|
|||
|
|
/>
|
|||
|
|
</router-link>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-12 col-lg-6 order-3 order-lg-2">
|
|||
|
|
<div class="search-container">
|
|||
|
|
<div
|
|||
|
|
class="input-group"
|
|||
|
|
@keyup="keyupdiv"
|
|||
|
|
style="box-shadow: 0 1px 3px rgba(23, 23, 23, 0.24)"
|
|||
|
|
>
|
|||
|
|
<VMenu class="my-vmenu">
|
|||
|
|
<div class="input-group-prepend">
|
|||
|
|
<button
|
|||
|
|
type="button"
|
|||
|
|
@click.prevent="showAdvancedSearch"
|
|||
|
|
title="جستجوی پیشرفته"
|
|||
|
|
class="btn"
|
|||
|
|
>
|
|||
|
|
پیشرفته؟
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<slot name="popper">
|
|||
|
|
<div
|
|||
|
|
class="my-tooltip-content"
|
|||
|
|
v-html="
|
|||
|
|
getHtmlTooltip2(
|
|||
|
|
'research',
|
|||
|
|
'research_advance',
|
|||
|
|
'TKVLBY8BPd2Jp_XrBZq0'
|
|||
|
|
)
|
|||
|
|
"
|
|||
|
|
></div>
|
|||
|
|
</slot>
|
|||
|
|
</VMenu>
|
|||
|
|
|
|||
|
|
<input
|
|||
|
|
type="text"
|
|||
|
|
v-model="textSearch"
|
|||
|
|
@keyup.enter="slmSearchStart()"
|
|||
|
|
@click="showHisory()"
|
|||
|
|
class="form-control"
|
|||
|
|
id="research"
|
|||
|
|
placeholder="جستجو در تمام تحقیقات"
|
|||
|
|
autocomplete="off"
|
|||
|
|
ref="searchinput"
|
|||
|
|
@focus="inputfocused = true"
|
|||
|
|
@blur="inputfocused = false"
|
|||
|
|
v-focus
|
|||
|
|
/>
|
|||
|
|
<div class="input-group-append">
|
|||
|
|
<button
|
|||
|
|
v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
|
|||
|
|
class="btn dropdown-toggle"
|
|||
|
|
type="button"
|
|||
|
|
data-bs-toggle="dropdown"
|
|||
|
|
aria-haspopup="true"
|
|||
|
|
aria-expanded="false"
|
|||
|
|
>
|
|||
|
|
<span class="navItemlabel">
|
|||
|
|
{{ domainActiveGetter?.label }}
|
|||
|
|
</span>
|
|||
|
|
</button>
|
|||
|
|
<div class="dropdown-menu">
|
|||
|
|
<button
|
|||
|
|
v-for="(navItem, index) in searchDomain"
|
|||
|
|
:key="index"
|
|||
|
|
type="button"
|
|||
|
|
class="dropdown-item"
|
|||
|
|
@click.prevent="setSelectedNavItem(navItem)"
|
|||
|
|
>
|
|||
|
|
{{ navItem.label }}
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<button
|
|||
|
|
v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
|
|||
|
|
@click.prevent="slmSearchStart()"
|
|||
|
|
class="btn btn-primary search-icon"
|
|||
|
|
>
|
|||
|
|
<svg class="icon icon-Component-198--1">
|
|||
|
|
<use xlink:href="#icon-Component-198--1"></use>
|
|||
|
|
</svg>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
v-if="showItem == 3 && listAutocomplate.length"
|
|||
|
|
class="search-page__result"
|
|||
|
|
:class="{
|
|||
|
|
show: listAutocomplate.length,
|
|||
|
|
}"
|
|||
|
|
v-click-outside="onClickOutside"
|
|||
|
|
>
|
|||
|
|
<ul ref="aut_ul">
|
|||
|
|
<li v-for="(item, i) in listAutocomplate" :key="i">
|
|||
|
|
<a @click.prevent="selectAutocomplate(item.text)">
|
|||
|
|
<span
|
|||
|
|
class="text__14"
|
|||
|
|
v-html="getHighlight(item.text)"
|
|||
|
|
></span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
v-if="showItem == 1"
|
|||
|
|
class="search-page__result"
|
|||
|
|
:class="{
|
|||
|
|
show: historySearch.length,
|
|||
|
|
}"
|
|||
|
|
v-click-outside="onClickOutside"
|
|||
|
|
>
|
|||
|
|
<div>
|
|||
|
|
<div class="scrollbar">
|
|||
|
|
<ul ref="his_ul">
|
|||
|
|
<li v-for="(item, i) in historySearch" :key="i">
|
|||
|
|
<a @click="selectHistorySearch(item)">
|
|||
|
|
<img
|
|||
|
|
src="assets/common/img/Component 359 – 2.svg"
|
|||
|
|
alt=""
|
|||
|
|
/>
|
|||
|
|
<span class="text__14">{{ item }}</span>
|
|||
|
|
</a>
|
|||
|
|
<a @click="removeHistorySearch(i)" class="close">
|
|||
|
|
<svg class="icon icon-Component-294--1">
|
|||
|
|
<use xlink:href="#icon-Component-294--1"></use>
|
|||
|
|
</svg>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
v-show="showItem == 2"
|
|||
|
|
:class="{ show: showItem == 2 }"
|
|||
|
|
class="search-page__filters"
|
|||
|
|
>
|
|||
|
|
<!-- <form action="">
|
|||
|
|
<div class="item">
|
|||
|
|
<input
|
|||
|
|
type="checkbox"
|
|||
|
|
name="doc-priority"
|
|||
|
|
id="doc-priority"
|
|||
|
|
v-model="setRankCheck"
|
|||
|
|
/>
|
|||
|
|
<label for="doc-priority" class="text__14"
|
|||
|
|
>جستجو با اولویت متن اسناد</label
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
<div class="item">
|
|||
|
|
<input
|
|||
|
|
type="checkbox"
|
|||
|
|
name="search-in"
|
|||
|
|
id="search-in"
|
|||
|
|
/>
|
|||
|
|
<label for="search-in" class="text__14"
|
|||
|
|
>جستجو فقط در
|
|||
|
|
</label>
|
|||
|
|
<div class="select">
|
|||
|
|
<select name="" id="">
|
|||
|
|
<option
|
|||
|
|
value=""
|
|||
|
|
v-for="(item, i) in setListItems"
|
|||
|
|
:key="i"
|
|||
|
|
>
|
|||
|
|
{{ item }}
|
|||
|
|
</option>
|
|||
|
|
</select>
|
|||
|
|
<span class="drop-down">
|
|||
|
|
<img
|
|||
|
|
src="assets/common/img/Path 13419.svg"
|
|||
|
|
alt=""
|
|||
|
|
/>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</form> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-auto col-lg order-2 order-lg-3">
|
|||
|
|
<div class="d-flex justify-content-end" v-if="!isMajlesBuild">
|
|||
|
|
<user-avatar-dropdown class="">
|
|||
|
|
<router-link
|
|||
|
|
:to="{ name: 'searchAbout' }"
|
|||
|
|
class="dropdown-item"
|
|||
|
|
>درباره ما</router-link
|
|||
|
|
>
|
|||
|
|
<router-link
|
|||
|
|
:to="{ name: 'searchConnect' }"
|
|||
|
|
class="dropdown-item"
|
|||
|
|
>تماس با ما</router-link
|
|||
|
|
>
|
|||
|
|
</user-avatar-dropdown>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div
|
|||
|
|
v-if="showButton"
|
|||
|
|
class="circle--button"
|
|||
|
|
@click.prevent="changeHideFilter(0)"
|
|||
|
|
ref="circle"
|
|||
|
|
>
|
|||
|
|
<svg
|
|||
|
|
class="s12 icon-chevron-double-lg-left"
|
|||
|
|
data-testid="chevron-double-lg-left-icon"
|
|||
|
|
>
|
|||
|
|
<use
|
|||
|
|
href="assets/common/img/icons.svg#chevron-double-lg-left"
|
|||
|
|
></use>
|
|||
|
|
</svg>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div
|
|||
|
|
class="col-8 col-lg-2 filter-list-container"
|
|||
|
|
:class="{ expanded: showFilter }"
|
|||
|
|
ref="showFilter"
|
|||
|
|
>
|
|||
|
|
<div class="mobile-mode">
|
|||
|
|
<button class="btn" @click.prevnet="showFilter = !showFilter">
|
|||
|
|
<svg
|
|||
|
|
v-if="showFilter"
|
|||
|
|
class="icon icon-chevron-double-right ms-1"
|
|||
|
|
>
|
|||
|
|
<use xlink:href="#icon-chevron-double-right"></use>
|
|||
|
|
</svg>
|
|||
|
|
<svg v-else class="icon icon-chevron-double-left">
|
|||
|
|
<use xlink:href="#icon-chevron-double-left"></use>
|
|||
|
|
</svg>
|
|||
|
|
<!-- بستن فیلتر -->
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<FilterList
|
|||
|
|
v-if="researchSchemaGetter"
|
|||
|
|
@filterUpdate="filterUpdate"
|
|||
|
|
@changeHideFilter="changeHideFilter($event)"
|
|||
|
|
ref="filterlist"
|
|||
|
|
:lastSearchInListMode="lastSearchInListMode"
|
|||
|
|
:changePageFilter="changePageFilter"
|
|||
|
|
class="filterList"
|
|||
|
|
></FilterList>
|
|||
|
|
|
|||
|
|
<AdvancedSearch
|
|||
|
|
v-if="researchSchemaGetter && researchSchemaGetter[0].advance"
|
|||
|
|
v-show="hideAdvancedSearch"
|
|||
|
|
@searchStart="slmSearchStart($event)"
|
|||
|
|
@closeAdvancedSearch="closeAdvancedSearch"
|
|||
|
|
@set-query-advanced="setQueryAdvanced($event)"
|
|||
|
|
></AdvancedSearch>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col">
|
|||
|
|
<div v-if="!showNoAnswer()">
|
|||
|
|
<component
|
|||
|
|
:key="reRender"
|
|||
|
|
:is="contentComponentName"
|
|||
|
|
:listAnswer="listAnswer"
|
|||
|
|
:summeryKeys="['content', 'mindex', 'mintro']"
|
|||
|
|
:pagination="pagination"
|
|||
|
|
:tq="textSearch"
|
|||
|
|
@changeCurrent="changeCurrent"
|
|||
|
|
@changePage="changePaging"
|
|||
|
|
@researchModalHandler="researchModalHandler"
|
|||
|
|
@updateForDeleteResearch="getQueryForResearch()"
|
|||
|
|
ref="content"
|
|||
|
|
></component>
|
|||
|
|
</div>
|
|||
|
|
<no-data v-else>
|
|||
|
|
<div class="d-flex justify-content-center align-items-center">
|
|||
|
|
<div
|
|||
|
|
class="alert alert-warning d-flex flex-column justify-content-center"
|
|||
|
|
>
|
|||
|
|
<div class="mb-3">پاسخی برای جستجوی شما یافت نشد.</div>
|
|||
|
|
<div class="mb-3" v-if="textSearch">
|
|||
|
|
<label>عبارت جستجو :</label>
|
|||
|
|
<strong> {{ textSearch }}</strong>
|
|||
|
|
</div>
|
|||
|
|
<div class="mb-3" v-if="filterUrl">
|
|||
|
|
<label>فیلتر :</label>
|
|||
|
|
<strong> {{ filterUrl }}</strong>
|
|||
|
|
</div>
|
|||
|
|
<div class="mb-3" v-if="domain_lable">
|
|||
|
|
<label>دامنه :</label>
|
|||
|
|
<strong> {{ domain_lable }}</strong>
|
|||
|
|
</div>
|
|||
|
|
<div class="mb-3">
|
|||
|
|
<label>نوع جستجو :</label>
|
|||
|
|
<strong> {{ searchType_lable }}</strong>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</no-data>
|
|||
|
|
<base-modal-v2
|
|||
|
|
v-if="showModal"
|
|||
|
|
@close="closeBaseModal"
|
|||
|
|
:showHeaderCloseButton="true"
|
|||
|
|
:hasFooter="false"
|
|||
|
|
:modalTitle="modalTitle"
|
|||
|
|
width="750px"
|
|||
|
|
height="463px"
|
|||
|
|
overflow="hidden"
|
|||
|
|
:showSaveButton="true"
|
|||
|
|
:showCloseButton="true"
|
|||
|
|
:showDeleteButton="false"
|
|||
|
|
>
|
|||
|
|
<slot> {{ modalTitle }}</slot>
|
|||
|
|
|
|||
|
|
<slot name="body">
|
|||
|
|
<component
|
|||
|
|
:is="slotComponentName"
|
|||
|
|
:valueModal="valueModalResearch"
|
|||
|
|
@closeAfterSaving="closeAfterSaving"
|
|||
|
|
height="100%"
|
|||
|
|
></component>
|
|||
|
|
</slot>
|
|||
|
|
</base-modal-v2>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
v-if="showSummary"
|
|||
|
|
class="col-8 col-lg-3 summary-container"
|
|||
|
|
:class="{ expanded: showSummary }"
|
|||
|
|
>
|
|||
|
|
<component
|
|||
|
|
ref="summary"
|
|||
|
|
:currentItem="currentItem"
|
|||
|
|
:page="page"
|
|||
|
|
:is="summaryComponentName"
|
|||
|
|
@hideSummary="hideSummary"
|
|||
|
|
></component>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import searchLineMixin from "~/research/mixins/searchLineMixin.js";
|
|||
|
|
import { mapActions, mapState } from "pinia";
|
|||
|
|
import researchApi from "~/apis/researchApi";
|
|||
|
|
|
|||
|
|
import { useResearchStore } from "~/stores/researchStore";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
mixins: [searchLineMixin],
|
|||
|
|
watch: {
|
|||
|
|
$route: {
|
|||
|
|
handler: function (to, from) {
|
|||
|
|
// this.getSchemas();
|
|||
|
|
this.setInputText(to.query.q);
|
|||
|
|
this.state = 2;
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if (this.textSearch != undefined && this.textSearch != "") {
|
|||
|
|
this.searchStart(this.textSearch);
|
|||
|
|
} else {
|
|||
|
|
this.getDefaultByFilter();
|
|||
|
|
// if (this.$refs.content) {
|
|||
|
|
// this.$refs.content?.$el.classList.add("component");
|
|||
|
|
// this.$refs.content.$el.style.right += 17 + "%";
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
topRepeatInListMode(navItem) {
|
|||
|
|
if (navItem == true) {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$refs.dropdownSortlist.classList.remove("opacity");
|
|||
|
|
// this.$refs.circle.classList.remove("opacity");
|
|||
|
|
this.againsetlist(this.lists);
|
|||
|
|
}, 100);
|
|||
|
|
} else {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.$refs.dropdownSortlist.classList.add("opacity");
|
|||
|
|
// this.$refs.circle.classList.add("opacity");
|
|||
|
|
}, 100);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
researchActiveSchemaGetter(newVal) {
|
|||
|
|
if (newVal?.domain) {
|
|||
|
|
this.setSearchDomain(newVal);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
beforeMount() {
|
|||
|
|
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.researchActiveSchemaSetter(this.myActiveSchema);
|
|||
|
|
// let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;
|
|||
|
|
if (this.researchActiveSchemaGetter?.domain) {
|
|||
|
|
this.setSearchDomain(this.researchActiveSchemaGetter);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (window.outerWidth < 992) {
|
|||
|
|
this.$store.commit("TOGGLE_SIDEBAR_MENU");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.modetab = 0;
|
|||
|
|
this.state = 2;
|
|||
|
|
// }
|
|||
|
|
if (this.$route.query.q) {
|
|||
|
|
this.setInputText(this.$route.query.q);
|
|||
|
|
}
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if (this.textSearch != undefined && this.textSearch != "") {
|
|||
|
|
this.searchStart(this.textSearch);
|
|||
|
|
} else {
|
|||
|
|
// this.getDefaultByFilter();
|
|||
|
|
this.getQueryForResearch();
|
|||
|
|
// if (this.$refs.content) {
|
|||
|
|
// this.$refs.content?.$el.classList.add("component");
|
|||
|
|
// this.$refs.content.$el.style.right += 17 + "%";
|
|||
|
|
// }
|
|||
|
|
}
|
|||
|
|
}, 500);
|
|||
|
|
// ++this.rerenderChart;
|
|||
|
|
},
|
|||
|
|
beforeDestroy() {
|
|||
|
|
window.removeEventListener("resize", this.handleResize);
|
|||
|
|
window.removeEventListener("load", this.handleResize);
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
showModal: false,
|
|||
|
|
modalTitle: null,
|
|||
|
|
slotComponentName: null,
|
|||
|
|
valueModalResearch: {},
|
|||
|
|
// Restored from searchLineMixin
|
|||
|
|
typingTimer: 0,
|
|||
|
|
doneTypingInterval: 500,
|
|||
|
|
listAutocomplate: [],
|
|||
|
|
historySearch: [],
|
|||
|
|
searchDomain: [],
|
|||
|
|
showItem: 0,
|
|||
|
|
inputfocused: false,
|
|||
|
|
|
|||
|
|
listAnswer: [],
|
|||
|
|
showFilter: false,
|
|||
|
|
showDropdown: false,
|
|||
|
|
showDropdownNavigateList: false,
|
|||
|
|
navigateListPart2: [],
|
|||
|
|
navigateListItem: "",
|
|||
|
|
httpService: undefined,
|
|||
|
|
listChangeItem: "",
|
|||
|
|
showListPanel: false,
|
|||
|
|
showSearchLine: true,
|
|||
|
|
state: 2,
|
|||
|
|
modetab: 0,
|
|||
|
|
totalCount: 0,
|
|||
|
|
typeCount: "",
|
|||
|
|
ismultiWord: false,
|
|||
|
|
iscode: false,
|
|||
|
|
listAmplify: [],
|
|||
|
|
filterNavigate: [],
|
|||
|
|
amplifyIndex: -1,
|
|||
|
|
number: 0,
|
|||
|
|
|
|||
|
|
showfilterCategory: true,
|
|||
|
|
activeListItem: undefined,
|
|||
|
|
treeLists: "",
|
|||
|
|
|
|||
|
|
total_answer: 0,
|
|||
|
|
showButton: false,
|
|||
|
|
showSummary: false,
|
|||
|
|
windowWidth: window?.innerWidth,
|
|||
|
|
topRepeatInListMode: true,
|
|||
|
|
activeSortItem: undefined,
|
|||
|
|
changePageFilter: "",
|
|||
|
|
|
|||
|
|
lastSearchInListMode: true,
|
|||
|
|
searchingState: false,
|
|||
|
|
meets: [],
|
|||
|
|
textSearch: "",
|
|||
|
|
domain_key: "",
|
|||
|
|
domain_lable: "",
|
|||
|
|
filterUrl: "",
|
|||
|
|
loading: false,
|
|||
|
|
showSummary: false,
|
|||
|
|
showTermSummary: false,
|
|||
|
|
countInPage: 10,
|
|||
|
|
currentItem: [],
|
|||
|
|
searchCode: "all",
|
|||
|
|
searchTab: "searchResult",
|
|||
|
|
searchType: "typeNormal",
|
|||
|
|
searchType_lable: "عادی",
|
|||
|
|
ismultword: true,
|
|||
|
|
iscode: false,
|
|||
|
|
reRender: 1,
|
|||
|
|
hideAdvancedSearch: false,
|
|||
|
|
page: 0,
|
|||
|
|
setQuery: "",
|
|||
|
|
textAmplify: "",
|
|||
|
|
liSelected: null,
|
|||
|
|
lists: "",
|
|||
|
|
pagination: {
|
|||
|
|
page: 1,
|
|||
|
|
pages: 0,
|
|||
|
|
total: 0,
|
|||
|
|
offset: 0, // page * per_page
|
|||
|
|
limit: 10, //per_page
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
...mapState(useSearchStore, [
|
|||
|
|
"domainActiveGetter",
|
|||
|
|
"searchActiveTabGetter",
|
|||
|
|
"searchSchemaGetter",
|
|||
|
|
]),
|
|||
|
|
...mapState(useResearchStore, [
|
|||
|
|
"researchSchemaGetter",
|
|||
|
|
"researchActiveSchemaGetter",
|
|||
|
|
]),
|
|||
|
|
...mapState([
|
|||
|
|
"currentUser",
|
|||
|
|
"selectedlists",
|
|||
|
|
"organNameGetter",
|
|||
|
|
"isSidebarCollapsed",
|
|||
|
|
]),
|
|||
|
|
|
|||
|
|
myActiveSchema() {
|
|||
|
|
return this.researchSchemaGetter?.find((item) => {
|
|||
|
|
return item.key == "research";
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
contentComponentName(key) {
|
|||
|
|
// if (key == "qanon") return "ResearchContent";
|
|||
|
|
// else if (key == "mqanon" || key == "nqanon") return "MajlesQanonContent";
|
|||
|
|
// else if (key == "qqanon") return "MajlesQavaninContent";
|
|||
|
|
// else if (key == "mqsection") return "MajlesSectionContent";
|
|||
|
|
// else if (key == "mashruh") return "MajlesMashruhContent";
|
|||
|
|
// else if (key == "term") return "TermContent";
|
|||
|
|
// else if (key == "emamain") return "EmamainContent";
|
|||
|
|
// else if (key == "nesha") return "NeshaContent";
|
|||
|
|
// else if (key == "qasection") return "MajlesQaSectionContent";
|
|||
|
|
|
|||
|
|
return "ResearchContent";
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
summaryComponentName() {
|
|||
|
|
let key = this.searchActiveTabGetter?.key;
|
|||
|
|
if (key == "term") return "TermSummary";
|
|||
|
|
return "Summary";
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
isAdmin() {
|
|||
|
|
return this.currentUser.user_level > 1;
|
|||
|
|
},
|
|||
|
|
hasVectorSearch() {
|
|||
|
|
let key = this.searchActiveTabGetter?.key;
|
|||
|
|
return key == "mqsection" || key == "qasection";
|
|||
|
|
},
|
|||
|
|
navigateList() {
|
|||
|
|
return this.searchSchemaGetter;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
...mapActions(["TOGGLE_SIDEBAR_MENU"]),
|
|||
|
|
...mapActions("search", ["searchActiveTabSetter", "domainActiveSetter"]),
|
|||
|
|
...mapActions(useResearchStore, ["researchActiveSchemaSetter"]),
|
|||
|
|
closeAfterSaving() {
|
|||
|
|
this.closeBaseModal();
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.getQueryForResearch("default");
|
|||
|
|
}, 1000);
|
|||
|
|
},
|
|||
|
|
researchModalHandler(event) {
|
|||
|
|
this.openBaseModal("ResearchFishModal", event.itemSchema.title);
|
|||
|
|
this.valueModalResearch = event;
|
|||
|
|
},
|
|||
|
|
openBaseModal(componentName, title) {
|
|||
|
|
this.showModal = true;
|
|||
|
|
this.slotComponentName = componentName;
|
|||
|
|
this.modalTitle = title;
|
|||
|
|
},
|
|||
|
|
closeBaseModal() {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.showModal = false;
|
|||
|
|
}, 500);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
toggleSidebarMenu() {
|
|||
|
|
this.TOGGLE_SIDEBAR_MENU();
|
|||
|
|
},
|
|||
|
|
setSearchDomain(value) {
|
|||
|
|
this.searchDomain = [{ label: "همه", key: "all" }];
|
|||
|
|
this.searchDomain = [...this.searchDomain, ...value.domain.domain];
|
|||
|
|
if (!this.domainActiveGetter) {
|
|||
|
|
if (isMajlesBuild()) this.domainActiveSetter(this.searchDomain[1]);
|
|||
|
|
else this.domainActiveSetter(this.searchDomain[0]);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
keyupdiv(event) {
|
|||
|
|
if (this.showItem == 0 || this.showItem == 2) return;
|
|||
|
|
|
|||
|
|
var el = this.showItem == 1 ? this.$refs["his_ul"] : this.$refs["aut_ul"];
|
|||
|
|
|
|||
|
|
if (this.inputfocused && event.which === 38) {
|
|||
|
|
this.liSelected = el.firstChild;
|
|||
|
|
this.liSelected.classList.add("selected");
|
|||
|
|
this.liSelected.focus();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var next = null;
|
|||
|
|
if (event.which === 40) {
|
|||
|
|
if (this.liSelected) {
|
|||
|
|
this.liSelected.classList.remove("selected");
|
|||
|
|
next = this.liSelected.nextSibling;
|
|||
|
|
if (next) {
|
|||
|
|
this.liSelected = next.classList.add("selected");
|
|||
|
|
} else {
|
|||
|
|
this.liSelected = el.firstChild;
|
|||
|
|
this.liSelected.classList.add("selected");
|
|||
|
|
}
|
|||
|
|
this.liSelected.focus();
|
|||
|
|
} else {
|
|||
|
|
this.liSelected = el.firstChild;
|
|||
|
|
this.liSelected.classList.add("selected");
|
|||
|
|
this.liSelected.focus();
|
|||
|
|
}
|
|||
|
|
} else if (event.which === 38) {
|
|||
|
|
if (this.liSelected) {
|
|||
|
|
this.liSelected.classList.remove("selected");
|
|||
|
|
next = this.liSelected.prevSibling;
|
|||
|
|
if (next) {
|
|||
|
|
this.liSelected = next.classList.add("selected");
|
|||
|
|
} else {
|
|||
|
|
this.liSelected = el.lastChild;
|
|||
|
|
this.liSelected.classList.add("selected");
|
|||
|
|
}
|
|||
|
|
this.liSelected.focus();
|
|||
|
|
} else {
|
|||
|
|
this.liSelected = el.lastChild;
|
|||
|
|
this.liSelected.classList.add("selected");
|
|||
|
|
this.liSelected.focus();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
slmSearchStart() {
|
|||
|
|
this.liSelected = null;
|
|||
|
|
this.showItem = 0;
|
|||
|
|
this.addHistorySearch(this.textSearch);
|
|||
|
|
|
|||
|
|
let tt = myEncodeQuery(this.textSearch);
|
|||
|
|
// if (emited) this.$emit("searchStart", tt);
|
|||
|
|
this.searchStart(tt);
|
|||
|
|
},
|
|||
|
|
setInputText(text) {
|
|||
|
|
this.textSearch = myEncodeQuery(text);
|
|||
|
|
},
|
|||
|
|
showHisory() {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if (this.textSearch == "") this.showItem = 1;
|
|||
|
|
else {
|
|||
|
|
this.showItem = 0;
|
|||
|
|
this.liSelected = null;
|
|||
|
|
}
|
|||
|
|
}, 100);
|
|||
|
|
},
|
|||
|
|
setSelectedNavItem(navItem) {
|
|||
|
|
this.domainActiveSetter(navItem);
|
|||
|
|
this.slmSearchStart();
|
|||
|
|
},
|
|||
|
|
onClickOutside() {
|
|||
|
|
if (this.showItem == 1) {
|
|||
|
|
this.showItem = 0;
|
|||
|
|
this.liSelected = null;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handleResize() {
|
|||
|
|
return window.outerWidth < 992;
|
|||
|
|
|
|||
|
|
// if (this.windowWidth < 990) {
|
|||
|
|
// this.$store.commit("TOGGLE_SIDEBAR_MENU");
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
changeHideFilter(event) {
|
|||
|
|
if (event === 0) {
|
|||
|
|
this.$refs.axis.classList.remove("hiden");
|
|||
|
|
this.$refs.showFilter.classList.toggle("d-none");
|
|||
|
|
|
|||
|
|
this.showButton = false;
|
|||
|
|
this.showFilter = true;
|
|||
|
|
} else if (event === 1) {
|
|||
|
|
this.$refs.axis.classList.add("hiden");
|
|||
|
|
this.$refs.showFilter.classList.toggle("d-none");
|
|||
|
|
this.showButton = true;
|
|||
|
|
this.showFilter = false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
searchCoding() {
|
|||
|
|
this.slmSearchStart();
|
|||
|
|
},
|
|||
|
|
resetOptions() {
|
|||
|
|
this.page = 0;
|
|||
|
|
this.filterUrl = "";
|
|||
|
|
this.$refs.filterlist?.resetFilter();
|
|||
|
|
},
|
|||
|
|
showfilter: function () {
|
|||
|
|
this.$refs.filterlist?.showfilter();
|
|||
|
|
},
|
|||
|
|
checkMultiword(query_string) {
|
|||
|
|
this.ismultword = true;
|
|||
|
|
if (query_string == null || query_string == "") return;
|
|||
|
|
var ww = query_string.split(" ");
|
|||
|
|
this.iscode = /^\d+$/.test(query_string);
|
|||
|
|
|
|||
|
|
this.setOptions(this.ismultword, this.iscode);
|
|||
|
|
},
|
|||
|
|
setOptions(isMulti, isCode = false) {
|
|||
|
|
this.ismultiWord = isMulti;
|
|||
|
|
if (this.ismultiWord == false) this.searchType = "typeNormal";
|
|||
|
|
this.iscode = isCode;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
searchStart(query_string = null) {
|
|||
|
|
if (query_string != null && query_string != "") {
|
|||
|
|
//console.log(query_string);
|
|||
|
|
query_string = query_string.trim();
|
|||
|
|
this.setInputText(query_string);
|
|||
|
|
this.checkMultiword(query_string);
|
|||
|
|
|
|||
|
|
if (this.topRepeatInListMode)
|
|||
|
|
this.$refs?.content?.setTextSearch(query_string, this.countInPage);
|
|||
|
|
|
|||
|
|
this.resetOptions();
|
|||
|
|
this.getQueryForResearch("filter");
|
|||
|
|
} else {
|
|||
|
|
this.setInputText("");
|
|||
|
|
this.searchingState = false;
|
|||
|
|
this.getQueryForResearch("default");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (this.textSearch != "") {
|
|||
|
|
history.pushState(
|
|||
|
|
{},
|
|||
|
|
document.title,
|
|||
|
|
"/research" + "/?q=" + myEncodeQuery(this.textSearch)
|
|||
|
|
);
|
|||
|
|
} else history.pushState({}, document.title, "/research");
|
|||
|
|
},
|
|||
|
|
setQueryAdvanced(query) {
|
|||
|
|
this.initText(query);
|
|||
|
|
// if (this.$refs.topheader) {
|
|||
|
|
// this.$refs.topheader.setSearchLine(query);
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
changePaging: function (item) {
|
|||
|
|
this.pagination = item;
|
|||
|
|
|
|||
|
|
if (this.searchingState) this.getQueryForResearch("filter");
|
|||
|
|
else this.getQueryForResearch("default");
|
|||
|
|
},
|
|||
|
|
hideSummary: function () {
|
|||
|
|
this.showSummary = false;
|
|||
|
|
// this.showTermSummary = false;
|
|||
|
|
},
|
|||
|
|
changeCurrent: function (item) {
|
|||
|
|
this.showSummary = false;
|
|||
|
|
// if (this.$route.name == "termResult") {
|
|||
|
|
// this.changeCurrentTerm(item);
|
|||
|
|
// }
|
|||
|
|
// if (item == this.currentItem) this.showSummary = !this.showSummary;
|
|||
|
|
// else this.showSummary = true;
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.showSummary = true;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.currentItem = item;
|
|||
|
|
if (this.$refs.summary) this.$refs.summary.setInfo(item);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
filterUpdate(filter) {
|
|||
|
|
this.filterUrl = filter;
|
|||
|
|
this.page = 0;
|
|||
|
|
if (filter) this.getQueryForResearch("filter");
|
|||
|
|
else this.getQueryForResearch("default");
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
getQueryForResearch(position = "default") {
|
|||
|
|
this.loading = true;
|
|||
|
|
|
|||
|
|
let query = "";
|
|||
|
|
let text = myEncodeQuery(this.textSearch);
|
|||
|
|
if (text?.length != 0) {
|
|||
|
|
this.domain_key = this.domainActiveGetter?.key;
|
|||
|
|
if (this.domain_key && this.domain_key != "all") {
|
|||
|
|
this.domain_lable = this.domainActiveGetter?.label;
|
|||
|
|
query =
|
|||
|
|
"q=" + encodeURIComponent("#") + this.domain_lable + " " + text;
|
|||
|
|
} else {
|
|||
|
|
query = "q=" + text;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let filter = this.filterUrl;
|
|||
|
|
if (this.textAmplify != undefined && this.textAmplify != "") {
|
|||
|
|
filter += "&o_am=" + this.textAmplify;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let url = researchApi.research.listDefault;
|
|||
|
|
url = url.replace("{{user_id}}", this.currentUser.user_id);
|
|||
|
|
url = url.replace("{{offset}}", this.pagination.offset);
|
|||
|
|
url = url.replace("{{limit}}", this.pagination.limit);
|
|||
|
|
|
|||
|
|
if (query ? query : "" || filter ? filter : "")
|
|||
|
|
url = url + "/" + query + filter;
|
|||
|
|
this.httpService
|
|||
|
|
.getRequest(url)
|
|||
|
|
.then((response) => {
|
|||
|
|
this.searchingState = true;
|
|||
|
|
this.$refs.filterlist?.setAnswer(response.aggregations);
|
|||
|
|
this.lists = response.hits.hits;
|
|||
|
|
this.listAnswer = response.hits.hits;
|
|||
|
|
|
|||
|
|
this.loading = false;
|
|||
|
|
|
|||
|
|
this.total_answer = response.hits.total.value;
|
|||
|
|
|
|||
|
|
const total = response.hits.total.value;
|
|||
|
|
this.total_answer = total;
|
|||
|
|
const pages = Math.ceil(total / this.pagination.limit);
|
|||
|
|
const pagination = {
|
|||
|
|
total: total,
|
|||
|
|
pages: pages == 0 ? 1 : pages,
|
|||
|
|
};
|
|||
|
|
this.pagination = { ...this.pagination, ...pagination };
|
|||
|
|
})
|
|||
|
|
.catch((error) => {
|
|||
|
|
this.loading = false;
|
|||
|
|
this.searchingState = false;
|
|||
|
|
// vm.$alert(error);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
againsetlist(list) {
|
|||
|
|
this.$refs.content?.setAnswer(
|
|||
|
|
// this.lists.data.aggregations.branch.buckets,
|
|||
|
|
this.lists.data.hits.hits,
|
|||
|
|
this.lists.data.hits.total.value,
|
|||
|
|
this.lists.data.hits.total.relation
|
|||
|
|
);
|
|||
|
|
this.$refs.filterlist?.setAnswer(this.lists.data.aggregations);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
resetPagination() {
|
|||
|
|
this.pagination = {
|
|||
|
|
pages: 0,
|
|||
|
|
total: 0,
|
|||
|
|
page: 1,
|
|||
|
|
offset: 0,
|
|||
|
|
limit: 10,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
closeAdvancedSearch() {
|
|||
|
|
this.hideAdvancedSearch = false;
|
|||
|
|
},
|
|||
|
|
showAdvancedSearch() {
|
|||
|
|
if (this.hideAdvancedSearch) {
|
|||
|
|
this.hideAdvancedSearch = false;
|
|||
|
|
} else {
|
|||
|
|
this.hideAdvancedSearch = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
showNoAnswer() {
|
|||
|
|
if (this.searchingState) {
|
|||
|
|
return this.total_answer == 0;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
},
|
|||
|
|
canSee(keyName) {
|
|||
|
|
if (this.currentUser?.user_level > 1) return true;
|
|||
|
|
return this.userPermisionGetter?.includes(keyName);
|
|||
|
|
},
|
|||
|
|
myEncodeQuery(text) {
|
|||
|
|
if (!text) return "";
|
|||
|
|
//text = JSON.stringify(text);
|
|||
|
|
let ch1 = encodeURIComponent("#");
|
|||
|
|
let ch3 = encodeURIComponent("\\");
|
|||
|
|
let ch4 = encodeURIComponent("&");
|
|||
|
|
text = text.replaceAll("#", ch1);
|
|||
|
|
text = text.replaceAll("&", ch4);
|
|||
|
|
text = text.replaceAll("/", "\\");
|
|||
|
|
text = text.replaceAll("\\", ch3);
|
|||
|
|
// text = text.replaceAll(".", '%2E');
|
|||
|
|
return text;
|
|||
|
|
},
|
|||
|
|
myEncodeQuery(text) {
|
|||
|
|
//text = JSON.stringify(text);
|
|||
|
|
if (!text) return "";
|
|||
|
|
|
|||
|
|
let ch1 = encodeURIComponent("#");
|
|||
|
|
let ch3 = encodeURIComponent("\\");
|
|||
|
|
|
|||
|
|
text = text.replaceAll(ch1, "#");
|
|||
|
|
text = text.replaceAll(ch3, "\\");
|
|||
|
|
return text;
|
|||
|
|
},
|
|||
|
|
getHtmlTooltip2(section, key, id) {
|
|||
|
|
let res = "";
|
|||
|
|
let link = "";
|
|||
|
|
if (id) link = location.origin + "/pages/help/" + section + "/" + id;
|
|||
|
|
|
|||
|
|
if (section == "research") {
|
|||
|
|
if (key == "research_advance") {
|
|||
|
|
res = `<p class="mb-2">برای یافتن بهترین پاسخ، روش جستجو را تعیین میکند</p>`;
|
|||
|
|
} else if (key == "search_sort") {
|
|||
|
|
res = `<p class="mb-2">ترتیب نمایش فهرست قبل و بعد از جستجو را تعیین می کند</p>`;
|
|||
|
|
} else if (key == "search_advance") {
|
|||
|
|
res = `<p class="mb-2">امکانات ویژه جهت جستجو در ویژگی های همراه متن در اختیار می گذارد </p>`;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (section == "entity") {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (res != "" && link != "")
|
|||
|
|
res += `<a class="btn btn-link" target="_blank" href="${link}"> بیشتر ... </a>`;
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
initText(item) {
|
|||
|
|
this.textSearch = item;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
getHighlight(item) {
|
|||
|
|
var find = this.textSearch;
|
|||
|
|
var text = item.replaceAll(find, "<b>" + find + "</b>");
|
|||
|
|
return text;
|
|||
|
|
},
|
|||
|
|
selectHistorySearch(item) {
|
|||
|
|
this.textSearch = item;
|
|||
|
|
this.searchStart(this.textSearch);
|
|||
|
|
},
|
|||
|
|
addHistorySearch(newSearch = "") {
|
|||
|
|
if (newSearch == "") {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var index = this.historySearch.indexOf(newSearch);
|
|||
|
|
if (index != -1) {
|
|||
|
|
this.historySearch.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.historySearch.unshift(newSearch);
|
|||
|
|
this.saveHistorySearch();
|
|||
|
|
},
|
|||
|
|
removeHistorySearch(x) {
|
|||
|
|
this.historySearch.splice(x, 1);
|
|||
|
|
this.saveHistorySearch();
|
|||
|
|
},
|
|||
|
|
saveHistorySearch() {
|
|||
|
|
const parsed = JSON.stringify(this.historySearch);
|
|||
|
|
window.localStorage.setItem([HISTORY_SEARCH_RECENT], parsed);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.v-popper--theme-dropdown {
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
.v-popper__inner {
|
|||
|
|
.my-tooltip-content {
|
|||
|
|
color: white;
|
|||
|
|
background-color: black;
|
|||
|
|
padding: 1em;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|