Compare commits

..

No commits in common. "363d1269f2ff09e8e138d7a8e8aaa773d59913f3" and "953d98f3beb62044c320f5fcfb8a000f5e8264d0" have entirely different histories.

11 changed files with 562 additions and 1596 deletions

73
apis/hadithApi.js Normal file
View File

@ -0,0 +1,73 @@
export default {
items: {
get: "monir/search/get/byid/",
},
Farhanghestan: {
search_normal: "monir/search/0/10",
search_And: "monir/search/and/0/10",
search_Phrase: "monir/search/phrase/0/10",
search_Code: "monir/search/code/all/0/10",
},
subject: {
add: "sanad/subject/add",
// edit: "sanad/subject/edit",
delete: "sanad/subject/delete",
order: "monir/sanad/subject/order",
},
index: {
Index_one: "safheh212/one",
index_multi: "safheh212/multi",
},
nesha: {
search_normal: "monir/search/nesha/0/10",
},
wordSWeight: {
list: "ngrams/elastic/{{index_key}}/1to3",
},
rezome: {
add: "rezumeh",
get: "rezumeh/get",
},
navigation: {
list: "navigate/list/@entity",
report:
"navigate/report/{{index_key}}/{{offset}}/{{limit}}/{{aggs}}/{{filter}}",
reportItem: "navigate/report/items",
reportSubjectItem: "navigate/report/subject={{subject_title}}/items",
},
bnavigation: {
list: "repo/navigate/list",
report: "repo/navigate/report",
reportItem: "repo/navigate/report/items",
reportSubjectItem: "repo/navigate/report/subject={{subject_title}}/items",
},
schema: {
list: "schema",
},
search: {
autoComplate:
"{{appname}}/complation/{{index_key}}/{{filter}}",
logAutoComplate:
"searchlog/complation/{{filter}}",
default:
"{{appname}}/data/{{index_key}}/{{sortKey}}/{{offset}}/{{limit}}/{{filter}}",
queryNormal:
"{{appname}}/search/{{index_key}}/{{search_type}}/{{sortKey}}/{{field_collapse}}/{{offset}}/{{limit}}/{{filter}}",
textSearch:
"{{appname}}/search/text/{{index_key}}/{{field}}/{{offset}}/{{limit}}/{{filter}}",
},
chart: {
timeline: "{{appname}}/data/timeline/{{index_key}}",
xy: "{{appname}}/data/xy/{{index_key}}/{{field_key}}",
items:
"navigate/report/items/search/{{index_key}}/{{offset}}/{{limit}}/{{filter}}",
chartTreeMap: "list/project/treemap/{{chart_key}}/{{filter}}",
treeItems:"navigate/report/items/search/{{index_key}}/{{offset}}/{{limit}}/{{filter}}",
tree: "list/subject/list",
graph:"repo/majles/{{to_key}}/relation"
},
synonym:{
getSynonyms:"synonym/get/words",
synonymSearch:"search/qasection/synonym/@listkey/@offset/@limit/@q",
}
};

View File

@ -1,6 +0,0 @@
export default {
search: {
list: "repo/monir/search/@index_key/@search_type/@type_key/@listkey/@field_collapsed/@offset/@limit/@q=none",
show: "repo/public/get/byid/@index_key/@id",
},
};

View File

@ -1,5 +0,0 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12.7158" r="10" fill="white"/>
<path d="M9 15.7158L15 9.71582" stroke="#8A92A8" stroke-linecap="round"/>
<path d="M9 9.71582L15 15.7158" stroke="#8A92A8" stroke-linecap="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 302 B

View File

@ -1,17 +0,0 @@
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12.7158" r="10" fill="white"/>
<path d="M12.2796 9.32295L8.52883 13.0737C8.3805 13.222 8.24277 13.4975 8.21099 13.6988L8.00968 15.1291C7.93551 15.6482 8.29576 16.0085 8.81492 15.9343L10.2452 15.733C10.4465 15.7012 10.7326 15.5635 10.8704 15.4152L14.6211 11.6645C15.2674 11.0182 15.5746 10.2659 14.6211 9.31235C13.6781 8.36938 12.9259 8.67665 12.2796 9.32295Z" stroke="url(#paint0_linear_67_4557)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.7395 9.86206C12.0574 11.0063 12.9473 11.8963 14.0916 12.2142" stroke="url(#paint1_linear_67_4557)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.2796 9.32295L8.52883 13.0737C8.3805 13.222 8.24277 13.4975 8.21099 13.6988L8.00968 15.1291C7.93551 15.6482 8.29576 16.0085 8.81492 15.9343L10.2452 15.733C10.4465 15.7012 10.7326 15.5635 10.8704 15.4152L14.6211 11.6645C15.2674 11.0182 15.5746 10.2659 14.6211 9.31235C13.6781 8.36938 12.9259 8.67665 12.2796 9.32295Z" stroke="#8A92A8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.7395 9.86206C12.0574 11.0063 12.9473 11.8963 14.0916 12.2142" stroke="#8A92A8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_67_4557" x1="15.274" y1="8.71582" x2="7.53191" y2="8.85851" gradientUnits="userSpaceOnUse">
<stop stop-color="#D284FF"/>
<stop offset="1" stop-color="#4D00FF"/>
</linearGradient>
<linearGradient id="paint1_linear_67_4557" x1="14.1071" y1="9.86206" x2="11.5871" y2="9.90852" gradientUnits="userSpaceOnUse">
<stop stop-color="#D284FF"/>
<stop offset="1" stop-color="#4D00FF"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -1,11 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import type { InputMenuItem } from "@nuxt/ui";
import hadithaApi from "../../apis/hadithaApi";
import { useStorage } from "@vueuse/core";
import * as z from "zod";
import type { FormSubmitEvent } from "@nuxt/ui";
// #region props
const props = defineProps({ const props = defineProps({
showFilter: { showFilter: {
default: false, default: false,
@ -14,238 +7,163 @@ const props = defineProps({
default: false, default: false,
}, },
}); });
// #endregion props
// #region emits
const emit = defineEmits(["response-ready"]); const emit = defineEmits(["response-ready"]);
// #endregion emits const router = useRouter();
// #region refs export type Sample = {
const userSearchHistory = useStorage( fromPerson: string;
"userSearchHistory", arabicText: string;
new Set() // Initial value persianText: string;
); reference: string;
const searchTerm = useStorage<string>("searchPhrase", ""); };
const state = reactive({
list: [
{
fromPerson: "امام علی علیه‌السلام",
arabicText:
" وَمَا يَذۡكُرُونَ إِلَّآ أَن يَشَآءَ ٱللَّهُ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ",
persianText:
" خداوند متعال ما (اهل بیت) را آفرید و ما را خازنان علم خود در آسمان و زمین قرار داد. و نماز در مسیحیت برای ما قرار که پیش",
reference: "الکافی، جلد ۱، صفحه ۱۰۳",
},
{
fromPerson: "امام علی علیه‌السلام",
arabicText:
" وَمَا يَذۡكُرُونَ إِلَّآ أَن يَشَآءَ ٱللَّهُ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ",
persianText:
" خداوند متعال ما (اهل بیت) را آفرید و ما را خازنان علم خود در آسمان و زمین قرار داد. و نماز در مسیحیت برای ما قرار که پیش",
reference: "الکافی، جلد ۱، صفحه ۱۰۳",
},
{
fromPerson: "امام علی علیه‌السلام",
arabicText:
" وَمَا يَذۡكُرُونَ إِلَّآ أَن يَشَآءَ ٱللَّهُ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ",
persianText:
" خداوند متعال ما (اهل بیت) را آفرید و ما را خازنان علم خود در آسمان و زمین قرار داد. و نماز در مسیحیت برای ما قرار که پیش",
reference: "الکافی، جلد ۱، صفحه ۱۰۳",
},
],
filters: [
{
label: "معنایی",
items: [],
},
{
label: "ترجمه",
items: [],
},
{
label: "مترادف",
items: [
{
label: "جستجو در همه",
},
{
label: "فقط در متن عربی حدیث",
},
{
label: "فقط در ترجمه ها",
},
{
label: "فقط در شروح",
},
],
},
{
label: "نوع",
items: [
{
label: "جستجو در همه",
},
{
label: "فقط در متن عربی حدیث",
},
{
label: "فقط در ترجمه ها",
},
{
label: "فقط در شروح",
},
],
},
{
label: "عین عبارت",
items: [
{
label: "جستجو در همه",
},
{
label: "فقط در متن عربی حدیث",
},
{
label: "فقط در ترجمه ها",
},
{
label: "فقط در شروح",
},
],
},
],
});
const searchTerm = ref<string>("");
const open = ref(false); const open = ref(false);
const loading = ref(false); const loading = ref(false);
const httpService = useNuxtApp()["$http"];
const search_type = ref("normal"); // fetch history list from backend(ssr)
const type_key = ref("hadith"); // const { data: users, status } = await useFetch(
// "https://jsonplaceholder.typicode.com/users",
const synonymOne = ref(false); // {
const synonymTwo = ref(false); // transform: (data: { id: number; name: string }[]) => {
// return (
// If you want to share state across multiple components, // data?.map((user) => ({
// you can use the same key in useState. Nuxt will ensure // label: user.name,
// that the state is shared and reactive across your application. // value: String(user.id),
// const typingTimer = useState<number>("typingTimer", () => 0); // avatar: { src: `https://i.pravatar.cc/120?img=${user.id}` },
// const doneTypingInterval = useState<number>("doneTypingInterval", () => 1000); // })) || []
const typingTimer = ref<number | any>(0); // );
const doneTypingInterval = ref<number>(1000); // },
// #endregion refs // lazy: true,
// }
// #region reactive
const state = reactive({
list: [],
vector: {
label: "معنایی",
value: "vector",
icon: "i-haditha-robot-indicator",
},
type: {
icon: "",
value: "normal",
label: "نوع",
items: [
{
label: "جستجو در همه",
onSelect(e: Event) {
console.info(e);
search_type.value = "normal";
},
},
{
label: "فقط در متن عربی حدیث",
onSelect(e: Event) {
search_type.value = "arabic";
},
},
{
label: "فقط در ترجمه ها",
onSelect(e: Event) {
search_type.value = "translations";
},
},
{
label: "فقط در شروح",
onSelect(e: Event) {
search_type.value = "descriptions";
},
},
],
},
synonym: {
value: "synonym",
label: "مترادف",
icon: "i-haditha-chevron-down",
items: [
{
label: "جستجو در همه",
slot: "arabic",
},
{
label: "فقط در متن عربی حدیث",
slot: "arabic",
},
{
label: "فقط در ترجمه ها",
slot: "arabic",
},
{
label: "فقط در شروح",
slot: "arabic",
},
],
},
type_key: {
label: "ترجمه",
value: "hadith",
},
phrase: {
label: "عین عبارت",
value: "normal",
},
});
// #endregion reactive
// #region watch
// watch(
// () => route,
// (newRoute, oldRoute) => {
// console.info(newRoute.query);
// if (newRoute.query) searchTerm.value = <string>newRoute.query.q;
// },
// { immediate: true }
// ); // );
// #endregion emits
onMounted(() => {
if (searchTerm.value.length) sendQuery();
});
// #region methods
const clearSimilar = () => { const clearSimilar = () => {
console.info("clearSimilar"); console.info("clearSimilar");
}; };
const onBlur = () => {
const onUpdateModel = (newVal: boolean | InputMenuItem | any) => { // console.info("onBlue");
};
const onChange = () => {
// console.info("onChange");
};
const onUpdateModel = (newVal: string) => {
console.info("onUpdateModel", newVal); console.info("onUpdateModel", newVal);
}; };
const onSearch = () => {
console.info("onSearch");
router.push({
name: "hadithaSearch",
});
};
const onKeyDown = () => { const onKeyDown = () => {
clearTimeout(typingTimer.value); // console.info("onKeyDown");
}; };
const onKeyUp = () => { const onKeyUp = () => {
clearTimeout(typingTimer.value); // console.info("onKeyUp");
typingTimer.value = setTimeout(() => {
sendQuery();
}, doneTypingInterval.value);
}; };
const onSend = () => {
console.info("onSend");
const setType = (type: string) => { emit("response-ready", {
search_type.value = type; searchList: state.list,
sendQuery(); searchQuery: searchTerm.value,
};
const setKey = (type: string) => {
type_key.value = type;
sendQuery();
};
const sendQuery = async () => {
if (loading.value) return;
loading.value = true;
let url = hadithaApi.search.list;
url = url.replace("@index_key", "dhparag");
url = url.replace("@search_type", search_type.value); // normal, and , phrase, vector, synonym
url = url.replace("@type_key", type_key.value); // hadith, hadith_fa, hadith_ar, hadith_shr
url = url.replace("@offset", "0");
url = url.replace("@limit", "10");
url = url.replace("@listkey", "normal");
url = url.replace("@field_collapsed", "normal");
url = url.replace(
"@q=none",
searchTerm.value.length ? `q=${searchTerm.value}` : "q=none"
);
// const baseURL =
// config.public.NUXT_PUBLIC_BASE_URL + config.public.NUXT_PUBLIC_API_NAME;
// fetch search list from backend(ssr)
return await httpService
.postRequest(url)
.then((res) => {
// pass res and search query to the parent.
emit("response-ready", {
res: res,
searchQuery: searchTerm.value,
});
loading.value = false;
// check if search term is not empty
if (searchTerm.value) userSearchHistory.value.add(searchTerm.value); // Add the value to the Set
// close the history dropdown menu
open.value = false;
// store search phrase
useStorage("searchPhrase", searchTerm.value);
})
.catch((err) => {
console.info(err);
})
.finally(() => {
loading.value = false;
});
};
// ------------------- form -------------------
type Schema = z.output<typeof schema>;
const toast = useToast();
const schema = z.object({
name: z.string(),
});
const showForm = ref(false);
const isSynonymPopupOpen = ref(false);
const Formstate = reactive({
name: "",
});
async function onSubmit(event: FormSubmitEvent<Schema>) {
toast.add({
title: "Success",
description: "The form has been submitted.",
color: "success",
}); });
console.log(event.data); };
}
// get synonyms
async function openSynonymPopup(type: string) {
search_type.value = type;
console.info("openSynonymPopup");
sendQuery().then(() => {
isSynonymPopupOpen.value = true;
});
}
// #endregion methods
</script> </script>
<template> <template>
<div class="haditha-search-root-wrapper"> <div class="haditha-search-root-wrapper">
<div class="haditha-search-root" :class="{ 'no-backdrop': showPrevSearch }"> <div class="haditha-search-root">
<!-- وقتی کاربر در صفحه نمایش بر روی مشابه کلیک میکند و به صفحه جستجو وارد میشود. -->
<div v-if="showPrevSearch" class="prev-search-item flex items-center"> <div v-if="showPrevSearch" class="prev-search-item flex items-center">
<span class="total">۴۷ مشابه </span> <span class="total">۴۷ مشابه </span>
<span class="text me-auto"> <span class="text me-auto">
@ -259,18 +177,16 @@ async function openSynonymPopup(type: string) {
@click="clearSimilar" @click="clearSimilar"
/> />
</div> </div>
<!-- <client-only> -->
<div class="search-input"> <div class="search-input">
<UInputMenu <UInputMenu
class="w-full focus:placeholder-gray-800" class="w-full focus:placeholder-gray-800"
:items="<any>Array.from(userSearchHistory)" :items="[]"
v-model="searchTerm" v-model="searchTerm"
v-model:open="open" v-model:open="open"
v-model:search-term="searchTerm" v-model:search-term="searchTerm"
placeholder="هوشمند جستجو کنید..." placeholder="هوشمند جستجو کنید..."
:ui="{ :ui="{
base: 'haditha-search-input', base: ['haditha-search-input'],
}" }"
:content="{ :content="{
align: 'start', align: 'start',
@ -282,242 +198,38 @@ async function openSynonymPopup(type: string) {
highlightOnHover highlightOnHover
@focus="open = true" @focus="open = true"
@blur="open = false" @blur="open = false"
@change="sendQuery" @change="onChange"
@update:modelValue="onUpdateModel" @update:modelValue="onUpdateModel"
@update:searchTerm="onUpdateModel" @update:searchTerm="onUpdateModel"
@keydown="onKeyDown" @keydown="onKeyDown"
@keyup="onKeyUp" @keyup="onKeyUp"
@keydown.enter="sendQuery" @keydown.enter="onSend"
> >
</UInputMenu> </UInputMenu>
</div> </div>
<UButton <UButton class="my-trailing-button" @click.prevent="onSearch" icon="i-haditha-search">
class="my-trailing-button"
@click.prevent="sendQuery"
icon="i-haditha-search"
>
<!-- <UIcon name="i-lucide-search" /> --> <!-- <UIcon name="i-lucide-search" /> -->
</UButton> </UButton>
<!-- </client-only> -->
</div> </div>
<div <div class="search-filter my-3 space-x-2" v-if="props.showFilter">
class="search-filter flex items-center my-3 justify-between" <UDropdownMenu
v-if="props.showFilter && searchTerm.length" v-for="(filter, index) in state.filters"
> :items="filter.items"
<div class="flex items-center space-x-2"> :content="{
<!-- معنایی --> align: 'start',
<!-- @click.self="search_type = 'vector'" --> side: 'bottom',
sideOffset: 8,
}"
:ui="{
content: 'w-48',
}"
>
<UButton <UButton
@click.self="setType('vector')"
:class="{ active: search_type == 'vector' }"
type="button"
class="filter-item" class="filter-item"
:icon="state.vector.icon" :label="filter.label"
> :trailingIcon="filter.items?.length ? 'i-haditha-chevron-down' : ''"
{{ state.vector.label }} />
</UDropdownMenu>
<UIcon
v-if="search_type == 'vector'"
@click.self="search_type = 'normal'"
name="i-haditha-close-bg-circle"
size="20px"
>
</UIcon>
</UButton>
<!-- مترادف -->
<UPopover
:content="{
align: 'start',
side: 'bottom',
sideOffset: 8,
}"
:ui="{
content: 'popover-root-content',
}"
v-model:open="isSynonymPopupOpen"
>
<UButton
@click="openSynonymPopup('synonym')"
class="filter-item"
:label="state.synonym.label"
trailingIcon="i-haditha-dropdown-chevron-down"
/>
<template #content>
<!-- synonym item -->
<div class="synonymItem px-2 py-4">
<div class="flex justify-between items-center p-3 mb-2">
<span class="title"> نماز </span>
<USwitch dir="ltr" v-model="synonymOne" />
</div>
<div class="flex items-center px-2">
<UButton
type="button"
@click="true"
class="me-2.5 mb-3.5 promotion-item"
:class="{ active: false }"
>
صلات
<!-- <UIcon name="i-haditha-close-bg-circle" size="12px"> </UIcon> -->
</UButton>
<UButton
type="button"
@click="true"
class="me-2.5 mb-3.5 promotion-item"
:class="{ active: false }"
>
عبادت
<!-- <UIcon name="i-haditha-close-bg-circle" size="12px"> </UIcon> -->
</UButton>
<UButton
v-if="!showForm"
type="button"
@click="showForm = true"
class="me-2.5 mb-3.5 add-button"
:class="{ active: false }"
icon="i-haditha-add"
>
</UButton>
<UForm
v-else
:schema="schema"
:state="state"
class="w-25 me-2.5 mb-3.5"
>
<UFormField name="name" required size="md">
<UInput
v-model="Formstate.name"
placeholder="بنویسید ..."
/>
</UFormField>
</UForm>
</div>
</div>
<USeparator class="px-2" color="neutral" type="solid" size="xs" />
<!-- synonym item -->
<div class="synonymItem px-2 py-4">
<div class="flex justify-between items-center p-3 mb-2">
<span class="title"> نماز </span>
<USwitch dir="ltr" v-model="synonymTwo" />
</div>
<div class="flex items-center px-2">
<UButton
type="button"
@click="true"
class="me-2.5 mb-3.5 promotion-item"
:class="{ active: false }"
>
صلات
<!-- <UIcon name="i-haditha-close-bg-circle" size="12px"> </UIcon> -->
</UButton>
<UButton
type="button"
@click="true"
class="me-2.5 mb-3.5 promotion-item"
:class="{ active: false }"
>
عبادت
<!-- <UIcon name="i-haditha-close-bg-circle" size="12px"> </UIcon> -->
</UButton>
<UButton
v-if="!showForm"
type="button"
@click="showForm = true"
class="me-2.5 mb-3.5 add-button"
:class="{ active: false }"
icon="i-haditha-add"
>
</UButton>
<UForm
v-else
:schema="schema"
:state="state"
class="w-25 me-2.5 mb-3.5"
>
<UFormField name="name" required size="md">
<UInput
v-model="Formstate.name"
placeholder="بنویسید ..."
/>
</UFormField>
</UForm>
</div>
</div>
<USeparator class="px-2" color="neutral" type="solid" size="xs" />
</template>
</UPopover>
<!-- ترجمه -->
<UButton
@click.self="setKey('hadith_fa')"
:class="{ active: type_key == 'hadith_fa' }"
type="button"
class="filter-item"
>
{{ state.type_key.label }}
<UIcon
v-if="type_key == 'hadith_fa'"
@click.self="setKey('hadith')"
name="i-haditha-close-bg-circle"
size="20px"
>
</UIcon>
</UButton>
<!-- عین عبارت -->
<UButton
@click.self="setType('phrase')"
:class="{ active: search_type == 'phrase' }"
class="filter-item"
>
{{ state.phrase.label }}
<UIcon
v-if="search_type == 'phrase'"
@click.self="search_type = 'normal'"
name="i-haditha-close-bg-circle"
size="20px"
>
</UIcon>
</UButton>
</div>
<!-- نوع -->
<div>
<UDropdownMenu
:items="state.type.items"
:content="{
align: 'start',
side: 'bottom',
sideOffset: 8,
}"
:ui="{
content: 'w-48',
}"
:class="{ active: state.type.value == 'hadith' }"
>
<UButton
class="filter-item"
:label="state.type.label"
trailingIcon="i-haditha-dropdown-chevron-down"
>
{{ state.type.label }}
<UIcon
v-if="state.type.value != 'normal'"
@click.self="state.type.value = 'normal'"
name="i-haditha-close-bg-circle"
size="20px"
>
</UIcon>
</UButton>
<!-- <template #item> item </template> -->
<!-- <template #item-label> item label </template> -->
</UDropdownMenu>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -609,6 +321,50 @@ async function openSynonymPopup(type: string) {
.search-input { .search-input {
position: relative; position: relative;
} }
.search-filter {
.filter-item {
/* width: 81px; */
height: 40px;
border-radius: 12px;
border-width: 0.3px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
gap: 4px;
background-color: #fff;
border: 0.3px solid #e0e0e0;
box-shadow: 0px 1px 4px 0px #0000000d;
color: #8a92a8;
font-family: IRANSansX;
font-weight: 400;
font-size: 13px;
line-height: 20px;
letter-spacing: 0%;
text-align: right;
&.active {
color: linear-gradient(102.02deg, #4be8ae 7.38%, #00a762 91.78%);
* {
color: #fff;
}
}
}
}
&.search-page {
&::before {
content: none;
}
.my-trailing-button {
/* width: 32px; */
/* height: 32px; */
}
.haditha-search-input {
height: 56px;
}
}
} }
} }
</style> </style>
@ -655,7 +411,7 @@ async function openSynonymPopup(type: string) {
height: 72px; height: 72px;
justify-content: space-between; justify-content: space-between;
padding-top: 12px; padding-top: 12px;
/* padding-right: 12px; */ padding-right: 12px;
padding-bottom: 12px; padding-bottom: 12px;
padding-left: 12px; padding-left: 12px;
border-radius: 12px; border-radius: 12px;
@ -673,129 +429,5 @@ async function openSynonymPopup(type: string) {
text-align: right; text-align: right;
color: #a7acbe; color: #a7acbe;
} }
.search-filter {
.filter-item {
/* width: 81px; */
height: 40px;
border-radius: 12px;
border-width: 0.3px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
gap: 4px;
background-color: #fff;
border: 0.3px solid #e0e0e0;
box-shadow: 0px 1px 4px 0px #0000000d;
color: #8a92a8;
font-family: IRANSansX;
font-weight: 400;
font-size: 13px;
line-height: 20px;
letter-spacing: 0%;
text-align: right;
&.active {
background-image: linear-gradient(
102.02deg,
#4be8ae 7.38%,
#00a762 91.78%
);
border-color: #4be8ae;
color: #fff;
box-shadow: none;
}
}
}
&.search-page {
.haditha-search-root {
&::before {
content: none;
}
.my-trailing-button {
width: 40px;
height: 40px;
span.iconify {
width: 25px;
height: 25px;
}
}
.haditha-search-input {
height: 56px;
}
}
}
}
.popover-root-content {
width: 20.5em;
height: 17.75em;
/* gap: 8px; */
/* border-radius: 16px; */
border-width: 0.3px;
/* padding-top: 16px; */
/* padding-right: 8px; */
/* padding-bottom: 16px; */
/* padding-left: 8px; */
background: #ffffff;
border: 0.3px solid #e0e0e0;
box-shadow: 0px 8px 20px 0px #0000001a;
.synonymItem {
.title {
font-family: IRANSansX;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
color: #8a92a8;
}
/* border-bottom: 1px solid #d9d9d9; */
.promotion-item {
width: 52.599998474121094;
height: 36;
gap: 4px;
border-radius: 8px;
border-width: 0.3px;
padding-top: 11px;
padding-right: 12px;
padding-bottom: 11px;
padding-left: 12px;
border: 0.3px solid #d9d9d9;
background: #f0f1f4;
font-family: IRANSansX;
font-weight: 400;
font-size: 12px;
line-height: 100%;
letter-spacing: 0%;
text-align: right;
color: #626b84;
&.active {
background: linear-gradient(320.71deg, #b9fde0 6.56%, #e4f9f0 69.69%);
border: 0.3px solid #29d985;
color: #626b84;
}
}
.add-button {
width: 48;
height: 36;
gap: 4px;
border-radius: 8px;
border-width: 1px;
padding-right: 11px;
padding-left: 11px;
background: #ffffff;
border: 1px solid #f0f1f4;
color: #8a92a8;
}
}
} }
</style> </style>

View File

@ -5,9 +5,6 @@ const props = defineProps({
return []; return [];
}, },
}, },
total: {
default: 0,
},
noDataText: { noDataText: {
default: "نتیجه‌ای یافت نشد!", default: "نتیجه‌ای یافت نشد!",
}, },
@ -15,65 +12,56 @@ const props = defineProps({
default: "/img/haditha/no-data.png", default: "/img/haditha/no-data.png",
}, },
}); });
const router = useRouter(); const route = useRoute();
// const modal = useModal(); const modal = useModal();
// const isModalOpen = ref(false); const isModalOpen = ref(false);
function openModal(selectedItem) { function openModal() {
// modal.open(SearchShow, { title: "Welcome" }); // modal.open(SearchShow, { title: "Welcome" });
// isModalOpen.value = true; isModalOpen.value = true;
router.push({ }
name: "hadithaSearchShow", async function closeModal() {
params: { await modal.close();
id: selectedItem._id, }
slug: "no-slug", function resetModal() {
}, modal.reset();
}); }
function updateModalTitle() {
modal.patch({ title: "Updated Title" });
} }
// async function closeModal() {
// await modal.close();
// }
// function resetModal() {
// modal.reset();
// }
// function updateModalTitle() {
// modal.patch({ title: "Updated Title" });
// }
// components declaration // components declaration
// const SearchShow = defineAsyncComponent(() => const SearchShow = defineAsyncComponent(() =>
// import("@haditha/components/haditha/search-page/SearchShow.vue") import("@haditha/components/haditha/search-page/SearchShow.vue")
// ); );
</script> </script>
<template> <template>
<div class="search-list-contianer"> <div class="search-list-contianer">
<div class="total"> <div class="total">
<span>{{ total }}</span> <span>48</span>
نتیجه نتیجه
</div> </div>
<div class="search-list firefox-scrollbar"> <div class="search-list firefox-scrollbar" :class="route.name">
<div <div
v-if="props.list.length" v-if="props.list.length"
class="search-list-item" class="search-list-item"
v-for="(item, index) in props.list" v-for="(item, index) in props.list"
:key="index" :key="index"
> >
<p @click="openModal(item)" class="from-person"> <p @click="openModal(item)" class="from-person">امام علی علیهالسلام</p>
{{ item._source.meta.hadith_masoum ?? "بدون عنوان" }} <p @click="openModal(item)" class="arabic-text">
وَمَا يَذۡكُرُونَ إِلَّآ أَن يَشَآءَ ٱللَّهُ هُوَ أَهلُ ٱلتَّقوَىٰ
وَأَهلُ ٱلمَغفِرَةِ هُوَ أَهلُ ٱلتَّقوَىٰ وَأَهلُ ٱلمَغفِرَةِ
</p>
<p class="persian-text">
خداوند متعال ما (اهل بیت) را آفرید و ما را خازنان علم خود در آسمان و
زمین قرار داد. و نماز در مسیحیت برای ما قرار که پیش
</p> </p>
<p @click="openModal(item)" class="arabic-text">بدون متن عربی</p>
<p
class="persian-text"
v-html="item.highlight['content.fa'] ?? item._source.content"
></p>
<div class="flex justify-end"> <div class="flex justify-end">
<p class="reference"> <p class="reference">الکافی، جلد ۱، صفحه ۱۰۳</p>
{{ item._source.address.vol_title }}، صفحه
{{ item._source.address.page_num }}
</p>
</div> </div>
</div> </div>
@ -86,7 +74,7 @@ function openModal(selectedItem) {
</no-data> </no-data>
</div> </div>
<!-- <UModal <UModal
v-model:open="isModalOpen" v-model:open="isModalOpen"
:dismissible="false" :dismissible="false"
:ui="{ :ui="{
@ -101,13 +89,13 @@ function openModal(selectedItem) {
close: 'modal-close', close: 'modal-close',
}" }"
> >
<template #header><div class="hidden"></div></template> <!-- <template #header><div class="hidden"></div></template> -->
<template #content></template> <!-- <template #content></template> -->
<template #body> <template #body>
<search-show @close="isModalOpen = !isModalOpen"></search-show> <search-show @close="isModalOpen = !isModalOpen"></search-show>
</template> </template>
<<template #footer></template> <!-- <template #footer></template> -->
</UModal> --> </UModal>
</div> </div>
</template> </template>
@ -130,7 +118,7 @@ function openModal(selectedItem) {
} }
.search-list { .search-list {
padding: 1em 1.3em; padding: 1em 1.3em;
height: calc(100dvh - 16em); height: calc(100dvh - 15.2em);
overflow-y: auto; overflow-y: auto;
&.hadithaFavorites { &.hadithaFavorites {
@ -226,10 +214,6 @@ function openModal(selectedItem) {
</style> </style>
<style> <style>
.text__orange {
color: orange;
}
.modal-content { .modal-content {
border: 0.3px solid #e0e0e0; border: 0.3px solid #e0e0e0;
box-shadow: 0px 8px 20px 0px #0000001a; box-shadow: 0px 8px 20px 0px #0000001a;

View File

@ -18,9 +18,3 @@ onUnmounted(() => {
<slot></slot> <slot></slot>
</main> </main>
</template> </template>
<style>
#__nuxt.isolate {
height: 100%;
}
</style>

View File

@ -1,8 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import * as z from "zod"; import * as z from "zod";
import type { FormSubmitEvent } from "@nuxt/ui"; import type { FormSubmitEvent } from "@nuxt/ui";
import hadithaApi from "../../apis/hadithaApi";
import { useAuthStore } from "~/stores/authStore";
definePageMeta({ definePageMeta({
layout: false, layout: false,
@ -18,22 +16,18 @@ useHead({
}, },
}); });
const router = useRouter(); const localizedErrors = {
const authStore = useAuthStore(); required: "Invalid email address",
// const localizedErrors = { // Add more error codes and translations as needed
// required: "Invalid email address", };
// // Add more error codes and translations as needed
// };
const schema = z.object({ const schema = z.object({
mobile: z mobile: z
.string() .string()
.min(1, "این فیلد ضروری است.(exmaple : 09--*******)") .min(1, "این فیلد ضروری است.(exmaple : 09--*******)")
.max(11, "موبایل حداکثر 11 عدد می باشد.(exmaple : 09--*******)"), .max(11, "موبایل حداکثر 11 عدد می باشد.(exmaple : 09--*******)")
}); });
const loading = ref(false);
type Schema = z.output<typeof schema>; type Schema = z.output<typeof schema>;
const state = reactive<Partial<Schema>>({ const state = reactive<Partial<Schema>>({
@ -42,35 +36,12 @@ const state = reactive<Partial<Schema>>({
const toast = useToast(); const toast = useToast();
async function onSubmit(event: FormSubmitEvent<Schema>) { async function onSubmit(event: FormSubmitEvent<Schema>) {
toast.add({
title: "Success",
description: "The form has been submitted.",
color: "success",
});
console.log(event.data); console.log(event.data);
const payoload = {
username: "dev",
password: "dev123",
};
authStore
.login(payoload)
.then((res) => {
loading.value = false;
// check if search term is not empty
toast.add({
title: "Success",
description: res.data.message,
color: "success",
});
navigateTo({
name: "haditha",
});
})
.catch((err) => {
console.info(err);
})
.finally(() => {
loading.value = false;
});
} }
// components declaration // components declaration

View File

@ -1,561 +0,0 @@
<script setup lang="ts">
// 1. Imports
// 2. Metas
// 3. Props
// 2. Reactive State
// 3. Computed Properties
// 4. Functions / Methods
// 5. Lifecycle Hooks
// 6. Watchers
// #region imports
import hadithaApi from "@haditha/apis/hadithaApi";
import type { HadithResponseModel } from "@haditha/types/hadithType";
import type { HadithResponseShowModel } from "~/systems/hadith_ui/types/hadithType";
// #endregion imports
// #region meta
definePageMeta({
layout: false,
name: "hadithaSearchShow",
});
useHead({
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE}`,
meta: [
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
],
bodyAttrs: {
class: import.meta.env.VITE_HADITH_SYSTEM,
},
});
// #endregion imports
// #region props
// const props = defineProps({
// selectedItem: {
// type: Object,
// default() {
// return {};
// },
// },
// });
// #endregion imports
// #region refs and reactives
const emit = defineEmits(["close"]);
const route = useRoute();
const router = useRouter();
const loading = ref(false);
const state = reactive({
selectedItem: {} as HadithResponseShowModel,
});
// #endregion refs and reactives
// #region methods
const fetchData = async () => {
if (loading.value) return;
loading.value = true;
let url = hadithaApi.search.show;
url = url.replace("@index_key", "dhparag");
url = url.replace("@id", route.params.id);
// fetch search list from backend(ssr)
const { data, status, error, refresh, clear } =
await useHadithaSearchComposable<HadithResponseShowModel>(url, {
method: "get",
});
if (status.value == "success") {
loading.value = false;
state.selectedItem = <HadithResponseShowModel>data.value;
}
};
const goToTheSearch = (type: string) => {
router.push({
name: "hadithaSearch",
});
};
const goToTheChatbot = () => {
router.push({
name: "hadithaChatbot",
});
};
// #endregion methods
fetchData();
</script>
<template>
<UContainer
ui="{
base: 'sm:px-6 lg:px-4',
}"
class="page-inner-container sm:px-6 lg:px-4 py-8"
>
<div class="search-show-page">
<div class="body-header">
<span class="top-left-bgi z-0"></span>
<div class="modal-title flex justify-between">
<NuxtImg
fit="auto"
quality="80"
placeholder
src="/img/haditha/haditha-title.svg"
/>
<UButton
icon="i-haditha-close"
color="neutral"
variant="ghost"
class="close-btn"
@click="goToTheSearch('normal')"
/>
</div>
</div>
<div class="body-content">
<div class="h-full flex flex-col justify-center z-2">
<div class="bg-container h-full">
<div class="header flex">
<UButton
variant="ghost"
class="bookmark-btn"
icon="i-haditha-tag"
>
</UButton>
<div class="referene">
<span> نشانی: </span>
{{ state.selectedItem?._source?.address?.vol_title }}، صفحه
{{ state.selectedItem?._source?.address?.page_num }}
</div>
</div>
<div class="content">
<div class="search-item">
<div class="text-arabic-section">
<div class="section-header">
<span class="section-title">
{{
state.selectedItem?._source?.meta?.hadith_masoum ??
"بدون عنوان"
}}
</span>
<UButton variant="ghost" class="copy-btn" label="کپی" />
</div>
<div class="arabic-text">
<p>بدون متن عربی</p>
</div>
</div>
<div class="separator"></div>
<div class="text-persian-section">
<div class="section-header">
<span class="section-title"> ترجمه </span>
<UButton variant="ghost" class="copy-btn" label="کپی" />
</div>
<p class="from">
{{
state.selectedItem?._source?.meta?.hadith_masoum ??
"بدون عنوان"
}}:
</p>
<p
class="persian-text"
v-html="state.selectedItem?._source?.content"
></p>
</div>
<div class="separator"></div>
<div class="text-description-section">
<div class="section-header">
<span class="section-title"> شرح </span>
<UButton variant="ghost" class="copy-btn" label="کپی" />
</div>
<p
class="description-item"
v-html="state.selectedItem?._source?.content"
></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="body-footer">
<div class="mt-5 z-2">
<div class="flex justify-between actions">
<UButton
class="similar-btn"
icon="i-haditha-search-3"
label="مشابه"
color="neutral"
variant="outline"
@click.prevent="goToTheSearch('similar')"
/>
<UButton
class="explore-btn"
trailing-icon="i-haditha-explore"
label="کاوش"
variant="solid"
@click.prevent="goToTheChatbot"
/>
</div>
<div class="flex justify-between pagination">
<UButton
class="prev-haditha"
label="حدیث قبل"
color=""
variant="soft"
icon="i-haditha-chevron-right"
/>
<UButton
class="next-haditha"
label="حدیث بعد"
color=""
variant="soft"
trailing-icon="i-haditha-chevron-left"
/>
</div>
</div>
</div>
</div>
</UContainer>
</template>
<!-- because of the buttons, using without scoped. -->
<style>
.search-show-page {
.body-header {
.modal-title {
padding: 0 0.5em 1.5em;
margin-bottom: 2.5em;
.close-btn {
color: var(--ui-color-two);
/* width: 24px; */
/* height: 24px; */
padding: 0.2em;
background-color: transparent;
}
}
}
.body-content {
.header {
.bookmark-btn {
width: 49px;
height: 32px;
gap: 4px;
border-radius: 6px;
border-width: 0.5px;
padding-top: 4px;
padding-right: 12px;
padding-bottom: 4px;
padding-left: 12px;
border: 0.5px solid #d9d9d9;
background: #ffffff;
display: flex;
justify-content: center;
align-items: center;
/* span { */
/* width: 19; */
/* height: 21; */
/* background: #29d985; */
/* } */
}
.referene {
margin-right: 0.5em;
width: 182;
height: 32;
gap: 4px;
border-radius: 6px;
border-width: 0.5px;
padding-top: 4px;
padding-right: 12px;
padding-bottom: 4px;
padding-left: 12px;
background: #ffffff;
border: 0.5px solid #d9d9d9;
font-family: IRANSansX;
font-weight: 300;
font-size: 12px;
line-height: 18px;
letter-spacing: 0%;
text-align: right;
color: #8a92a8;
display: flex;
align-items: center;
span {
margin-left: 0.1em;
font-family: IRANSansX;
font-weight: 300;
font-size: 12px;
line-height: 18px;
letter-spacing: 0%;
text-align: right;
color: #4d00ff;
}
}
}
.content {
/* height: calc(100dvh - 29em); */
/* overflow-y: auto; */
.search-item {
padding: 1em 0 1em 0.1em;
.section-header {
display: flex;
justify-content: space-between;
text-align: right;
margin-bottom: 0.5em;
.section-title {
font-family: IRANSansX;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0%;
text-align: right;
/* Fallback color */
color: #4be8ae;
/* Gradient background */
background-image: linear-gradient(
102.02deg,
#4be8ae 7.38%,
#00a762 91.78%
);
/* Clip the background to the text */
background-clip: text;
-webkit-background-clip: text; /* For Safari */
/* Make the text transparent */
color: transparent;
-webkit-text-fill-color: transparent; /* For Safari */
}
.copy-btn {
padding: 0.2em 1em;
/* width: 44px; */
/* height: 24px; */
gap: 4px;
border-radius: 6px;
border-width: 0.5px;
padding-top: 4px;
padding-right: 12px;
padding-bottom: 4px;
padding-left: 12px;
background: #ffffff;
border: 0.5px solid #d9d9d9;
font-family: IRANSansX;
font-weight: 300;
font-size: 12px;
line-height: 18px;
letter-spacing: 0%;
text-align: right;
color: #8a92a8;
}
}
.text-arabic-section {
padding: 2em 0;
.arabic-text {
font-family: Takrim;
font-weight: 400;
font-size: 18px;
line-height: 32px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
margin-bottom: 0.5em;
}
}
.text-persian-section {
padding: 2em 0;
.section-header {
}
.from,
.persian-text {
font-family: Takrim;
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
}
/* .persian-text {
font-family: Takrim;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0%;
text-align: right;
color: #626b84;
margin-bottom: 0.5em;
} */
}
.text-description-section {
padding: 2em 0;
.description-item {
font-family: Takrim;
font-weight: 400;
font-size: 18px;
line-height: 30px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
/*
height: 24px;
gap: 4px;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
border-radius: 6px;
border-width: 0.5px;
border: 0.5px solid #d9d9d9;
font-family: IRANSansX;
font-weight: 300;
font-size: 10px;
line-height: 15px;
letter-spacing: 0%;
text-align: right;
color: #8a92a8; */
}
}
.separator {
/* border: 0.5px solid #eee; */
height: 1px;
background-position: center center;
background-size: contain;
background-image: linear-gradient(
90deg,
#ffffff 0%,
#a0f5ff 30.4%,
#3fc9fa 71.47%,
#a7ffe7 100%
);
}
}
}
}
.body-footer {
.actions {
margin-bottom: 1em;
.similar-btn {
width: 114;
height: 56;
gap: 8px;
border-radius: 12px;
border-width: 0.5px;
padding-top: 8px;
padding-right: 20px;
padding-bottom: 8px;
padding-left: 24px;
background: #ffffff;
border: 0.5px solid;
border-image-source: linear-gradient(
102.02deg,
#4be8ae 7.38%,
#00a762 91.78%
);
box-shadow: 0px 8px 20px 0px #0000001a;
font-family: IRANSansX;
font-weight: 400;
font-size: 15px;
line-height: 22.5px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
}
.explore-btn {
width: 118;
height: 56;
gap: 4px;
border-radius: 12px;
padding-top: 8px;
padding-right: 24px;
padding-bottom: 8px;
padding-left: 20px;
background: linear-gradient(268.94deg, #d284ff -0.65%, #4d00ff 104.59%);
box-shadow: 0px 8px 20px 0px #0000001a;
font-family: IRANSansX;
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0%;
text-align: right;
color: #fff;
}
}
.pagination {
padding: 0.7em 0px;
/* width: 672; */
/* height: 56; */
justify-content: space-between;
border-radius: 16px;
border-width: 0.3px;
padding-right: 32px;
padding-left: 32px;
background: #ffffff;
border: 0.3px solid #e0e0e0;
box-shadow: 0px 8px 20px 0px #0000001a;
.prev-haditha {
font-family: IRANSansX;
font-weight: 300;
font-size: 12px;
line-height: 20px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
}
.next-haditha {
font-family: IRANSansX;
font-weight: 300;
font-size: 12px;
line-height: 20px;
letter-spacing: 0%;
text-align: right;
color: var(--ui-color-two);
}
}
}
}
</style>

View File

@ -15,8 +15,8 @@ useHead({
}); });
const img = useImage(); const img = useImage();
const searchQuery = ref(""); const searchQuery = ref("");
const total = ref(0);
const state = reactive({ const state = reactive({
searchList: [], searchList: [],
}); });
@ -45,9 +45,8 @@ const backgroundImageStyle = computed(() => {
const renderContent = (payload) => { const renderContent = (payload) => {
console.info(payload); console.info(payload);
total.value = payload.res?.hits.total.value ?? 0; state.searchList = payload.searchList;
state.searchList = payload.res?.hits.hits ?? []; searchQuery.value = payload.searchQuery;
searchQuery.value = payload.searchQuery ?? "";
}; };
// components declaration // components declaration
@ -86,12 +85,7 @@ const SearchList = defineAsyncComponent(() =>
v-if="searchQuery?.length == 0" v-if="searchQuery?.length == 0"
class="flex justify-center flex-col items-center" class="flex justify-center flex-col items-center"
> >
<NuxtImg <NuxtImg fit="auto" quality="80" placeholder src="/img/haditha/logo.png" />
fit="auto"
quality="80"
placeholder
src="/img/haditha/logo.png"
/>
<div class="title"> <div class="title">
کاوش با کاوش با
<span class="badge-style"> هوش مصنوعی </span> <span class="badge-style"> هوش مصنوعی </span>
@ -118,7 +112,6 @@ const SearchList = defineAsyncComponent(() =>
<search-list <search-list
no-data-text="نتیجه‌ای یافت نشد!" no-data-text="نتیجه‌ای یافت نشد!"
no-data-icon="/img/haditha/no-data.png" no-data-icon="/img/haditha/no-data.png"
:total="total"
:list="state.searchList" :list="state.searchList"
></search-list> ></search-list>
</div> </div>

View File

@ -1,352 +1,260 @@
export interface HadithResponseModel { export type SummaryOption = { key: string; label: string; type: string };
status: number; export type Filter = {
message: string; title: string;
postion: number; filter_key: string;
meta: any; source_key: string;
took: number; by_more: number;
timed_out: boolean; };
_shards: Shards; export type Summary = {
hits: Hits; title: string;
aggregations: Aggregations; key: string;
params: Params; options: SummaryOption[];
} };
export interface HadithResponseShowModel { export type Tag = {
status: number قانون: string;
message: string عنوان: string;
postion: number متن: string;
meta: any ماده: string;
_index: string نوع: string;
_id: string سال: string;
_version: number دسته: string;
_seq_no: number مصوب: string;
_primary_term: number تاریخ: string;
found: boolean };
_source: Source export type Domain = {
}
export interface Shards {
total: number;
successful: number;
skipped: number;
failed: number;
}
export interface Hits {
total: Total;
max_score: number;
hits: Hit[];
}
export interface Total {
value: number;
relation: string;
}
export interface Hit {
_index: string;
_id: string;
_score: number;
_source: Source;
highlight?: Highlight;
}
export interface Source {
id: string;
address: Address;
content: string;
meta: Meta;
parag_order: number;
style_tag: string;
heading_level: number;
sub_ayehs: any[];
sub_hadithes: any[];
type_key: string;
type_title: string;
lang: string;
tocs: string[];
xml: string;
ai_embeddings: number[];
ai_classes: AiClass[];
}
export interface Address {
book_title: string;
page_end: number;
page_num: number;
vol_id: string;
vol_num: string;
vol_title: string;
}
export interface Meta {
hadith_description: string;
hadith_sanad: string;
hadith_references: any[];
}
export interface AiClass {
score: number;
label: string; label: string;
} tag: string;
export interface Highlight {
"content.fa": string[];
xml: string[];
"ai_classes.label"?: string[];
"content.ph": string[];
content: string[];
type_key: string[];
}
export interface Aggregations {
book_title: BookTitle;
ai_classes: AiClasses;
ai_keywords: AiKeywords;
vol_title: VolTitle;
type_title: TypeTitle;
lang: Lang;
}
export interface BookTitle {
doc_count_error_upper_bound: number;
sum_other_doc_count: number;
buckets: Bucket[];
}
export interface Bucket {
key: string; key: string;
doc_count: number; field_collapse: string;
} table_actions: TableActions[];
table_columns: TableColumns;
};
export interface AiClasses { export type DomainItem = {
doc_count_error_upper_bound: number; label: string;
sum_other_doc_count: number; tag: string;
buckets: Bucket2[];
}
export interface Bucket2 {
key: string; key: string;
doc_count: number; field_collapse: string;
} table_actions: TableActions[];
table_columns: TableColumns[];
};
export interface AiKeywords { export type baseTableAction = {
doc_count_error_upper_bound: number; title: string;
sum_other_doc_count: number;
buckets: Bucket3[];
}
export interface Bucket3 {
key: string; key: string;
doc_count: number; "v-can": string;
} icon: string;
type: string;
export interface VolTitle { link_route?: {
doc_count_error_upper_bound: number; id: string;
sum_other_doc_count: number; name: string;
buckets: Bucket4[]; key: string;
} };
toggle_icons?: { icon1: string; icon2: string };
export interface Bucket4 { };
export type TableActions = [
baseTableAction & {
api_items: {
data_type: string;
ref_key: string;
id: string;
title: string;
};
}
];
export type TableColumnItem = {
key: string; key: string;
doc_count: number; title: string;
} width: string;
textAlign?: string;
isLink?: true;
link_route?: { id: string; name: string; key: string };
trancate_word?: number;
colors?: {
منسوخه: string;
معتبر: string;
موقت: string;
"بااجرامنتفي مي شود": string;
تمديد: string;
آزمايشي: string;
تنفيذ: string;
};
};
export interface TypeTitle { export type TableColumns = TableColumnItem[];
doc_count_error_upper_bound: number;
sum_other_doc_count: number;
buckets: Bucket5[];
}
export interface Bucket5 { export type Advance = {
key: string; key: string;
doc_count: number; label: string;
} tag: string;
type: string;
export interface Lang { placeholder: string;
doc_count_error_upper_bound: number; labelClass: string;
sum_other_doc_count: number; inputClass: string;
buckets: Bucket6[]; multi_select: string;
} options?: [{ value: string; title: string }];
};
export interface Bucket6 { export type SearchType = {
key: string; key: string;
doc_count: number; description?: string;
} label: string;
item?: {
label: string;
type: string;
component: string;
};
};
export type SearchContentActions = {
icon?: "";
title: string;
key: string;
type: string;
"v-can": string;
export interface Params { api_items?: {
index: string; data_type: string;
body: Body; ref_key: string;
} id: string;
title: string;
};
toggle_icons?: { icon1: string; icon2: string };
};
export interface Body { export type Item = {
query: Query; key: string;
from: string; source_key: string;
size: string; label: string;
aggs: Aggs; style: string;
highlight: Highlight2; process?: string;
}
export interface Query { link_route?: {
bool: Bool; id: string;
} name: string;
key: string;
};
};
export type Items = {
key: string;
items: Item[];
array_key: string;
};
export interface Bool { export type SearchContentCollapseItems = {
must: Must[]; key: string;
} items: Items[];
};
export type ListItem = {
title: string;
list_key: string;
filter_key: string;
icon: string;
};
export type List = ListItem[];
// search
export type searchActiveTab = {
key: string;
label: string;
key_navbar:string;
description: string;
routeName: string;
searchContent: string;
showTableList: number;
summary: Summary;
filter: Filter[];
domain: {
tags: Tag;
domain: Domain[] | [];
}|{};
advance: Advance[];
searchType: SearchType[];
search_content: {
actions: SearchContentActions[];
collapse_items: SearchContentCollapseItems;
};
lists: List;
colors_qanon_etebar: {
منسوخه: "red";
معتبر: "green";
موقت: "blue";
"بااجرامنتفي مي شود": "blue";
تمديد: "coral";
آزمايشي: "blue";
تنفيذ: "coral";
};
}| undefined;
export type searchSchema = searchActiveTab[];
export type searchActiveSchema = [];
export interface Must { // search list
bool: Bool2; export type searchChartSchemaItem = {
} key: string;
label: string;
description: string;
routeName: string;
searchContent: string;
showTableList: number;
summary: Summary;
filter: Filter[];
search_content: {
actions: SearchContentActions[];
collapse_items: SearchContentCollapseItems;
};
info: {
title: string;
index_name: string;
meta: string;
table_columns: string;
table_columns_subject: string;
entity_view: string;
lists: [];
items: [{ name: string; title: string }];
};
actions: TableActions;
items: searchListActiveTab[];
};
export interface Bool2 { export type searchListActiveTabItem = {
should?: Should[]; key: string;
filter?: Filter; id: number;
} url_GET_item: string;
key_filter: string;
label: string;
};
export type searchListActiveTab = {
key: string;
label: string;
field_collapsed: string;
items: searchListActiveTabItem[];
};
export interface Should { export type searchListSchema = searchChartSchemaItem[];
match_phrase?: MatchPhrase; export type activeSearchListSchema = searchChartSchemaItem;
match?: Match;
bool?: Bool3;
}
export interface MatchPhrase { // search chart
"content.ph": ContentPh; export type searchChartActiveTab = {
} key: string;
componentName: string;
label: string;
chartBase: {
key: string;
label: string;
items: [{ key: string; label: string }];
};
};
export type searchChartSchema = activeSearchChartSchema[];
export type activeSearchChartSchema = searchActiveTab & {
items: searchChartSchemaItem[];
};
export interface ContentPh { export type searchSynonymTitle = {};
query: string; export type searchSynonymForm = [];
boost: number; export type selectionFilterItems = [];
}
export interface Match { export type helpSchema = helpActiveSchema[];
"content.fa"?: ContentFa; export type helpActiveSchema = {
content?: Content; key: string;
"content.ar"?: ContentAr; label: string;
} title: string;
comment: string;
export interface ContentFa { };
query: string; export type DomainActive = Domain;
boost: number;
}
export interface Content {
query: string;
boost: number;
}
export interface ContentAr {
query: string;
boost: number;
}
export interface Bool3 {
must: Must2[];
}
export interface Must2 {
match: Match2;
}
export interface Match2 {
book_title: BookTitle2;
}
export interface BookTitle2 {
query: string;
boost: number;
}
export interface Filter {
bool: Bool4;
}
export interface Bool4 {
must: Must3[];
}
export interface Must3 {
term: Term;
}
export interface Term {
type_key: string;
}
export interface Aggs {
book_title: BookTitle3;
ai_classes: AiClasses2;
ai_keywords: AiKeywords2;
vol_title: VolTitle2;
type_title: TypeTitle2;
lang: Lang2;
}
export interface BookTitle3 {
terms: Terms;
}
export interface Terms {
field: string;
size: number;
}
export interface AiClasses2 {
terms: Terms2;
}
export interface Terms2 {
field: string;
size: number;
}
export interface AiKeywords2 {
terms: Terms3;
}
export interface Terms3 {
field: string;
size: number;
}
export interface VolTitle2 {
terms: Terms4;
}
export interface Terms4 {
field: string;
size: number;
}
export interface TypeTitle2 {
terms: Terms5;
}
export interface Terms5 {
field: string;
size: number;
}
export interface Lang2 {
terms: Terms6;
}
export interface Terms6 {
field: string;
size: number;
}
export interface Highlight2 {
pre_tags: string[];
post_tags: string[];
fields: Fields;
require_field_match: boolean;
fragment_size: number;
number_of_fragments: number;
boundary_scanner: string;
}
export interface Fields {
"*": GeneratedType;
}
export interface GeneratedType {}