Compare commits
No commits in common. "5f6aeb8d47782250c5f28e81261fa304e84fd505" and "c78e6cb64cfdd600bccb497d2cf3af97ef1f0085" have entirely different histories.
5f6aeb8d47
...
c78e6cb64c
|
|
@ -22,9 +22,7 @@ export default {
|
|||
},
|
||||
library: {
|
||||
list: "monir/book/volume/@field_collapsed/@offset/@limit/@q",
|
||||
show: "@appname/book/page/@page_start/@page_len/@vol_id",
|
||||
show: "@appname/book/page/@page_start/@page_end/@vol_id",
|
||||
prevNextHadith: "monir/nextpage/@index_key/@vol_id/@page_num/@step",
|
||||
getVolumeInfo: "public/get/byids/dhvolume",
|
||||
get: "public/get/byid/dhvolume/@vol_id",
|
||||
},
|
||||
};
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 910 B After Width: | Height: | Size: 910 B |
|
Before Width: | Height: | Size: 304 B After Width: | Height: | Size: 304 B |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 566 B After Width: | Height: | Size: 566 B |
|
Before Width: | Height: | Size: 341 B After Width: | Height: | Size: 341 B |
|
Before Width: | Height: | Size: 341 B After Width: | Height: | Size: 341 B |
|
Before Width: | Height: | Size: 302 B After Width: | Height: | Size: 302 B |
|
Before Width: | Height: | Size: 441 B After Width: | Height: | Size: 441 B |
|
Before Width: | Height: | Size: 251 B After Width: | Height: | Size: 251 B |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 868 B After Width: | Height: | Size: 868 B |
|
Before Width: | Height: | Size: 915 B After Width: | Height: | Size: 915 B |
|
Before Width: | Height: | Size: 212 B After Width: | Height: | Size: 212 B |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 781 B After Width: | Height: | Size: 781 B |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 529 B After Width: | Height: | Size: 529 B |
|
Before Width: | Height: | Size: 203 B After Width: | Height: | Size: 203 B |
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.1 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 681 B After Width: | Height: | Size: 681 B |
|
Before Width: | Height: | Size: 648 B After Width: | Height: | Size: 648 B |
|
Before Width: | Height: | Size: 631 B After Width: | Height: | Size: 631 B |
|
Before Width: | Height: | Size: 943 B After Width: | Height: | Size: 943 B |
|
Before Width: | Height: | Size: 625 B After Width: | Height: | Size: 625 B |
|
Before Width: | Height: | Size: 809 B After Width: | Height: | Size: 809 B |
|
Before Width: | Height: | Size: 823 B After Width: | Height: | Size: 823 B |
|
|
@ -1,16 +0,0 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.99984 8.21598C9.84079 8.21598 11.3332 6.7236 11.3332 4.88265C11.3332 3.0417 9.84079 1.54932 7.99984 1.54932C6.15889 1.54932 4.6665 3.0417 4.6665 4.88265C4.6665 6.7236 6.15889 8.21598 7.99984 8.21598Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.8061 10.7106L10.446 13.0707C10.3527 13.164 10.266 13.3373 10.246 13.464L10.1194 14.364C10.0727 14.6906 10.2994 14.9173 10.626 14.8706L11.526 14.744C11.6527 14.724 11.8327 14.6373 11.9194 14.544L14.2794 12.184C14.686 11.7773 14.8794 11.304 14.2794 10.704C13.686 10.1106 13.2127 10.304 12.8061 10.7106Z" stroke="url(#paint0_linear_67_3867)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.4663 11.0498C12.6663 11.7698 13.2263 12.3298 13.9463 12.5298" stroke="url(#paint1_linear_67_3867)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.27344 14.8825C2.27344 12.3025 4.84012 10.2158 8.00012 10.2158C8.69346 10.2158 9.3601 10.3158 9.9801 10.5025" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3867" x1="14.6902" y1="10.3286" x2="9.81875" y2="10.4184" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_67_3867" x1="13.956" y1="11.0498" x2="12.3704" y2="11.079" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
|
@ -16,13 +16,9 @@
|
|||
/* custom imports */
|
||||
@import "../../../../../assets/common/scss/_IRANSansX.scss";
|
||||
@import "../../../../../assets/common/scss/_takrim.scss";
|
||||
@import "../../../../../assets/common/scss/_vazir.scss";
|
||||
@import "../../../../../assets/common/scss/_estedad.scss";
|
||||
@import "../../../../../assets/common/scss/_sahel-single-font-weight.scss";
|
||||
|
||||
@theme {
|
||||
--font: vazir, sahel, estadad, IRANSansX, "Public Sans", sans-serif;
|
||||
--ar-font: Takrim;
|
||||
--font-sans: "IRANSansX", "Public Sans", sans-serif;
|
||||
--breakpoint-sm: 360px;
|
||||
--breakpoint-md: 720px;
|
||||
--breakpoint-lg: 992px;
|
||||
|
|
@ -53,23 +49,18 @@ html {
|
|||
height: 100%;
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
scroll-behavior: smooth;
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
scroll-behavior: smooth;
|
||||
|
||||
padding: 0 !important;
|
||||
margin: 0px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
.haditha-system,
|
||||
.hadith-system {
|
||||
.haditha-system {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -77,18 +68,7 @@ html {
|
|||
.isolate {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.text__orange {
|
||||
padding: 0 3px;
|
||||
background-color: rgb(255, 250, 155);
|
||||
/* background-color: rgb(255, 223, 203); */
|
||||
}
|
||||
/* .iconify { */
|
||||
/* width: 1.72em; */
|
||||
/* height: 1.72em; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
.firefox-scrollbar {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #ccc #eee;
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import type { InputMenuItem } from "@nuxt/ui";
|
|||
import hadithaApi from "../../apis/hadithaApi";
|
||||
import { useStorage } from "@vueuse/core";
|
||||
import * as z from "zod";
|
||||
import routeGlobal from "~/middleware/route.global";
|
||||
// import type { FormSubmitEvent } from "@nuxt/ui";
|
||||
|
||||
export type Synonym = {
|
||||
|
|
@ -162,7 +163,7 @@ const state = reactive({
|
|||
// #region methods
|
||||
|
||||
const clearSimilar = () => {
|
||||
// console.info("clearSimilar");
|
||||
console.info("clearSimilar");
|
||||
};
|
||||
|
||||
// const onUpdateModel = (newVal: boolean | InputMenuItem | any) => {
|
||||
|
|
@ -418,8 +419,7 @@ onMounted(() => {
|
|||
|
||||
<!-- <client-only> -->
|
||||
<div class="search-input">
|
||||
<!-- <UInputMenu -->
|
||||
<UInput
|
||||
<UInputMenu
|
||||
class="w-full focus:placeholder-gray-800"
|
||||
:items="<any>Array.from(userSearchHistory)"
|
||||
v-model="searchTerm"
|
||||
|
|
@ -445,7 +445,7 @@ onMounted(() => {
|
|||
>
|
||||
<!-- @update:modelValue="onUpdateModel" -->
|
||||
<!-- @update:searchTerm="onUpdateModel" -->
|
||||
</UInput>
|
||||
</UInputMenu>
|
||||
</div>
|
||||
<UButton
|
||||
class="my-trailing-button"
|
||||
|
|
@ -727,7 +727,7 @@ onMounted(() => {
|
|||
padding: 5px 7px;
|
||||
background: #1b213266;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 500;
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
|
|
@ -736,7 +736,7 @@ onMounted(() => {
|
|||
color: #ffffff;
|
||||
}
|
||||
.text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 32px;
|
||||
|
|
@ -824,7 +824,7 @@ onMounted(() => {
|
|||
border: 0.3px solid #e0e0e0;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -847,7 +847,7 @@ onMounted(() => {
|
|||
border: 0.3px solid #e0e0e0;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
color: #8a92a8;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 20px;
|
||||
|
|
@ -905,7 +905,7 @@ onMounted(() => {
|
|||
|
||||
.synonymItem {
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
|
|
@ -929,7 +929,7 @@ onMounted(() => {
|
|||
border: 0.3px solid #d9d9d9;
|
||||
background: #f0f1f4;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 100%;
|
||||
|
|
@ -974,6 +974,6 @@ onMounted(() => {
|
|||
}
|
||||
}
|
||||
|
||||
/* @media scrren and (min-width: 720px) and (max-width: 991.99px) {
|
||||
} */
|
||||
@media scrren and (min-width: 720px) and (max-width: 991.99px) {
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ const goToLibraryShow = (item) => {
|
|||
<UCard
|
||||
v-if="props.list?.length"
|
||||
v-for="(item, index) in props.list"
|
||||
class="mx-auto"
|
||||
class="mx-auto"
|
||||
:key="index"
|
||||
variant="solid"
|
||||
:ui="{
|
||||
|
|
@ -53,6 +53,11 @@ const goToLibraryShow = (item) => {
|
|||
id: item?._source?.id,
|
||||
slug: item?._source?.title,
|
||||
},
|
||||
query: {
|
||||
page_first: item._source.page_first,
|
||||
page_last: item._source.page_last,
|
||||
page_count: item._source.page_count,
|
||||
},
|
||||
}"
|
||||
color="neutral"
|
||||
variant="outline"
|
||||
|
|
@ -64,12 +69,10 @@ const goToLibraryShow = (item) => {
|
|||
fit="auto"
|
||||
quality="80"
|
||||
placeholder
|
||||
src="/img/haditha/library/totally.webp"
|
||||
/>
|
||||
<!-- src="/img/haditha/sample-bgi.svg" -->
|
||||
src="/img/haditha/sample-bgi.svg"
|
||||
/>
|
||||
<p class="title">{{ item?._source?.title }}</p>
|
||||
<p class="version">
|
||||
جلد
|
||||
{{ item?._source?.vol_title + item?._source?.vol_num }}
|
||||
</p>
|
||||
</ULink>
|
||||
|
|
@ -94,7 +97,7 @@ const goToLibraryShow = (item) => {
|
|||
|
||||
.title {
|
||||
margin-top: 0.7em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 19.5px;
|
||||
|
|
@ -104,7 +107,7 @@ const goToLibraryShow = (item) => {
|
|||
}
|
||||
|
||||
.version {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import { useAuthStore } from "@stores/authStore";
|
|||
|
||||
// {
|
||||
// label: "چت بات",
|
||||
// icon: "haditha:chat-bot",
|
||||
// icon: "i-haditha-chat-bot",
|
||||
// to: "/haditha/chat-bot",
|
||||
// slot: "chat-bot",
|
||||
// class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
|
|
@ -11,15 +11,15 @@ import { useAuthStore } from "@stores/authStore";
|
|||
|
||||
const items = ref([
|
||||
{
|
||||
label: "خانه",
|
||||
icon: "haditha:home",
|
||||
label: "حانه",
|
||||
icon: "i-haditha-home",
|
||||
to: "/haditha",
|
||||
descrption: "صفحه اصلی",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center hide-label",
|
||||
},
|
||||
{
|
||||
label: "جستجو",
|
||||
icon: "haditha:search",
|
||||
icon: "i-haditha-search",
|
||||
to: "/haditha/search",
|
||||
slot: "search",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
|
|
@ -27,7 +27,7 @@ const items = ref([
|
|||
|
||||
{
|
||||
label: "کتابخانه",
|
||||
icon: "haditha:library",
|
||||
icon: "i-haditha-library",
|
||||
to: "/haditha/library",
|
||||
slot: "library",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
|
|
@ -35,46 +35,46 @@ const items = ref([
|
|||
|
||||
{
|
||||
label: "نشان شده ها",
|
||||
icon: "haditha:bookmark",
|
||||
icon: "i-haditha-bookmark",
|
||||
to: "/haditha/favorites",
|
||||
class: "flex flex-col lg:hidden justify-center items-center",
|
||||
},
|
||||
|
||||
{
|
||||
label: "دیگر",
|
||||
icon: "haditha:menu",
|
||||
icon: "i-haditha-menu",
|
||||
|
||||
class:
|
||||
"flex flex-col lg:hidden justify-center items-center hide-chevron other haditha:other",
|
||||
"flex flex-col lg:hidden justify-center items-center hide-chevron other /haditha/other",
|
||||
children: [
|
||||
{
|
||||
label: "ورود / ثبت نام",
|
||||
icon: "haditha:user-icon",
|
||||
icon: "i-haditha-user",
|
||||
to: "/haditha/login",
|
||||
},
|
||||
{
|
||||
label: "کتابخانه",
|
||||
icon: "haditha:library",
|
||||
icon: "i-haditha-library",
|
||||
to: "/haditha/library",
|
||||
},
|
||||
{
|
||||
label: "در باره ما",
|
||||
icon: "haditha:about-us",
|
||||
icon: "i-haditha-about-us",
|
||||
to: "/haditha/about-us",
|
||||
},
|
||||
{
|
||||
label: "تماس با ما",
|
||||
icon: "haditha:contact-us",
|
||||
icon: "i-haditha-contact-us",
|
||||
to: "/haditha/contact-us",
|
||||
},
|
||||
{
|
||||
label: "قوانین و مقررات",
|
||||
icon: "haditha:copyright",
|
||||
icon: "i-haditha-copyright",
|
||||
to: "/haditha/rules",
|
||||
},
|
||||
{
|
||||
label: "خروج از حساب",
|
||||
icon: "haditha:logout",
|
||||
icon: "i-haditha-logout",
|
||||
type: "button" as const,
|
||||
onSelect(e: Event) {
|
||||
e.preventDefault();
|
||||
|
|
@ -85,41 +85,35 @@ const items = ref([
|
|||
},
|
||||
]);
|
||||
|
||||
const desktopLeftMenu = ref([
|
||||
const leftItem = computed(() => [
|
||||
{
|
||||
label: "نشان شده ها",
|
||||
icon: "haditha:bookmark",
|
||||
icon: "i-haditha-bookmark",
|
||||
to: "/haditha/favorites",
|
||||
},
|
||||
|
||||
{
|
||||
label: "Guide",
|
||||
icon: "haditha:menu",
|
||||
icon: "i-haditha-menu",
|
||||
children: [
|
||||
{
|
||||
label: "ورود / ثبت نام",
|
||||
icon: "haditha:user-icon",
|
||||
to: "/haditha/login",
|
||||
},
|
||||
|
||||
{
|
||||
label: "در باره ما",
|
||||
icon: "haditha:about-us",
|
||||
icon: "i-haditha-about-us",
|
||||
to: "/haditha/about-us",
|
||||
},
|
||||
{
|
||||
label: "تماس با ما",
|
||||
icon: "haditha:contact-us",
|
||||
icon: "i-haditha-contact-us",
|
||||
to: "/haditha/contact-us",
|
||||
},
|
||||
{
|
||||
label: "قوانین و مقررات",
|
||||
icon: "haditha:copyright",
|
||||
icon: "i-haditha-copyright",
|
||||
to: "/haditha/rules",
|
||||
},
|
||||
{
|
||||
label: "خروج از حساب",
|
||||
icon: "haditha:logout",
|
||||
icon: "i-haditha-logout",
|
||||
type: "button" as const,
|
||||
onSelect(e: Event) {
|
||||
e.preventDefault();
|
||||
|
|
@ -134,50 +128,28 @@ const isMobile = ref(false);
|
|||
const rerenderNavigation = ref(1);
|
||||
const { isAuthenticatedGetter, isRealUserGetter } = useAuthStore();
|
||||
|
||||
const filterLeftItem = () => {
|
||||
if (isAuthenticatedGetter) {
|
||||
let otherItemChildren = desktopLeftMenu.value[1].children.filter(
|
||||
(i) => i.icon != "haditha:user-icon"
|
||||
);
|
||||
desktopLeftMenu.value[1].children = otherItemChildren;
|
||||
} else {
|
||||
let otherItemChildren = desktopLeftMenu.value[1].children.filter(
|
||||
(i) => i.icon != "haditha:logout"
|
||||
);
|
||||
|
||||
desktopLeftMenu.value[1].children = otherItemChildren;
|
||||
rerenderNavigation.value++;
|
||||
}
|
||||
};
|
||||
const filterRightItem = () => {
|
||||
const setMenu = () => {
|
||||
if (isAuthenticatedGetter) {
|
||||
let otherItem = items.value.find((item) => {
|
||||
return item.class.includes("haditha:other");
|
||||
return item.class.includes("/haditha/other");
|
||||
});
|
||||
|
||||
let otherItemChildren = otherItem.children.filter(
|
||||
(i) => i.icon != "haditha:user-icon"
|
||||
(i) => i.to != "/haditha/login"
|
||||
);
|
||||
otherItem.children = otherItemChildren;
|
||||
} else {
|
||||
let otherItemIndex = items.value.findIndex((item) => {
|
||||
return item.class.includes("haditha:other");
|
||||
let otherItem = items.value.find((item) => {
|
||||
return item.class.includes("/haditha/other");
|
||||
});
|
||||
|
||||
let otherItemChildren = items.value[otherItemIndex].children.filter(
|
||||
(i) => i.icon != "haditha:logout"
|
||||
let otherItemChildren = otherItem.children.filter(
|
||||
(i) => i.icon != "i-haditha-logout"
|
||||
);
|
||||
|
||||
items.value[otherItemIndex].children = otherItemChildren;
|
||||
rerenderNavigation.value++;
|
||||
otherItem.children = otherItemChildren;
|
||||
}
|
||||
};
|
||||
|
||||
const setMenu = () => {
|
||||
filterRightItem();
|
||||
filterLeftItem();
|
||||
};
|
||||
|
||||
setMenu();
|
||||
|
||||
// if(!(isAuthenticatedGetter && isRealUserGetter))
|
||||
|
|
@ -213,8 +185,8 @@ onMounted(() => {
|
|||
linkTrailingBadge: 'linkTrailingBadge',
|
||||
}"
|
||||
/>
|
||||
<div class="hidden lg:flex items-center hamburger-menu">
|
||||
<template v-for="(item, index) in desktopLeftMenu">
|
||||
<div class="hidden lg:flex items-center">
|
||||
<template v-for="(item, index) in leftItem">
|
||||
<UDropdownMenu
|
||||
v-if="item.children?.length"
|
||||
:items="item.children"
|
||||
|
|
@ -230,14 +202,9 @@ onMounted(() => {
|
|||
itemLeadingAvatarSize: 'itemLeadingAvatarSize',
|
||||
itemTrailing: 'itemTrailing',
|
||||
}"
|
||||
:content="{
|
||||
align: 'end',
|
||||
side: 'bottom',
|
||||
sideOffset: 15,
|
||||
}"
|
||||
>
|
||||
<UButton
|
||||
icon="haditha:menu"
|
||||
icon="i-haditha-menu"
|
||||
variant="ghost"
|
||||
:ui="{
|
||||
base: 'string[]',
|
||||
|
|
@ -290,7 +257,6 @@ onMounted(() => {
|
|||
|
||||
.isolate.min-w-0.flex.items-center.list {
|
||||
li {
|
||||
margin-left: 0.5em;
|
||||
padding: 0;
|
||||
|
||||
.group {
|
||||
|
|
@ -299,16 +265,11 @@ onMounted(() => {
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: linear-gradient(
|
||||
320.71deg,
|
||||
#b9fde0 6.56%,
|
||||
#e4f9f0 69.69%
|
||||
);
|
||||
// &::before {
|
||||
// background-color: color-mix(in oklab, #00a762 50%, transparent);
|
||||
// box-shadow: 0px 4px 10px 0px #00745933;
|
||||
// border-radius: 0.75em; //12px;
|
||||
// }
|
||||
&::before {
|
||||
background-color: color-mix(in oklab, #00a762 50%, transparent);
|
||||
box-shadow: 0px 4px 10px 0px #00745933;
|
||||
border-radius: 0.75em; //12px;
|
||||
}
|
||||
}
|
||||
|
||||
// max-width: 112px;
|
||||
|
|
@ -320,7 +281,7 @@ onMounted(() => {
|
|||
padding-bottom: 0.37em; /*6px*/
|
||||
padding-left: 1.2em;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 0.87rem; /*14px*/
|
||||
line-height: 1.3rem; /*6px*/
|
||||
|
|
@ -381,11 +342,6 @@ onMounted(() => {
|
|||
}
|
||||
}
|
||||
}
|
||||
.group.item {
|
||||
&:hover {
|
||||
background: linear-gradient(320.71deg, #b9fde0 6.56%, #e4f9f0 69.69%);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991.99px) {
|
||||
.fixed {
|
||||
|
|
@ -430,7 +386,7 @@ onMounted(() => {
|
|||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 100%;
|
||||
|
|
|
|||
|
|
@ -2,28 +2,28 @@
|
|||
const state = reactive({
|
||||
items: [
|
||||
{
|
||||
img: "/img/haditha/khosro-panahi.png",
|
||||
img: "https://picsum.photos/640/640?random=1",
|
||||
title: "حجتالاسلام خسروپناه",
|
||||
job: "پژوهشگر",
|
||||
summary:
|
||||
"این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است. این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است.",
|
||||
},
|
||||
{
|
||||
img: "/img/haditha/khosro-panahi.png",
|
||||
img: "https://picsum.photos/640/640?random=1",
|
||||
title: "حجتالاسلام خسروپناه",
|
||||
job: "پژوهشگر",
|
||||
summary:
|
||||
"این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است. این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است.",
|
||||
},
|
||||
{
|
||||
img: "/img/haditha/khosro-panahi.png",
|
||||
img: "https://picsum.photos/640/640?random=1",
|
||||
title: "حجتالاسلام خسروپناه",
|
||||
job: "پژوهشگر",
|
||||
summary:
|
||||
"این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است. این سرویس برای هر کسی که به دنبال احادیث است، ضروری است. با این سرویس، پژوهشهای من بسیار سادهتر شده است.",
|
||||
},
|
||||
{
|
||||
img: "/img/haditha/khosro-panahi.png",
|
||||
img: "https://picsum.photos/640/640?random=1",
|
||||
title: "حجتالاسلام خسروپناه",
|
||||
job: "پژوهشگر",
|
||||
summary:
|
||||
|
|
@ -106,7 +106,7 @@ const state = reactive({
|
|||
|
||||
.header {
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 1.25rem; /* 20px;*/
|
||||
line-height: 1.87rem; /* 30px;*/
|
||||
|
|
@ -118,7 +118,7 @@ const state = reactive({
|
|||
}
|
||||
.carousel-item {
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem; /* 24px;*/
|
||||
|
|
@ -141,7 +141,7 @@ const state = reactive({
|
|||
}
|
||||
|
||||
.job {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
|
|
@ -153,7 +153,7 @@ const state = reactive({
|
|||
.summary {
|
||||
/* padding: 2.5em 0 2.5em; */
|
||||
margin-bottom: 0.3em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@ const state = reactive({
|
|||
},
|
||||
{
|
||||
img: "/img/haditha/section-four_card-two.png",
|
||||
title: "خلاصه سازی",
|
||||
title: "تشخیص موجودیت",
|
||||
description: "تجمیع نکات کلیدی از احادیث و شروح مختلف",
|
||||
},
|
||||
{
|
||||
img: "/img/haditha/section-four_card-three.png",
|
||||
title: "چت بات هوشمند",
|
||||
title: "تشخیص موجودیت",
|
||||
description:
|
||||
"امکان تعامل مستقیم با سامانه برای پاسخ به سوالات یا دریافت توضیحات از مفاهیم حدیثی",
|
||||
},
|
||||
|
|
@ -86,7 +86,7 @@ const state = reactive({
|
|||
|
||||
.header {
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 1.25rem; /* 20px;*/
|
||||
line-height: 1.87rem; /* 30px;*/
|
||||
|
|
@ -101,7 +101,7 @@ const state = reactive({
|
|||
border: none;
|
||||
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem; /* 24px;*/
|
||||
|
|
@ -109,7 +109,7 @@ const state = reactive({
|
|||
text-align: center;
|
||||
}
|
||||
.description {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 0.87rem; /* 14px;*/
|
||||
line-height: 1.31rem; /* 21px;*/
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ const AutoComplation = defineAsyncComponent(() =>
|
|||
<navigation-menu></navigation-menu>
|
||||
|
||||
<div class="logo-container flex justify-center flex-col items-center">
|
||||
<img fit="auto" quality="80" placeholder src="/img/haditha/logo.png" />
|
||||
<img fit="auto" quality="80" placeholder src="/img/haditha/logo.webp" />
|
||||
<div class="title">
|
||||
کاوش با
|
||||
<span class="badge-style me-1"> هوش مصنوعی </span>
|
||||
|
|
@ -78,7 +78,7 @@ const AutoComplation = defineAsyncComponent(() =>
|
|||
|
||||
.title {
|
||||
margin-top: 3.5em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
letter-spacing: 0%;
|
||||
|
|
|
|||
|
|
@ -17,25 +17,7 @@ const img = useImage();
|
|||
</script>
|
||||
<template>
|
||||
<section class="section-three flex">
|
||||
<!-- <video class="background-video" loop autoplay>
|
||||
<source
|
||||
src="/img/haditha/video/section-three-gif.mp4"
|
||||
type="video/webm"
|
||||
/>
|
||||
|
||||
|
||||
<source src="/img/haditha/video/section-three-gif.mp4" type="video/mp4" />
|
||||
|
||||
Download the
|
||||
<a href="/img/haditha/video/section-three-gif.mp4">WEBM</a>
|
||||
or
|
||||
<a href="/img/haditha/video/section-three-gif.mp4">MP4</a>
|
||||
video.F
|
||||
</video> -->
|
||||
|
||||
<div
|
||||
class="section-container md:flex md:flex-col md:items-center xl:block mx-auto"
|
||||
>
|
||||
<div class="section-container md:flex md:flex-col md:items-center xl:block mx-auto">
|
||||
<div class="header flex items-center mb-2">
|
||||
<img
|
||||
fit="auto"
|
||||
|
|
@ -71,25 +53,11 @@ const img = useImage();
|
|||
padding-left: 2em; /*32px;*/
|
||||
background-color: #1b2132;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
.background-video {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
height: 36.5em;
|
||||
object-fit:fill;
|
||||
aspect-ratio: 16 / 9; /* Replace with your desired ratio (e.g., 4/3, 1/1) */
|
||||
width: 100%; /* Adjust width as needed */
|
||||
}
|
||||
.section-container {
|
||||
width: 56.7em; /*907px;*/
|
||||
/*height: 15.5em; 249px;*/
|
||||
gap: 9px;
|
||||
z-index:1;
|
||||
|
||||
.header {
|
||||
max-width: 30em; /*480px;*/
|
||||
|
|
@ -109,7 +77,7 @@ const img = useImage();
|
|||
height: 2.1em; /*"34";*/
|
||||
}
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 2rem; /*32px;*/
|
||||
line-height: 3rem; /*48px;*/
|
||||
|
|
@ -132,7 +100,7 @@ const img = useImage();
|
|||
border-radius: 1em;
|
||||
background: #1b2132cc;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem; /*24px;*/
|
||||
|
|
@ -145,7 +113,7 @@ const img = useImage();
|
|||
|
||||
@media screen and (max-width: 1199.99px) {
|
||||
.section-three {
|
||||
background-image: url("/img/haditha/section-three-bgi.webp");
|
||||
background-image: url("/img/haditha/mobile/section-three-bgi_md.png");
|
||||
height: 46.87em;
|
||||
background-position: center 65%;
|
||||
padding-top: 7.5em;
|
||||
|
|
@ -171,7 +139,7 @@ const img = useImage();
|
|||
|
||||
.content {
|
||||
background: transparent;
|
||||
/* color: #626b84; */
|
||||
color: #626b84;
|
||||
max-width: 40em; /*480px;*/
|
||||
|
||||
font-size: 1rem;
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
fit="auto"
|
||||
quality="80"
|
||||
placeholder
|
||||
src="/img/haditha/card-one.png"
|
||||
src="/img/haditha/card-one.webp"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
fit="auto"
|
||||
quality="80"
|
||||
placeholder
|
||||
src="/img/haditha/card-two.png"
|
||||
src="/img/haditha/card-two.webp"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
fit="auto"
|
||||
quality="80"
|
||||
placeholder
|
||||
src="/img/haditha/card-three.png"
|
||||
src="/img/haditha/card-three.webp"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
margin: auto;
|
||||
}
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem; /*24px*/
|
||||
line-height: 2.25rem; /* 36px;*/
|
||||
|
|
|
|||
|
|
@ -1,17 +0,0 @@
|
|||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="17"
|
||||
viewBox="0 0 16 17"
|
||||
fill="none"
|
||||
>
|
||||
<path d="M10.6668 1.83301H5.3335C2.66683 1.83301 1.3335 3.16634 1.3335 5.83301V14.4997C1.3335 14.8663 1.6335 15.1663 2.00016 15.1663H10.6668C13.3335 15.1663 14.6668 13.833 14.6668 11.1663V5.83301C14.6668 3.16634 13.3335 1.83301 10.6668 1.83301Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.66748 6.83301H11.3341" stroke="url(#paint0_linear_67_3319)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.66748 10.166H9.33415" stroke="#1B2132" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3319" x1="11.378" y1="6.83301" x2="4.33954" y2="7.69806" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 961 B |
|
|
@ -139,7 +139,7 @@ function toggleAccordion(id, event) {
|
|||
<style scoped>
|
||||
.accordion-menu {
|
||||
.accordion-menu-item {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 19.5px;
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ const props = defineProps({
|
|||
<style scoped>
|
||||
.tree-item[aria-expanded="true"] {
|
||||
background: linear-gradient(320.71deg, #b9fde0 6.56%, #e4f9f0 69.69%);
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 19.5px;
|
||||
|
|
|
|||
|
|
@ -134,7 +134,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
|
|||
|
||||
.title {
|
||||
margin-bottom: 1.2em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
|
|
@ -156,7 +156,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
|
|||
}
|
||||
|
||||
.description {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -185,7 +185,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -225,7 +225,7 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 100%;
|
||||
|
|
|
|||
|
|
@ -139,7 +139,7 @@ onMounted(() => {
|
|||
|
||||
.title {
|
||||
margin-bottom: 1.2em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
|
|
@ -161,7 +161,7 @@ onMounted(() => {
|
|||
}
|
||||
|
||||
.description {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -190,7 +190,7 @@ onMounted(() => {
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -230,7 +230,7 @@ onMounted(() => {
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 100%;
|
||||
|
|
|
|||
|
|
@ -16,23 +16,14 @@ const props = defineProps({
|
|||
noDataIcon: {
|
||||
default: "/img/haditha/no-data.png",
|
||||
},
|
||||
searchTerm: {
|
||||
default: "",
|
||||
},
|
||||
});
|
||||
const emit = defineEmits(["on-bookmard-removed"]);
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
// const modal = useModal();
|
||||
// const isModalOpen = ref(false);
|
||||
|
||||
const hadithAddress = (item) => {
|
||||
return `${item?._source?.address?.vol_title}، صفحه
|
||||
${item?._source?.address?.page_num}`;
|
||||
};
|
||||
|
||||
function goToSearchShowPage(selectedItem) {
|
||||
function openModal(selectedItem) {
|
||||
// modal.open(SearchShow, { title: "Welcome" });
|
||||
// isModalOpen.value = true;
|
||||
|
||||
|
|
@ -48,7 +39,8 @@ function goToSearchShowPage(selectedItem) {
|
|||
slug: slug,
|
||||
},
|
||||
query: {
|
||||
q: props.searchTerm,
|
||||
firstPage: 1,
|
||||
page_count: props.total,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
|
@ -77,86 +69,80 @@ const removeFromFavorites = async (item = {}, index = 0) => {
|
|||
title: item?._source?.title,
|
||||
};
|
||||
httpService.postRequest(url, formData).then((res) => {
|
||||
emit("on-bookmard-removed", index);
|
||||
// this.updateListAnswer(index, "tbookmark", 0);
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
v-if="props?.list?.length"
|
||||
class="search-list-item"
|
||||
v-for="(item, index) in props.list"
|
||||
:key="index"
|
||||
>
|
||||
<div class="flex justify-between mt-4 mb-2">
|
||||
<a
|
||||
:href="`/haditha/search/${item?._source?.id}/${
|
||||
item?._source?.meta?.hadith_masoum ??
|
||||
item?._source?.meta?.hadith_sanad
|
||||
}`"
|
||||
@click.prevent="goToSearchShowPage(item)"
|
||||
class="from-person block"
|
||||
>
|
||||
{{
|
||||
item?._source?.meta?.hadith_masoum ??
|
||||
item?._source?.meta?.hadith_sanad
|
||||
}}
|
||||
</a>
|
||||
<UButton
|
||||
v-if="route.name == 'hadithaFavorites'"
|
||||
@click="removeFromFavorites(item, index)"
|
||||
variant="ghost"
|
||||
color="error"
|
||||
class="copy-btn"
|
||||
label="حذف"
|
||||
/>
|
||||
<div class="search-list-contianer">
|
||||
<div class="total">
|
||||
<span>{{ total }}</span>
|
||||
نتیجه
|
||||
</div>
|
||||
|
||||
<a
|
||||
@click.prevent="goToSearchShowPage(item)"
|
||||
class="arabic-text block"
|
||||
:href="`/haditha/search/${item?._source?.id}/${item?._source?.content_ar}`"
|
||||
v-html="item?._source?.content_ar"
|
||||
>
|
||||
</a>
|
||||
<a
|
||||
@click.prevent="goToSearchShowPage(item)"
|
||||
:href="`/haditha/search/${item?._source?.id}/${item?._source?.content}`"
|
||||
class="persian-text block"
|
||||
v-html="item?.highlight?.['content.fa'] ?? item?._source?.content"
|
||||
></a>
|
||||
<div class="flex justify-end">
|
||||
<ULink
|
||||
:to="{
|
||||
name: 'hadithaLibraryShow',
|
||||
params: {
|
||||
id: item?._source?.address.vol_id,
|
||||
slug: hadithAddress(item),
|
||||
},
|
||||
query: {
|
||||
page_num: item?._source?.address?.page_num,
|
||||
},
|
||||
}"
|
||||
color="neutral"
|
||||
variant="outline"
|
||||
:ui="{
|
||||
leadingIcon: 'text-(--ui-primary)',
|
||||
}"
|
||||
class="reference"
|
||||
<div class="search-list firefox-scrollbar">
|
||||
<div
|
||||
v-if="props.list.length"
|
||||
class="search-list-item"
|
||||
v-for="(item, index) in props.list"
|
||||
:key="index"
|
||||
>
|
||||
{{ hadithAddress(item) ?? "" }}
|
||||
</ULink>
|
||||
<div class="flex justify-between mt-4 mb-2">
|
||||
<a
|
||||
:href="`/haditha/search/${item?._source?.id}/${
|
||||
item?._source?.meta?.hadith_masoum ??
|
||||
item?._source?.meta?.hadith_sanad
|
||||
}`"
|
||||
@click.prevent="openModal(item)"
|
||||
class="from-person block"
|
||||
>
|
||||
{{
|
||||
item?._source?.meta?.hadith_masoum ??
|
||||
item?._source?.meta?.hadith_sanad
|
||||
}}
|
||||
</a>
|
||||
<UButton
|
||||
v-if="route.name == 'hadithaFavorites'"
|
||||
@click="removeFromFavorites(item)"
|
||||
variant="ghost"
|
||||
color="error"
|
||||
class="copy-btn"
|
||||
label="حذف"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- <p class="reference">
|
||||
{{ item?._source?.address?.vol_title }}، صفحه
|
||||
{{ item?._source?.address?.page_num }}
|
||||
</p> -->
|
||||
<a
|
||||
@click.prevent="openModal(item)"
|
||||
class="arabic-text block"
|
||||
:href="`/haditha/search/${item?._source?.id}/${item?._source?.content_ar}`"
|
||||
>
|
||||
{{ item?._source?.content_ar }}
|
||||
</a>
|
||||
<a
|
||||
@click.prevent="openModal(item)"
|
||||
:href="`/haditha/search/${item?._source?.id}/${item?._source?.content}`"
|
||||
class="persian-text block"
|
||||
v-html="item?.highlight?.['content.fa'] ?? item?._source?.content"
|
||||
></a>
|
||||
<div class="flex justify-end">
|
||||
<p class="reference">
|
||||
{{ item?._source?.address?.vol_title }}، صفحه
|
||||
{{ item?._source?.address?.page_num }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<no-data
|
||||
class="h-full w-full flex flex-col justify-center items-center"
|
||||
v-else
|
||||
>
|
||||
<img fit="auto" quality="80" placeholder :src="props.noDataIcon" />
|
||||
<p class="no-data-text">{{ props.noDataText }}</p>
|
||||
</no-data>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <UModal
|
||||
<!-- <UModal
|
||||
v-model:open="isModalOpen"
|
||||
:dismissible="false"
|
||||
:ui="{
|
||||
|
|
@ -178,79 +164,218 @@ const removeFromFavorites = async (item = {}, index = 0) => {
|
|||
</template>
|
||||
<<template #footer></template>
|
||||
</UModal> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.search-list-item {
|
||||
.from-person {
|
||||
font-family: var(--font);
|
||||
font-weight: 300;
|
||||
font-size: 0.75rem; /*12px*/
|
||||
line-height: 1.125rem; /*18px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #00a762; /* #4be8ae 7.38% */
|
||||
margin-bottom: 0.5em;
|
||||
.search-list-contianer {
|
||||
max-width: 41em; /*656px*/
|
||||
width: 100%;
|
||||
margin: 0 1em;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
.arabic-text {
|
||||
font-family: var(--ar-font);
|
||||
.total {
|
||||
padding: 0.5em 1.8em;
|
||||
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 1.125rem; /*18px*/
|
||||
line-height: 2rem; /*23px*/
|
||||
font-size: 0.68rem; /*11px*/
|
||||
line-height: 1rem;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
margin-bottom: 0.5em;
|
||||
color: #b4c2cf;
|
||||
}
|
||||
.search-list {
|
||||
padding: 1em 1.3em;
|
||||
height: calc(100dvh - 16em);
|
||||
overflow-y: auto;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
&.hadithaFavorites {
|
||||
height: calc(100dvh - 8em);
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 0.3px solid #d9d9d9;
|
||||
}
|
||||
|
||||
.search-list-item {
|
||||
.from-person {
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 0.75rem; /*12px*/
|
||||
line-height: 1.125rem; /*18px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #00a762; /* #4be8ae 7.38% */
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
.arabic-text {
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 1.125rem; /*18px*/
|
||||
line-height: 2rem; /*23px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
.persian-text {
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 1rem; /*16px*/
|
||||
line-height: 1.375rem; /*22px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #626b84;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.reference {
|
||||
height: 24px;
|
||||
gap: 4px;
|
||||
padding-top: 0.25em; /*4px*/
|
||||
padding-right: 0.5em; /*8px*/
|
||||
padding-bottom: 0.25em; /*4px*/
|
||||
padding-left: 0.5em; /*8px*/
|
||||
border-radius: 6px; /*18px*/
|
||||
border-width: 0.5px;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 0.625rem; /*10px*/
|
||||
line-height: 0.9rem; /*15px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #8a92a8;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.persian-text {
|
||||
font-family: var(--font);
|
||||
font-weight: 400;
|
||||
font-size: 0.8rem; /*16px*/
|
||||
line-height: 1.375rem; /*22px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #626b84;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.reference {
|
||||
height: 24px;
|
||||
gap: 4px;
|
||||
padding-top: 0.25em; /*4px*/
|
||||
padding-right: 0.5em; /*8px*/
|
||||
padding-bottom: 0.25em; /*4px*/
|
||||
padding-left: 0.5em; /*8px*/
|
||||
border-radius: 6px; /*18px*/
|
||||
border-width: 0.5px;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
.no-data-text {
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 0.625rem; /*10px*/
|
||||
line-height: 1.1rem; /*15px*/
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem; /*24px*/
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #8a92a8;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.text__orange {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border: 0.3px solid #e0e0e0;
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
background: #ffffff;
|
||||
width: 100%;
|
||||
max-width: 720px; /*18px*/
|
||||
border-radius: 16px; /*18px*/
|
||||
gap: 8px;
|
||||
border-width: 0.3px;
|
||||
.modal-body {
|
||||
border-radius: 16px; /*18px*/
|
||||
|
||||
height: 800px; /*18px*/
|
||||
position: relative;
|
||||
|
||||
.top-left-bgi {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-image: url("../../../assets/haditha/images/modal-top-bgi.png");
|
||||
backdrop-filter: blur(54px);
|
||||
width: 447px;
|
||||
height: 447px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: url("../../../assets/haditha/images/modal-bttom-right-bgi.png");
|
||||
backdrop-filter: blur(54px);
|
||||
width: 438px;
|
||||
height: 238px;
|
||||
mix-blend-mode: Multiply;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
width: 458px;
|
||||
height: 239px;
|
||||
mix-blend-mode: Multiply;
|
||||
background-image: url("../../../assets/haditha/images/modal-bottom-left-bgi.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
backdrop-filter: blur(54px);
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-overlay {
|
||||
background: #00000033;
|
||||
}
|
||||
.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: #a71111; */
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -215,7 +215,7 @@ const closeModal = () => {
|
|||
background: #ffffff;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -227,7 +227,7 @@ const closeModal = () => {
|
|||
|
||||
span {
|
||||
margin-left: 0.1em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -252,7 +252,7 @@ const closeModal = () => {
|
|||
margin-bottom: 0.5em;
|
||||
|
||||
.section-title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -293,7 +293,7 @@ const closeModal = () => {
|
|||
background: #ffffff;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -307,7 +307,7 @@ const closeModal = () => {
|
|||
padding: 2em 0;
|
||||
|
||||
.arabic-text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 32px;
|
||||
|
|
@ -327,7 +327,7 @@ const closeModal = () => {
|
|||
|
||||
.from,
|
||||
.persian-text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
|
|
@ -336,7 +336,7 @@ const closeModal = () => {
|
|||
color: var(--ui-color-two);
|
||||
}
|
||||
/* .persian-text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
|
|
@ -350,7 +350,7 @@ const closeModal = () => {
|
|||
padding: 2em 0;
|
||||
|
||||
.description-item {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
|
|
@ -369,7 +369,7 @@ const closeModal = () => {
|
|||
border-width: 0.5px;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
|
|
@ -420,7 +420,7 @@ const closeModal = () => {
|
|||
);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 22.5px;
|
||||
|
|
@ -440,7 +440,7 @@ const closeModal = () => {
|
|||
background: linear-gradient(268.94deg, #d284ff -0.65%, #4d00ff 104.59%);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -464,7 +464,7 @@ const closeModal = () => {
|
|||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
.prev-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
|
|
@ -473,7 +473,7 @@ const closeModal = () => {
|
|||
color: var(--ui-color-two);
|
||||
}
|
||||
.next-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
|
|
|
|||
|
|
@ -356,7 +356,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
);
|
||||
}
|
||||
.message {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 27px;
|
||||
|
|
@ -392,7 +392,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
|
|
@ -419,7 +419,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
padding: 8px;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 11px;
|
||||
line-height: 16.5px;
|
||||
|
|
@ -476,7 +476,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
);
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,5 @@
|
|||
<script setup>
|
||||
import hadithaApi from "@haditha/apis/hadithaApi";
|
||||
import headLinks from "@haditha/json/haditha/headLinks";
|
||||
import headMetas from "@haditha/json/haditha/headMetas";
|
||||
import { useInfiniteScroll } from "@vueuse/core";
|
||||
|
||||
definePageMeta({
|
||||
layout: false,
|
||||
|
|
@ -13,99 +10,172 @@ useHead({
|
|||
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | ذخیره ها`,
|
||||
meta: [
|
||||
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
|
||||
...headMetas,
|
||||
{
|
||||
name: "msapplication-TileImage",
|
||||
content: "/img/haditha/fav-icons/ms-icon-144x144.png",
|
||||
},
|
||||
{ name: "theme-color", content: "#ffffff" },
|
||||
],
|
||||
bodyAttrs: {
|
||||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
link: headLinks,
|
||||
link: [
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/x-icon",
|
||||
href: "/img/haditha/fav-icons/favicon.ico",
|
||||
},
|
||||
{ rel: "manifest", href: "/img/haditha/fav-icons/manifest.json" },
|
||||
// rel: icon
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "16x16",
|
||||
href: "/img/haditha/fav-icons/favicon-16x16.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "32x32",
|
||||
href: "/img/haditha/fav-icons/favicon-32x32.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "96x96",
|
||||
href: "/img/haditha/fav-icons/favicon-96x96.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
sizes: "192x192",
|
||||
type: "image/png",
|
||||
href: "/img/haditha/fav-icons/android-icon-192x192.png",
|
||||
},
|
||||
// rel: apple
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "57x57",
|
||||
href: "/img/haditha/fav-icons/apple-icon-57x57.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "60x60",
|
||||
href: "/img/haditha/fav-icons/android-icon-60x60.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "72x72",
|
||||
href: "/img/haditha/fav-icons/android-icon-72x72.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "76x76",
|
||||
href: "/img/haditha/fav-icons/android-icon-76x76.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "114x114",
|
||||
href: "/img/haditha/fav-icons/android-icon-114x114.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "120x120",
|
||||
href: "/img/haditha/fav-icons/android-icon-120x120.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "144x144",
|
||||
href: "/img/haditha/fav-icons/android-icon-144x144.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "152x152",
|
||||
href: "/img/haditha/fav-icons/android-icon-152x152.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "180x180",
|
||||
href: "/img/haditha/fav-icons/android-icon-180x180.png",
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
// #region refs
|
||||
const el = ref(null);
|
||||
const loading = ref(false);
|
||||
const httpService = useNuxtApp()["$http"];
|
||||
|
||||
const offset = useState("offset", () => 0);
|
||||
const total = useState("total", () => 0);
|
||||
const loading = useState("loading", () => false);
|
||||
const hasMore = useState("hasMore", () => true);
|
||||
|
||||
// #endregion refs
|
||||
|
||||
// #region reactive
|
||||
const state = reactive({
|
||||
// list: new Array(5).fill(0),
|
||||
list: [],
|
||||
counts: [],
|
||||
totalCounts: [],
|
||||
pagination: {
|
||||
page: 1,
|
||||
pages: 1,
|
||||
// offset: 0,
|
||||
limit: 500,
|
||||
offset: 0,
|
||||
limit: 10,
|
||||
},
|
||||
});
|
||||
// #endregion reactive
|
||||
|
||||
// #region methods
|
||||
|
||||
const getFavorites = async (dataType = "bookmark") => {
|
||||
const getCategories = async (dataType = "bookmark") => {
|
||||
if (loading.value) return;
|
||||
|
||||
loading.value = true;
|
||||
|
||||
let url = repoUrl() + hadithaApi.favorite.getList;
|
||||
url = url.replace("@data_type", dataType);
|
||||
url = url.replace("@time_key", "all");
|
||||
url = url.replace("@source", "main");
|
||||
url = url.replace("@offset", offset.value);
|
||||
url = url.replace("@offset", state.pagination.offset);
|
||||
url = url.replace("@limit", state.pagination.limit);
|
||||
url = url.replace("@q", "none");
|
||||
|
||||
return await httpService.getRequest(url).then((res) => {
|
||||
console.info(res);
|
||||
total.value = res.hits?.total?.value ?? 0;
|
||||
offset.value += state.pagination.limit;
|
||||
return res;
|
||||
});
|
||||
};
|
||||
|
||||
const { data: favoriteList } = await useAsyncData(
|
||||
"favorites",
|
||||
() => getFavorites(),
|
||||
{
|
||||
transform: (data) => data.hits.hits,
|
||||
}
|
||||
);
|
||||
|
||||
// Client-side infinite scroll
|
||||
useInfiniteScroll(
|
||||
el,
|
||||
async () => {
|
||||
if (!hasMore.value || loading.value) return;
|
||||
|
||||
loading.value = true;
|
||||
try {
|
||||
await getFavorites().then((res) => {
|
||||
const hits = res?.hits?.hits ?? [];
|
||||
|
||||
if (hits.length) {
|
||||
// Use spread operator to create new array reference
|
||||
favoriteList.value = [...favoriteList.value, ...hits];
|
||||
} else {
|
||||
hasMore.value = false;
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
hasMore.value = false;
|
||||
|
||||
// console.error("Error loading more items:", error);
|
||||
// Consider setting hasMore.value = false if you want to stop on error
|
||||
} finally {
|
||||
return await httpService
|
||||
.getRequest(url)
|
||||
.then((res) => {
|
||||
state.list = res.hits.hits;
|
||||
state.totalCounts = res.hits.total.value;
|
||||
loading.value = false;
|
||||
}
|
||||
},
|
||||
{
|
||||
distance: 100,
|
||||
}
|
||||
);
|
||||
const updateList = (index) => {
|
||||
favoriteList.value.splice(index, 1);
|
||||
// getCounts();
|
||||
})
|
||||
.catch((err) => {
|
||||
console.info(err);
|
||||
loading.value = false;
|
||||
});
|
||||
};
|
||||
|
||||
// const getCounts = async () => {
|
||||
// let url = repoUrl() + hadithaApi.favorite.getCounts;
|
||||
// url = url.replace("@data_type", "bookmark");
|
||||
|
||||
// await httpService
|
||||
// .getRequest(url)
|
||||
// .then((res) => {
|
||||
// state.totalCounts = res.hits.total.value;
|
||||
// state.counts = res.aggregations.result.buckets;
|
||||
// loading.value = false;
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// console.info(err);
|
||||
// })
|
||||
// .finally(() => {
|
||||
// loading.value = false;
|
||||
// });
|
||||
// };
|
||||
// #endregion methods
|
||||
|
||||
// #region hooks
|
||||
onMounted(() => {
|
||||
getCategories();
|
||||
});
|
||||
// #endregion methods
|
||||
|
||||
const HadithaLayout = defineAsyncComponent(() =>
|
||||
import("@haditha/layouts/HadithaLayout.vue")
|
||||
);
|
||||
|
|
@ -125,36 +195,14 @@ const SearchList = defineAsyncComponent(() =>
|
|||
<navigation-menu></navigation-menu>
|
||||
|
||||
<div class="text-logo">
|
||||
<div
|
||||
v-show="favoriteList?.length"
|
||||
class="search-box-container pb-0 flex justify-center"
|
||||
>
|
||||
<div class="search-list-contianer">
|
||||
<div class="total">
|
||||
<span>{{ total }}</span>
|
||||
نتیجه
|
||||
</div>
|
||||
|
||||
<div
|
||||
ref="el"
|
||||
class="search-list firefox-scrollbar hadithaFavorites"
|
||||
>
|
||||
<search-list
|
||||
no-data-text="هنوز چیزی ذخیره نکردهاید!"
|
||||
no-data-icon="/img/haditha/save.png"
|
||||
:list="favoriteList"
|
||||
@on-bookmard-removed="updateList"
|
||||
></search-list>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-box-container pb-0 flex justify-center">
|
||||
<search-list
|
||||
no-data-text="هنوز چیزی ذخیره نکردهاید!"
|
||||
no-data-icon="/img/haditha/save.png"
|
||||
:list="state.list"
|
||||
:total="state.totalCounts"
|
||||
></search-list>
|
||||
</div>
|
||||
<no-data
|
||||
v-show="favoriteList?.length == 0"
|
||||
class="h-full w-full flex flex-col justify-center items-center"
|
||||
>
|
||||
<img fit="auto" quality="80" src="/img/haditha/save.png" />
|
||||
<p class="no-data-text">هنوز چیزی ذخیره نکردهاید!</p>
|
||||
</no-data>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -171,7 +219,6 @@ const SearchList = defineAsyncComponent(() =>
|
|||
}
|
||||
|
||||
.text-logo {
|
||||
height: 100%;
|
||||
padding-top: 4.5em;
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -184,36 +231,4 @@ const SearchList = defineAsyncComponent(() =>
|
|||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.search-list-contianer {
|
||||
/*max-width: 41em; 656px*/
|
||||
max-width: 75em; /*1200px*/
|
||||
width: 100%;
|
||||
margin: 0 1em;
|
||||
|
||||
.total {
|
||||
padding: 0.5em 1.8em;
|
||||
|
||||
font-family: var(--font);
|
||||
font-weight: 400;
|
||||
font-size: 0.68rem; /*11px*/
|
||||
line-height: 1rem;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: #b4c2cf;
|
||||
}
|
||||
.search-list {
|
||||
padding: 1em 1.3em;
|
||||
height: calc(100dvh - 16em);
|
||||
overflow-y: auto;
|
||||
|
||||
&.hadithaFavorites {
|
||||
height: calc(100dvh - 8em);
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 0.3px solid #d9d9d9;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -34,26 +34,26 @@ useHead({
|
|||
...headMetas,
|
||||
],
|
||||
bodyAttrs: {
|
||||
class: [import.meta.env.VITE_HADITH_SYSTEM, "library-show-page"],
|
||||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
link: headLinks,
|
||||
});
|
||||
// #endregion imports
|
||||
// #region props
|
||||
|
||||
// const props = defineProps({
|
||||
// list: {
|
||||
// default() {
|
||||
// return [];
|
||||
// },
|
||||
// },
|
||||
// noDataText: {
|
||||
// default: "نتیجهای یافت نشد!",
|
||||
// },
|
||||
// noDataIcon: {
|
||||
// default: "/img/haditha/no-data.png",
|
||||
// },
|
||||
// });
|
||||
const props = defineProps({
|
||||
list: {
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
noDataText: {
|
||||
default: "نتیجهای یافت نشد!",
|
||||
},
|
||||
noDataIcon: {
|
||||
default: "/img/haditha/no-data.png",
|
||||
},
|
||||
});
|
||||
// #endregion props
|
||||
|
||||
// #region refs and reactives
|
||||
|
|
@ -61,23 +61,25 @@ useHead({
|
|||
// const page_num = computed({
|
||||
// // getter
|
||||
// get() {
|
||||
// return selectedItem.value?.[0]._source.address.page_num - 1 >= 1
|
||||
// ? selectedItem.value?.[0]._source.address.page_num - 1
|
||||
// return state.selectedItem?.[0]._source.address.page_num - 1 >= 1
|
||||
// ? state.selectedItem?.[0]._source.address.page_num - 1
|
||||
// : 1;
|
||||
// },
|
||||
// // setter
|
||||
// set(newValue) {
|
||||
// console.info(newValue);
|
||||
|
||||
// // handlePagination(1, newValue);
|
||||
// },
|
||||
// });
|
||||
|
||||
const isModalOpen = ref(false);
|
||||
const loading = ref(false);
|
||||
const httpService = useNuxtApp()["$http"];
|
||||
const loading = useState("loading", () => false);
|
||||
const page_num = useState("page_num", () => 1);
|
||||
const volumeInfo = useState("volumeInfo", () => {});
|
||||
const page_num = ref(1);
|
||||
|
||||
const state = reactive({
|
||||
selectedItem: [] as Hit[],
|
||||
treeItems: [
|
||||
{
|
||||
title: "فصل اول",
|
||||
|
|
@ -132,49 +134,46 @@ const state = reactive({
|
|||
],
|
||||
});
|
||||
|
||||
const pageIsLessThanOne = computed(() => {
|
||||
console.info("pageIsLessThanOne");
|
||||
return page_num.value <= 1;
|
||||
});
|
||||
const pageIsBiggerThanTotal = computed(() => {
|
||||
console.info("pageIsBiggerThanTotal");
|
||||
const page_count = +route.query.page_count;
|
||||
return page_num.value + 1 >= page_count;
|
||||
});
|
||||
// #endregion refs and reactives
|
||||
|
||||
// #region methods
|
||||
const fetchData = async (page_first = 0) => {
|
||||
const pageNum = route.query.page_num;
|
||||
const fetchData = async () => {
|
||||
if (loading.value) return;
|
||||
loading.value = true;
|
||||
|
||||
let page_first = +route.query.page_first;
|
||||
const volId = route.params.id;
|
||||
page_num.value = pageNum ?? page_first;
|
||||
|
||||
let url = repoUrl() + hadithaApi.library.show;
|
||||
url = url.replace("@appname", "monir");
|
||||
url = url.replace("@page_len", 1);
|
||||
url = url.replace("@page_start", 0);
|
||||
url = url.replace("@page_end", 1);
|
||||
url = url.replace("@vol_id", volId);
|
||||
url = url.replace("@page_start", page_num.value);
|
||||
|
||||
return await httpService.getRequest(url).then((res) => {
|
||||
volumeInfo.value = res.meta;
|
||||
console.info("urlurlurlurl", url);
|
||||
// fetch search list from backend(ssr)
|
||||
const { data, status, error, refresh, clear } =
|
||||
await useHadithaSearchComposable<HadithResponseModel>(url, {
|
||||
method: "get",
|
||||
});
|
||||
|
||||
// for first time and navigating from book list.
|
||||
if (page_num.value == 0) page_num.value = volumeInfo.value.page_first;
|
||||
if (status.value == "success") {
|
||||
state.selectedItem = <Hit[]>data.value.hits.hits;
|
||||
}
|
||||
|
||||
return res;
|
||||
});
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
// Server-side initial load
|
||||
const { data: selectedItem } = await useAsyncData(
|
||||
"libraryItem",
|
||||
() => fetchData(),
|
||||
{
|
||||
transform: (data) => data.hits.hits,
|
||||
// getCachedData: (key) => {
|
||||
// return useNuxtApp().payload.data[key] || useNuxtApp().static.data[key];
|
||||
// },
|
||||
}
|
||||
);
|
||||
|
||||
const pageIsLessThanOne = computed(() => {
|
||||
return +page_num.value <= 1;
|
||||
});
|
||||
const pageIsBiggerThanTotal = computed(() => {
|
||||
const page_count = volumeInfo.value?.page_count;
|
||||
return +page_num.value + 1 >= page_count;
|
||||
});
|
||||
fetchData();
|
||||
|
||||
const goToTheLibrary = (type: string) => {
|
||||
router.push({
|
||||
|
|
@ -182,14 +181,17 @@ const goToTheLibrary = (type: string) => {
|
|||
});
|
||||
};
|
||||
const onOpenList = () => {
|
||||
console.info("onOpenList");
|
||||
isModalOpen.value = true;
|
||||
};
|
||||
const onSearch = () => {
|
||||
// console.info("onSearch");
|
||||
router.push({
|
||||
name: "hadithaSearch",
|
||||
});
|
||||
};
|
||||
const onClose = () => {
|
||||
console.info("onClose");
|
||||
router.push({
|
||||
name: "hadithLibrary",
|
||||
});
|
||||
|
|
@ -197,14 +199,14 @@ const onClose = () => {
|
|||
|
||||
const handlePagination = (
|
||||
prevNextIndicator: number,
|
||||
userEnteredPage: number | undefined = undefined
|
||||
pageNumber: number | undefined = undefined
|
||||
) => {
|
||||
if (loading.value) return;
|
||||
loading.value = true;
|
||||
|
||||
const volId = route.params.id;
|
||||
const page_count = volumeInfo.value?.page_count;
|
||||
|
||||
const page_count = +route.query.page_count;
|
||||
const page_first = +route.query.page_first;
|
||||
const isPageBiggerThanOne = +page_num.value + prevNextIndicator > 0;
|
||||
const isPageLessThanTotal = +page_num.value + prevNextIndicator < page_count;
|
||||
|
||||
|
|
@ -213,23 +215,17 @@ const handlePagination = (
|
|||
let url = repoUrl() + hadithaApi.library.prevNextHadith;
|
||||
url = url.replace("@index_key", "dhparag");
|
||||
url = url.replace("@vol_id", volId);
|
||||
url = url.replace(
|
||||
"@page_num",
|
||||
(userEnteredPage ?? page_num.value).toString()
|
||||
);
|
||||
url = url.replace("@page_num", (pageNumber ?? page_num.value).toString());
|
||||
url = url.replace("@step", prevNextIndicator.toString());
|
||||
|
||||
// اگر کاربر شماره صفحه ای را وارد نکرده باشد..
|
||||
if (!userEnteredPage) page_num.value = +page_num.value + prevNextIndicator;
|
||||
page_num.value += prevNextIndicator;
|
||||
|
||||
httpService
|
||||
.getRequest(url)
|
||||
.then((res: HadithResponseModel) => {
|
||||
selectedItem.value = res.hits.hits;
|
||||
state.selectedItem = res.hits.hits;
|
||||
})
|
||||
.finally(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
.finally(() => (loading.value = false));
|
||||
};
|
||||
const handlePageChange = () => {
|
||||
handlePagination(1, +page_num.value);
|
||||
|
|
@ -252,18 +248,19 @@ const getDataTree = () => {
|
|||
|
||||
const prepareTreeData = (data) => {
|
||||
return data.map((item) => {
|
||||
const res = {
|
||||
return {
|
||||
...item,
|
||||
...item._source,
|
||||
title: item._source.content,
|
||||
};
|
||||
delete res._source;
|
||||
return res;
|
||||
});
|
||||
};
|
||||
|
||||
// getDataTree();
|
||||
getDataTree();
|
||||
|
||||
onMounted(() => {
|
||||
page_num.value = +route.query.page_first;
|
||||
});
|
||||
// #endregion methods
|
||||
|
||||
// components declaration
|
||||
|
|
@ -273,9 +270,6 @@ const HadithaLayout = defineAsyncComponent(
|
|||
const UTree = defineAsyncComponent(
|
||||
() => import("@haditha/components/haditha/library-show/UTree.vue")
|
||||
);
|
||||
const NavigationMenu = defineAsyncComponent(
|
||||
() => import("@haditha/components/haditha/NavigationMenu.vue")
|
||||
);
|
||||
// const AccordionMenu = defineAsyncComponent(
|
||||
// () => import("@haditha/components/haditha/library-show/AccordionMenu..vue")
|
||||
// );
|
||||
|
|
@ -286,12 +280,10 @@ const NavigationMenu = defineAsyncComponent(
|
|||
<div class="page-container h-full">
|
||||
<UContainer
|
||||
ui="{
|
||||
base: 'sm:px-6 lg:px-4 ',
|
||||
base: 'sm:px-6 lg:px-4',
|
||||
}"
|
||||
class="page-inner-container sm:px-6 lg:px-4"
|
||||
>
|
||||
<navigation-menu></navigation-menu>
|
||||
|
||||
<div class="page-header py-4 flex justify-between items-center">
|
||||
<div class="flex items-center">
|
||||
<UButton
|
||||
|
|
@ -309,7 +301,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
<div class="flex items-center">
|
||||
<UButton
|
||||
@click="onSearch"
|
||||
class="my-trailing-button search p-0 close-btn text-[var(--ui-color-two)] hover:bg-gray-300"
|
||||
class="my-trailing-button search p-0"
|
||||
icon="i-lucide-search"
|
||||
variant=""
|
||||
size="xl"
|
||||
|
|
@ -318,7 +310,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
|
||||
<UButton
|
||||
@click="goToTheLibrary"
|
||||
class="my-trailing-button close p-0 ms-8 close-btn text-[var(--ui-color-two)] hover:bg-gray-300"
|
||||
class="my-trailing-button close p-0 ms-8"
|
||||
icon="i-lucide:x"
|
||||
variant=""
|
||||
size="xl"
|
||||
|
|
@ -328,16 +320,18 @@ const NavigationMenu = defineAsyncComponent(
|
|||
</div>
|
||||
<div class="separator"></div>
|
||||
|
||||
<div class="page-content firefox-scrollbar py-14 p-2">
|
||||
<div class="page-content py-14 p-2">
|
||||
<!-- <h2></h2> -->
|
||||
<p
|
||||
v-for="(parag, index) in selectedItem"
|
||||
v-if="state.selectedItem?.length"
|
||||
v-for="(parag, index) in state.selectedItem"
|
||||
:key="index"
|
||||
v-html="parag?._source?.content"
|
||||
></p>
|
||||
</div>
|
||||
|
||||
<div class="body-footer">
|
||||
<div class="mt-5 pb-5 z-2">
|
||||
<div class="mt-5 z-2">
|
||||
<div class="flex justify-between pagination">
|
||||
<UButton
|
||||
@click="handlePagination(-1)"
|
||||
|
|
@ -349,7 +343,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
:disabled="pageIsLessThanOne"
|
||||
/>
|
||||
<div class="flex items-center">
|
||||
<span class="total-pages">{{ volumeInfo?.page_count }}</span>
|
||||
<span class="total-pages">{{ route.query.page_count }}</span>
|
||||
<span class="mx-2">/</span>
|
||||
<UInput
|
||||
:disabled="loading"
|
||||
|
|
@ -417,16 +411,15 @@ const NavigationMenu = defineAsyncComponent(
|
|||
|
||||
<style scoped>
|
||||
.page-container {
|
||||
/* background: #f7fffd; */
|
||||
background: #f7fffd;
|
||||
|
||||
.page-inner-container {
|
||||
padding-top: 6em;
|
||||
/* position: relative; */
|
||||
/* padding-bottom: 4em; */
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
/* width: 100%; */
|
||||
/* max-width: 1200px; */
|
||||
/* margin-right: auto; */
|
||||
/* margin-left: auto; */
|
||||
.page-header {
|
||||
color: var(--ui-color-two);
|
||||
|
||||
|
|
@ -437,12 +430,9 @@ const NavigationMenu = defineAsyncComponent(
|
|||
margin-left: 2.2em;
|
||||
}
|
||||
.title {
|
||||
/* font-family: IRANSansX; */
|
||||
font-family: var(--font);
|
||||
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
/* font-size: 16px; */
|
||||
font-size: 0.9rem;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
|
|
@ -477,32 +467,22 @@ const NavigationMenu = defineAsyncComponent(
|
|||
);
|
||||
}
|
||||
.page-content {
|
||||
padding-bottom: 5em;
|
||||
/* margin: 1.5em; */
|
||||
|
||||
/* font-family: var(--ar-font); */
|
||||
font-family: var(--font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
/* font-size: 20px; */
|
||||
font-size: 0.9rem;
|
||||
font-size: 20px;
|
||||
line-height: 40px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
|
||||
color: var(--ui-color-two);
|
||||
|
||||
/* height: calc(100dvh - 13em); */
|
||||
/* overflow-y: auto; */
|
||||
height: calc(100dvh - 8em);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.body-footer {
|
||||
position: fixed;
|
||||
bottom: 0em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
|
||||
.actions {
|
||||
margin-bottom: 1em;
|
||||
|
||||
|
|
@ -526,7 +506,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 22.5px;
|
||||
|
|
@ -550,7 +530,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -574,7 +554,7 @@ const NavigationMenu = defineAsyncComponent(
|
|||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
.total-pages {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 100%;
|
||||
|
|
@ -583,36 +563,23 @@ const NavigationMenu = defineAsyncComponent(
|
|||
color: #8a92a8;
|
||||
}
|
||||
.prev-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 0.6rem;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
}
|
||||
.next-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
/* font-size: 12px; */
|
||||
font-size: 0.6rem;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
}
|
||||
|
||||
.prev-haditha,
|
||||
.next-haditha {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -620,9 +587,6 @@ const NavigationMenu = defineAsyncComponent(
|
|||
</style>
|
||||
|
||||
<style>
|
||||
body.hadith-system.library-show-page {
|
||||
background-color: #f7fffd;
|
||||
}
|
||||
.page-container {
|
||||
.page-inner-container {
|
||||
.body-footer {
|
||||
|
|
@ -638,7 +602,7 @@ body.hadith-system.library-show-page {
|
|||
border-width: 0.5px;
|
||||
border: 0.3px solid #e0e0e0;
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
line-height: 100%;
|
||||
|
|
@ -651,5 +615,3 @@ body.hadith-system.library-show-page {
|
|||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- http://localhost:3000/haditha/library/vdh9971/%D8%AA%D8%B1%D8%AC%D9%85%D9%87%20%D8%A7%D8%B5%D9%88%D9%84%20%DA%A9%D8%A7%D9%81%DB%8C%20%D8%AC%D9%84%D8%AF%20%D8%A7%D9%88%D9%84%D8%8C%20%D8%B5%D9%81%D8%AD%D9%87%0A%20%20%20384 -->
|
||||
|
|
|
|||
|
|
@ -22,18 +22,16 @@ useHead({
|
|||
});
|
||||
|
||||
// #region refs
|
||||
const el = useTemplateRef<HTMLElement>("el");
|
||||
const httpService = useNuxtApp()["$http"];
|
||||
const offset = useState("offset", () => 0);
|
||||
const total = useState("total", () => 0);
|
||||
const loading = useState("loading", () => false);
|
||||
const hasMore = useState("hasMore", () => true);
|
||||
|
||||
const el = ref(null);
|
||||
const route = useRoute();
|
||||
const page = ref(Number(route.query.page) || 1);
|
||||
// #endregion refs
|
||||
|
||||
// #region reactive
|
||||
const state = reactive({
|
||||
pagination: {
|
||||
offset: 0,
|
||||
limit: 10,
|
||||
page: 1,
|
||||
pages: 1,
|
||||
|
|
@ -42,30 +40,36 @@ const state = reactive({
|
|||
|
||||
// #region methods
|
||||
|
||||
const getLibraryList = async () => {
|
||||
const getLibraryList = async (dataType = "bookmark") => {
|
||||
let url = repoUrl() + hadithaApi.library.list;
|
||||
url = url.replace("@field_collapsed", "normal");
|
||||
url = url.replace("@offset", offset.value);
|
||||
url = url.replace("@offset", state.pagination.offset);
|
||||
url = url.replace("@limit", state.pagination.limit);
|
||||
url = url.replace("@q", "none");
|
||||
|
||||
return await httpService.postRequest(url).then((res) => {
|
||||
total.value = res.hits?.total?.value ?? 0;
|
||||
offset.value += state.pagination.limit;
|
||||
|
||||
return res;
|
||||
});
|
||||
return await httpService.postRequest(url);
|
||||
};
|
||||
|
||||
// Server-side initial load
|
||||
const { data: loadedItems } = await useAsyncData(
|
||||
const { data: initialItems } = await useAsyncData(
|
||||
"libraryList",
|
||||
() => getLibraryList(),
|
||||
{
|
||||
transform: (data) => data.hits.hits,
|
||||
getCachedData: (key) => {
|
||||
return useNuxtApp().payload.data[key] || useNuxtApp().static.data[key];
|
||||
},
|
||||
watch: [page],
|
||||
}
|
||||
);
|
||||
|
||||
// Client-side state
|
||||
const loadedItems = ref([]);
|
||||
const loading = ref(false);
|
||||
const hasMore = ref(true);
|
||||
const loader = ref(null);
|
||||
const totalPages = ref(10); // Set based on your API response
|
||||
|
||||
// Client-side infinite scroll
|
||||
useInfiniteScroll(
|
||||
el,
|
||||
|
|
@ -74,21 +78,17 @@ useInfiniteScroll(
|
|||
|
||||
loading.value = true;
|
||||
try {
|
||||
// const nextPage = page.value + 1;
|
||||
await getLibraryList().then((res) => {
|
||||
const hits = res?.hits?.hits ?? [];
|
||||
const hits = res.hits.hits;
|
||||
|
||||
if (hits.length > 0) {
|
||||
// Use spread operator to create new array reference
|
||||
loadedItems.value = [...loadedItems.value, ...hits];
|
||||
if (hits.length) {
|
||||
loadedItems.value.push(...hits);
|
||||
state.pagination.offset += state.pagination.limit;
|
||||
} else {
|
||||
hasMore.value = false;
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
hasMore.value = false;
|
||||
|
||||
// console.error("Error loading more items:", error);
|
||||
// Consider setting hasMore.value = false if you want to stop on error
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
|
|
@ -122,14 +122,23 @@ const CardList = defineAsyncComponent(
|
|||
|
||||
<div
|
||||
ref="el"
|
||||
class="library-list pl-4 firefox-scrollbar grid grid-cols-2 gap-x-15 gap-y-12 md:grid-cols-3 md:gap-x-28 md:gap-y-12 lg:grid-cols-5 lg:gap-x-28 lg:gap-y-12 mx-6"
|
||||
class="library-list grid grid-cols-2 gap-x-15 gap-y-12 md:grid-cols-3 md:gap-x-28 md:gap-y-12 lg:grid-cols-5 lg:gap-x-28 lg:gap-y-12 mx-6"
|
||||
>
|
||||
<!-- Client-side loaded content -->
|
||||
<card-list
|
||||
v-if="loadedItems.length"
|
||||
no-data-text="هنوز چیزی ذخیره نکردهاید!"
|
||||
no-data-icon="/img/haditha/no-data.png"
|
||||
:list="loadedItems"
|
||||
></card-list>
|
||||
|
||||
<!-- Server-rendered initial content -->
|
||||
<card-list
|
||||
v-else
|
||||
no-data-text="هنوز چیزی ذخیره نکردهاید!"
|
||||
no-data-icon="/img/haditha/no-data.png"
|
||||
:list="initialItems"
|
||||
></card-list>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -154,7 +163,7 @@ const CardList = defineAsyncComponent(
|
|||
margin-bottom: 2em;
|
||||
.title {
|
||||
margin-left: 0.4em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
|
@ -171,7 +180,7 @@ const CardList = defineAsyncComponent(
|
|||
overflow-y: auto;
|
||||
}
|
||||
.no-data-text {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
import headLinks from "@haditha/json/haditha/headLinks";
|
||||
import headMetas from "@haditha/json/haditha/headMetas";
|
||||
|
||||
definePageMeta({
|
||||
layout: false,
|
||||
name: "hadithaLogin",
|
||||
|
|
@ -10,12 +7,94 @@ useHead({
|
|||
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | ورود`,
|
||||
meta: [
|
||||
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
|
||||
...headMetas,
|
||||
{
|
||||
name: "msapplication-TileImage",
|
||||
content: "/img/haditha/fav-icons/ms-icon-144x144.png",
|
||||
},
|
||||
{ name: "theme-color", content: "#ffffff" },
|
||||
],
|
||||
bodyAttrs: {
|
||||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
link: headLinks,
|
||||
link: [
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/x-icon",
|
||||
href: "/img/haditha/fav-icons/favicon.ico",
|
||||
},
|
||||
{ rel: "manifest", href: "/img/haditha/fav-icons/manifest.json" },
|
||||
// rel: icon
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "16x16",
|
||||
href: "/img/haditha/fav-icons/favicon-16x16.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "32x32",
|
||||
href: "/img/haditha/fav-icons/favicon-32x32.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "96x96",
|
||||
href: "/img/haditha/fav-icons/favicon-96x96.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
sizes: "192x192",
|
||||
type: "image/png",
|
||||
href: "/img/haditha/fav-icons/android-icon-192x192.png",
|
||||
},
|
||||
// rel: apple
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "57x57",
|
||||
href: "/img/haditha/fav-icons/apple-icon-57x57.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "60x60",
|
||||
href: "/img/haditha/fav-icons/android-icon-60x60.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "72x72",
|
||||
href: "/img/haditha/fav-icons/android-icon-72x72.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "76x76",
|
||||
href: "/img/haditha/fav-icons/android-icon-76x76.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "114x114",
|
||||
href: "/img/haditha/fav-icons/android-icon-114x114.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "120x120",
|
||||
href: "/img/haditha/fav-icons/android-icon-120x120.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "144x144",
|
||||
href: "/img/haditha/fav-icons/android-icon-144x144.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "152x152",
|
||||
href: "/img/haditha/fav-icons/android-icon-152x152.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "180x180",
|
||||
href: "/img/haditha/fav-icons/android-icon-180x180.png",
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
const stepOne = ref(true);
|
||||
|
|
@ -76,7 +155,7 @@ const EnterVerifyCode = defineAsyncComponent(
|
|||
|
||||
.title {
|
||||
margin-bottom: 1.2em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
|
|
@ -98,7 +177,7 @@ const EnterVerifyCode = defineAsyncComponent(
|
|||
}
|
||||
|
||||
.description {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -127,7 +206,7 @@ const EnterVerifyCode = defineAsyncComponent(
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -167,7 +246,7 @@ const EnterVerifyCode = defineAsyncComponent(
|
|||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 100%;
|
||||
|
|
|
|||
|
|
@ -89,7 +89,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
color: var(--ui-color-two);
|
||||
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
|
@ -104,7 +104,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
color: var(--ui-color-two);
|
||||
|
||||
p {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
color: var(--ui-color-two);
|
||||
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
|
@ -159,7 +159,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
.label {
|
||||
display: inline-block;
|
||||
margin-inline-end: 1em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -170,7 +170,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
height: 21;
|
||||
}
|
||||
.value {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -163,7 +163,7 @@ onMounted(() => {
|
|||
color: var(--ui-color-two);
|
||||
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
|
@ -176,7 +176,7 @@ onMounted(() => {
|
|||
color: var(--ui-color-two);
|
||||
|
||||
p {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -102,7 +102,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
color: var(--ui-color-two);
|
||||
|
||||
.title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
|
@ -116,7 +116,7 @@ const NavigationMenu = defineAsyncComponent(() =>
|
|||
overflow: auto;
|
||||
color: var(--ui-color-two);
|
||||
ul li {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
|
|||
|
|
@ -12,8 +12,6 @@
|
|||
import hadithaApi from "@haditha/apis/hadithaApi";
|
||||
import type { HadithResponseModel } from "@haditha/types/hadithType";
|
||||
import type { HadithResponseShowModel } from "~/systems/hadith_ui/types/hadithType";
|
||||
import headLinks from "@haditha/json/haditha/headLinks";
|
||||
import headMetas from "@haditha/json/haditha/headMetas";
|
||||
// #endregion imports
|
||||
|
||||
// #region meta
|
||||
|
|
@ -22,19 +20,98 @@ definePageMeta({
|
|||
name: "hadithaSearchShow",
|
||||
});
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
useHead({
|
||||
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE}`,
|
||||
meta: [
|
||||
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
|
||||
...headMetas,
|
||||
{
|
||||
name: "msapplication-TileImage",
|
||||
content: "/img/haditha/fav-icons/ms-icon-144x144.png",
|
||||
},
|
||||
{ name: "theme-color", content: "#ffffff" },
|
||||
],
|
||||
bodyAttrs: {
|
||||
class: [import.meta.env.VITE_HADITH_SYSTEM, "search-show-page"],
|
||||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
link: headLinks,
|
||||
link: [
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/x-icon",
|
||||
href: "/img/haditha/fav-icons/favicon.ico",
|
||||
},
|
||||
{ rel: "manifest", href: "/img/haditha/fav-icons/manifest.json" },
|
||||
// rel: icon
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "16x16",
|
||||
href: "/img/haditha/fav-icons/favicon-16x16.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "32x32",
|
||||
href: "/img/haditha/fav-icons/favicon-32x32.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
type: "image/png",
|
||||
sizes: "96x96",
|
||||
href: "/img/haditha/fav-icons/favicon-96x96.png",
|
||||
},
|
||||
{
|
||||
rel: "icon",
|
||||
sizes: "192x192",
|
||||
type: "image/png",
|
||||
href: "/img/haditha/fav-icons/android-icon-192x192.png",
|
||||
},
|
||||
// rel: apple
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "57x57",
|
||||
href: "/img/haditha/fav-icons/apple-icon-57x57.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "60x60",
|
||||
href: "/img/haditha/fav-icons/android-icon-60x60.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "72x72",
|
||||
href: "/img/haditha/fav-icons/android-icon-72x72.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "76x76",
|
||||
href: "/img/haditha/fav-icons/android-icon-76x76.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "114x114",
|
||||
href: "/img/haditha/fav-icons/android-icon-114x114.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "120x120",
|
||||
href: "/img/haditha/fav-icons/android-icon-120x120.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "144x144",
|
||||
href: "/img/haditha/fav-icons/android-icon-144x144.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "152x152",
|
||||
href: "/img/haditha/fav-icons/android-icon-152x152.png",
|
||||
},
|
||||
{
|
||||
rel: "apple-touch-icon",
|
||||
sizes: "180x180",
|
||||
href: "/img/haditha/fav-icons/android-icon-180x180.png",
|
||||
},
|
||||
],
|
||||
});
|
||||
// #endregion imports
|
||||
|
||||
|
|
@ -51,50 +128,69 @@ useHead({
|
|||
|
||||
// #region refs and reactives
|
||||
const emit = defineEmits(["close"]);
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
const loading = ref(false);
|
||||
const httpService = useNuxtApp()["$http"];
|
||||
const toast = useToast();
|
||||
|
||||
const state = reactive({
|
||||
selectedItem: {} as HadithResponseShowModel,
|
||||
});
|
||||
// #endregion refs and reactives
|
||||
|
||||
// #region methods
|
||||
const fetchData = () => {
|
||||
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);
|
||||
|
||||
return httpService.getRequest(url);
|
||||
// fetch search list from backend(ssr)
|
||||
const { data, status, error, refresh, clear } =
|
||||
await useHadithaSearchComposable<HadithResponseShowModel>(url, {
|
||||
method: "get",
|
||||
});
|
||||
|
||||
if (status.value == "success") {
|
||||
state.selectedItem = <HadithResponseShowModel>data.value;
|
||||
}
|
||||
|
||||
loading.value = false;
|
||||
};
|
||||
|
||||
const { data: selectedItem } = useAsyncData("parags", () => fetchData());
|
||||
|
||||
const hadithAddress = computed(() => {
|
||||
return `${selectedItem.value?._source?.address?.vol_title}، صفحه
|
||||
${selectedItem.value?._source?.address?.page_num}`;
|
||||
});
|
||||
fetchData();
|
||||
|
||||
const goToTheSearch = (type: string) => {
|
||||
router.push({
|
||||
name: "hadithaSearch",
|
||||
query: {
|
||||
q: route.query.q ?? "",
|
||||
},
|
||||
});
|
||||
};
|
||||
// const goToTheChatbot = () => {
|
||||
// router.push({
|
||||
// name: "hadithaChatBot",
|
||||
// });
|
||||
// };
|
||||
const goToTheChatbot = () => {
|
||||
router.push({
|
||||
name: "hadithaChatBot",
|
||||
});
|
||||
};
|
||||
|
||||
const handleFavorite = async () => {
|
||||
if (selectedItem.value?._source?.tbookmark) {
|
||||
await removeFromFavorites(selectedItem.value);
|
||||
selectedItem.value._source.tbookmark = false;
|
||||
if (state.selectedItem?._source?.tbookmark) {
|
||||
await removeFromFavorites(state.selectedItem);
|
||||
state.selectedItem._source.tbookmark = false;
|
||||
} else {
|
||||
await addToFavorites(selectedItem.value);
|
||||
selectedItem.value._source.tbookmark = true;
|
||||
await addToFavorites(state.selectedItem);
|
||||
state.selectedItem._source.tbookmark = true;
|
||||
}
|
||||
|
||||
// // add
|
||||
// if (!state.selectedItem._source.tbookmark) {
|
||||
// addToFavorites(state.selectedItem);
|
||||
// }
|
||||
// // delete
|
||||
// else {
|
||||
// removeFromFavorites(state.selectedItem);
|
||||
// }
|
||||
};
|
||||
|
||||
const addToFavorites = async (item = {}) => {
|
||||
|
|
@ -105,22 +201,24 @@ const addToFavorites = async (item = {}) => {
|
|||
ref_id: item._id,
|
||||
title: item._source.content,
|
||||
};
|
||||
httpService
|
||||
.postRequest(url, formData)
|
||||
.then((res) => {
|
||||
httpService.postRequest(url, formData).then((res) => {
|
||||
// this.updateListAnswer(index, "tbookmark", 1);
|
||||
|
||||
try {
|
||||
toast.add({
|
||||
title: "انجام شد.",
|
||||
description: "به نشان شده ها افزوده شد",
|
||||
color: "success",
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
} catch (err) {
|
||||
console.log(err.message);
|
||||
toast.add({
|
||||
title: "خطا",
|
||||
title: "انجام شد.",
|
||||
description: "خطایی رخ داد.لطفا دوباره امتحان کنید.",
|
||||
color: "error",
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const removeFromFavorites = async (item = {}, index = 0) => {
|
||||
|
|
@ -133,22 +231,24 @@ const removeFromFavorites = async (item = {}, index = 0) => {
|
|||
ref_id: item._id,
|
||||
title: item._source.title,
|
||||
};
|
||||
httpService
|
||||
.postRequest(url, formData)
|
||||
.then((res) => {
|
||||
httpService.postRequest(url, formData).then((res) => {
|
||||
// this.updateListAnswer(index, "tbookmark", 0);
|
||||
|
||||
try {
|
||||
toast.add({
|
||||
title: "انجام شد.",
|
||||
description: "به نشان شده ها افزوده شد",
|
||||
description: "از لیست نشان شده ها حذف شد",
|
||||
color: "success",
|
||||
});
|
||||
})
|
||||
.catch((err) => {
|
||||
} catch (err) {
|
||||
console.log(err.message);
|
||||
toast.add({
|
||||
title: "خطا",
|
||||
title: "انجام شد.",
|
||||
description: "خطایی رخ داد.لطفا دوباره امتحان کنید.",
|
||||
color: "error",
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handlePagination = (prevNextIndicator: string) => {
|
||||
|
|
@ -157,36 +257,18 @@ const handlePagination = (prevNextIndicator: string) => {
|
|||
|
||||
let url = repoUrl() + hadithaApi.search.prevNextHadith;
|
||||
url = url.replace("@index_key", "dhparag");
|
||||
url = url.replace("@vol_id", selectedItem.value?._source?.address?.vol_id);
|
||||
url = url.replace("@parag_order", selectedItem.value?._source?.parag_order);
|
||||
url = url.replace("@vol_id", state.selectedItem?._source?.address?.vol_id);
|
||||
url = url.replace("@parag_order", state.selectedItem?._source?.parag_order);
|
||||
url = url.replace("@step", prevNextIndicator);
|
||||
|
||||
httpService
|
||||
.getRequest(url)
|
||||
.then((res) => {
|
||||
selectedItem.value = res.hits.hits?.[0];
|
||||
state.selectedItem = res.hits.hits?.[0];
|
||||
})
|
||||
.finally(() => (loading.value = false));
|
||||
};
|
||||
|
||||
const onKeyWordClick = (keyword) => {
|
||||
router.push({
|
||||
name: "hadithaSearch",
|
||||
query: {
|
||||
q: route.query.q ?? "",
|
||||
f_aik: keyword ?? "",
|
||||
},
|
||||
});
|
||||
};
|
||||
const onClassClick = (aiclass) => {
|
||||
router.push({
|
||||
name: "hadithaSearch",
|
||||
query: {
|
||||
q: route.query.q ?? "",
|
||||
f_aik: aiclass ?? "",
|
||||
},
|
||||
});
|
||||
};
|
||||
// const localCopyTextToClipboard = (text: string) => {
|
||||
// copyTextToClipboard(text);
|
||||
// };
|
||||
|
|
@ -197,228 +279,197 @@ const onClassClick = (aiclass) => {
|
|||
// console.info("mounted");
|
||||
// });
|
||||
// #endregion methods
|
||||
// components declaration
|
||||
const HadithaLayout = defineAsyncComponent(
|
||||
() => import("@haditha/layouts/HadithaLayout.vue")
|
||||
);
|
||||
const NavigationMenu = defineAsyncComponent(
|
||||
() => import("@haditha/components/haditha/NavigationMenu.vue")
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<HadithaLayout>
|
||||
<div class="page-container h-full">
|
||||
<UContainer
|
||||
ui="{
|
||||
<UContainer
|
||||
ui="{
|
||||
base: 'sm:px-6 lg:px-4',
|
||||
}"
|
||||
class="page-inner-container sm:px-6 lg:px-4 py-8"
|
||||
>
|
||||
<navigation-menu></navigation-menu>
|
||||
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">
|
||||
<ULink
|
||||
raw
|
||||
:to="{ name: 'haditha' }"
|
||||
class="flex justify-center items-center me-3"
|
||||
>
|
||||
<img fit="auto" quality="80" src="/img/haditha/haditha-title.svg" />
|
||||
</ULink>
|
||||
|
||||
<div class="search-show-page py">
|
||||
<div class="body-header">
|
||||
<span class="top-left-bgi z-0"></span>
|
||||
<div class="modal-title flex justify-between">
|
||||
<ULink
|
||||
raw
|
||||
:to="{ name: 'haditha' }"
|
||||
class="flex justify-center items-center me-3"
|
||||
>
|
||||
<img
|
||||
fit="auto"
|
||||
quality="80"
|
||||
src="/img/haditha/haditha-title.svg"
|
||||
/>
|
||||
</ULink>
|
||||
<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
|
||||
icon="i-haditha-close"
|
||||
color="neutral"
|
||||
variant="ghost"
|
||||
class="close-btn text-[var(--ui-color-two)] hover:bg-gray-300"
|
||||
@click="goToTheSearch('normal')"
|
||||
/>
|
||||
@click="handleFavorite"
|
||||
:variant="
|
||||
state.selectedItem?._source?.tbookmark ? 'soft' : 'ghost'
|
||||
"
|
||||
color="primary"
|
||||
class="bookmark-btn"
|
||||
:icon="
|
||||
state.selectedItem?._source?.tbookmark
|
||||
? 'i-haditha-tag-active'
|
||||
: 'i-haditha-tag'
|
||||
"
|
||||
>
|
||||
</UButton>
|
||||
<div class="referene">
|
||||
<span> نشانی: </span>
|
||||
{{ state.selectedItem?._source?.address?.vol_title }}، صفحه
|
||||
{{ state.selectedItem?._source?.address?.page_num }}
|
||||
</div>
|
||||
</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
|
||||
@click="handleFavorite"
|
||||
:variant="
|
||||
selectedItem?._source?.tbookmark ? 'soft' : 'ghost'
|
||||
"
|
||||
color="primary"
|
||||
class="bookmark-btn"
|
||||
:icon="
|
||||
selectedItem?._source?.tbookmark
|
||||
? 'i-haditha-tag-active'
|
||||
: 'i-haditha-tag'
|
||||
"
|
||||
>
|
||||
</UButton>
|
||||
<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 ??
|
||||
state.selectedItem?._source?.meta?.hadith_sanad
|
||||
}}
|
||||
</span>
|
||||
|
||||
<ULink
|
||||
:to="{
|
||||
name: 'hadithaLibraryShow',
|
||||
params: {
|
||||
id: selectedItem?._source?.address.vol_id,
|
||||
slug: hadithAddress,
|
||||
},
|
||||
query: {
|
||||
page_num: selectedItem?._source?.address?.page_num,
|
||||
},
|
||||
}"
|
||||
color="neutral"
|
||||
variant="ghost"
|
||||
:ui="{
|
||||
leadingIcon: 'text-(--ui-primary)',
|
||||
}"
|
||||
class="referene bg-white hover:bg-gray-100"
|
||||
<UButton
|
||||
v-if="
|
||||
state.selectedItem?._source?.meta?.hadith_masoum
|
||||
?.length ||
|
||||
state.selectedItem?._source?.meta?.hadith_sanad
|
||||
"
|
||||
@click="
|
||||
copyTextToClipboard(
|
||||
state.selectedItem?._source?.content_ar ?? ''
|
||||
)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
v-if="state.selectedItem?._source?.content_ar?.length"
|
||||
class="arabic-text"
|
||||
>
|
||||
<span> نشانی: </span>
|
||||
{{ hadithAddress ?? "" }}
|
||||
</ULink>
|
||||
<p>
|
||||
{{ state.selectedItem?._source?.content_ar ?? "" }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content firefox-scrollbar">
|
||||
<div class="search-item">
|
||||
<div class="text-arabic-section">
|
||||
<div class="section-header">
|
||||
<span class="section-title">
|
||||
{{
|
||||
selectedItem?._source?.meta?.hadith_masoum ??
|
||||
selectedItem?._source?.meta?.hadith_sanad
|
||||
}}
|
||||
</span>
|
||||
<div class="separator"></div>
|
||||
|
||||
<UButton
|
||||
v-if="
|
||||
selectedItem?._source?.meta?.hadith_masoum
|
||||
?.length ||
|
||||
selectedItem?._source?.meta?.hadith_sanad
|
||||
"
|
||||
@click="
|
||||
copyTextToClipboard(
|
||||
selectedItem?._source?.content_ar ?? ''
|
||||
)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
v-if="selectedItem?._source?.content_ar?.length"
|
||||
class="arabic-text"
|
||||
>
|
||||
<p>
|
||||
{{ selectedItem?._source?.content_ar ?? "" }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-persian-section">
|
||||
<div class="section-header">
|
||||
<span class="section-title"> ترجمه </span>
|
||||
<UButton
|
||||
@click="
|
||||
copyTextToClipboard(
|
||||
state.selectedItem?._source?.content
|
||||
)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="separator"></div>
|
||||
<p class="from">
|
||||
{{
|
||||
state.selectedItem?._source?.meta?.hadith_masoum ??
|
||||
state.selectedItem?._source?.meta?.hadith_sanad
|
||||
}}:
|
||||
</p>
|
||||
<p
|
||||
class="persian-text"
|
||||
v-html="state.selectedItem?._source?.content"
|
||||
></p>
|
||||
</div>
|
||||
|
||||
<div class="text-persian-section">
|
||||
<div class="section-header">
|
||||
<span class="section-title"> ترجمه </span>
|
||||
<UButton
|
||||
@click="
|
||||
copyTextToClipboard(selectedItem?._source?.content)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
<div class="separator"></div>
|
||||
|
||||
<p class="from">
|
||||
{{
|
||||
selectedItem?._source?.meta?.hadith_masoum ??
|
||||
selectedItem?._source?.meta?.hadith_sanad
|
||||
}}:
|
||||
</p>
|
||||
<p
|
||||
class="persian-text"
|
||||
v-html="selectedItem?._source?.content"
|
||||
></p>
|
||||
</div>
|
||||
<div
|
||||
v-if="state.selectedItem?._source?.description?.length"
|
||||
class="text-description-section"
|
||||
>
|
||||
<div class="section-header">
|
||||
<span class="section-title"> شرح </span>
|
||||
<UButton
|
||||
@click="
|
||||
copyTextToClipboard(
|
||||
state.selectedItem?._source?.description
|
||||
)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
<p
|
||||
class="description-item"
|
||||
v-html="state.selectedItem?._source?.description"
|
||||
></p>
|
||||
</div>
|
||||
|
||||
<div class="separator"></div>
|
||||
<div class="separator"></div>
|
||||
|
||||
<div
|
||||
v-if="selectedItem?._source?.description?.length"
|
||||
class="text-description-section"
|
||||
<div class="text-description-section">
|
||||
<div
|
||||
v-if="state.selectedItem?._source?.ai_keywords?.length"
|
||||
class="text-sm mb-1"
|
||||
>
|
||||
<span class=""> کلیدواژگان: </span>
|
||||
<span
|
||||
class="me-1 text-gray-400 font-light"
|
||||
v-for="(aiClass, i) in state.selectedItem?._source
|
||||
?.ai_keywords"
|
||||
:key="i"
|
||||
>
|
||||
<div class="section-header">
|
||||
<span class="section-title"> شرح </span>
|
||||
<UButton
|
||||
@click="
|
||||
copyTextToClipboard(
|
||||
selectedItem?._source?.description
|
||||
)
|
||||
"
|
||||
variant="ghost"
|
||||
class="copy-btn"
|
||||
label="کپی"
|
||||
/>
|
||||
</div>
|
||||
<p
|
||||
class="description-item"
|
||||
v-html="selectedItem?._source?.description"
|
||||
></p>
|
||||
</div>
|
||||
{{ i > 0 ? "," : "" }}
|
||||
{{ aiClass }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="separator"></div>
|
||||
|
||||
<div class="text-description-section">
|
||||
<div
|
||||
v-if="selectedItem?._source?.ai_keywords?.length"
|
||||
class="mb-4"
|
||||
>
|
||||
<span class="text-sm"> کلیدواژگان: </span>
|
||||
<UButton
|
||||
class="me-1 text-sm"
|
||||
v-for="(keyword, i) in selectedItem?._source
|
||||
?.ai_keywords"
|
||||
:key="i"
|
||||
@click.prevent="onKeyWordClick(keyword)"
|
||||
variant="soft"
|
||||
>
|
||||
<!-- {{ i > 0 ? "," : "" }} -->
|
||||
{{ keyword }}
|
||||
</UButton>
|
||||
</div>
|
||||
|
||||
<div v-if="selectedItem?._source?.ai_classes?.length">
|
||||
<span class="text-sm"> دسته بندی ها: </span>
|
||||
<UButton
|
||||
class="me-1 text-sm"
|
||||
v-for="(aiClass, i) in selectedItem?._source
|
||||
?.ai_classes"
|
||||
:key="i"
|
||||
@click.prevent="onClassClick(aiClass)"
|
||||
variant="soft"
|
||||
>
|
||||
<!-- {{ i > 0 ? "," : "" }} -->
|
||||
{{ aiClass.label }}
|
||||
</UButton>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="text-sm"
|
||||
v-if="state.selectedItem?._source?.ai_classes?.length"
|
||||
>
|
||||
<span class=""> دسته بندی ها: </span>
|
||||
<span
|
||||
class="me-1 text-gray-400 font-light"
|
||||
v-for="(aiClass, i) in state.selectedItem?._source
|
||||
?.ai_classes"
|
||||
:key="i"
|
||||
>
|
||||
{{ i > 0 ? "," : "" }}
|
||||
{{ aiClass.label }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="body-footer">
|
||||
<div class="mt-5 pb-5 z-2">
|
||||
<!-- <div class="flex justify-between actions">
|
||||
<div class="body-footer">
|
||||
<div class="mt-5 z-2">
|
||||
<!-- <div class="flex justify-between actions">
|
||||
<UButton
|
||||
disabled
|
||||
class="similar-btn"
|
||||
|
|
@ -436,57 +487,49 @@ const NavigationMenu = defineAsyncComponent(
|
|||
@click.prevent="goToTheChatbot"
|
||||
/>
|
||||
</div> -->
|
||||
<div class="flex justify-between pagination">
|
||||
<UButton
|
||||
@click="handlePagination('-1')"
|
||||
class="prev-haditha"
|
||||
label="حدیث قبل"
|
||||
color=""
|
||||
variant="soft"
|
||||
icon="i-haditha-chevron-right"
|
||||
/>
|
||||
<UButton
|
||||
@click="handlePagination('1')"
|
||||
class="next-haditha"
|
||||
label="حدیث بعد"
|
||||
color=""
|
||||
variant="soft"
|
||||
trailing-icon="i-haditha-chevron-left"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-between pagination">
|
||||
<UButton
|
||||
@click="handlePagination('-1')"
|
||||
class="prev-haditha"
|
||||
label="حدیث قبل"
|
||||
color=""
|
||||
variant="soft"
|
||||
icon="i-haditha-chevron-right"
|
||||
/>
|
||||
<UButton
|
||||
@click="handlePagination('1')"
|
||||
class="next-haditha"
|
||||
label="حدیث بعد"
|
||||
color=""
|
||||
variant="soft"
|
||||
trailing-icon="i-haditha-chevron-left"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</UContainer>
|
||||
</div>
|
||||
</div>
|
||||
</HadithaLayout>
|
||||
</UContainer>
|
||||
</template>
|
||||
|
||||
<!-- because of the buttons, using without scoped. -->
|
||||
<style>
|
||||
body.hadith-system.search-show-page {
|
||||
background-color: #f7fffd;
|
||||
}
|
||||
|
||||
.page-inner-container {
|
||||
.page-inner-container{
|
||||
height: 100%;
|
||||
max-width: 1200px;
|
||||
width: 100%;
|
||||
}
|
||||
.search-show-page {
|
||||
|
||||
.body-header {
|
||||
padding-top: 5em;
|
||||
.modal-title {
|
||||
padding: 0 0.5em 1.5em;
|
||||
margin-bottom: 2.5em;
|
||||
|
||||
.close-btn {
|
||||
/* color: var(--ui-color-two); */
|
||||
color: var(--ui-color-two);
|
||||
|
||||
/* width: 24px; */
|
||||
/* height: 24px; */
|
||||
padding: 0.2em;
|
||||
/* background-color: transparent; */
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -526,10 +569,10 @@ body.hadith-system.search-show-page {
|
|||
padding-right: 12px;
|
||||
padding-bottom: 4px;
|
||||
padding-left: 12px;
|
||||
/* background-color: #ffffff; */
|
||||
background: #ffffff;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -541,7 +584,7 @@ body.hadith-system.search-show-page {
|
|||
|
||||
span {
|
||||
margin-left: 0.1em;
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -552,12 +595,11 @@ body.hadith-system.search-show-page {
|
|||
}
|
||||
}
|
||||
.content {
|
||||
/* height: calc(100dvh - 15em); */
|
||||
/* overflow-y: auto; */
|
||||
padding-bottom: 5em;
|
||||
height: calc(100dvh - 15em);
|
||||
overflow-y: auto;
|
||||
|
||||
.search-item {
|
||||
padding: 1em 0 1em 1em;
|
||||
padding: 1em 0 1em 0.1em;
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
|
|
@ -567,7 +609,7 @@ body.hadith-system.search-show-page {
|
|||
margin-bottom: 0.5em;
|
||||
|
||||
.section-title {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
|
@ -608,7 +650,7 @@ body.hadith-system.search-show-page {
|
|||
/* background: #ffffff; */
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
|
|
@ -622,7 +664,7 @@ body.hadith-system.search-show-page {
|
|||
padding: 2em 0;
|
||||
|
||||
.arabic-text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
line-height: 32px;
|
||||
|
|
@ -642,18 +684,16 @@ body.hadith-system.search-show-page {
|
|||
|
||||
.from,
|
||||
.persian-text {
|
||||
/* font-family: Takrim; */
|
||||
font-family: var(--font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
/* font-size: 18px; */
|
||||
font-size: 0.85rem;
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
}
|
||||
/* .persian-text {
|
||||
font-family: var(--ar-font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
|
|
@ -667,11 +707,9 @@ body.hadith-system.search-show-page {
|
|||
padding: 2em 0;
|
||||
|
||||
.description-item {
|
||||
font-family: var(--font);
|
||||
font-family: Takrim;
|
||||
font-weight: 400;
|
||||
/* font-size: 18px; */
|
||||
font-size: 0.85rem;
|
||||
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
|
|
@ -688,7 +726,7 @@ body.hadith-system.search-show-page {
|
|||
border-width: 0.5px;
|
||||
border: 0.5px solid #d9d9d9;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 10px;
|
||||
line-height: 15px;
|
||||
|
|
@ -716,13 +754,6 @@ body.hadith-system.search-show-page {
|
|||
}
|
||||
}
|
||||
.body-footer {
|
||||
position: fixed;
|
||||
bottom: 0em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
|
||||
.actions {
|
||||
margin-bottom: 1em;
|
||||
|
||||
|
|
@ -746,7 +777,7 @@ body.hadith-system.search-show-page {
|
|||
);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
line-height: 22.5px;
|
||||
|
|
@ -766,7 +797,7 @@ body.hadith-system.search-show-page {
|
|||
background: linear-gradient(268.94deg, #d284ff -0.65%, #4d00ff 104.59%);
|
||||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
|
@ -790,7 +821,7 @@ body.hadith-system.search-show-page {
|
|||
box-shadow: 0px 8px 20px 0px #0000001a;
|
||||
|
||||
.prev-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
|
|
@ -799,7 +830,7 @@ body.hadith-system.search-show-page {
|
|||
color: var(--ui-color-two);
|
||||
}
|
||||
.next-haditha {
|
||||
font-family: var(--font);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
|
|
@ -807,25 +838,17 @@ body.hadith-system.search-show-page {
|
|||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
}
|
||||
|
||||
.prev-haditha,
|
||||
.next-haditha {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* @media screen and (max-width: 719.99px) { */
|
||||
/* .search-show-page { */
|
||||
/* .body-content { */
|
||||
/* .content { */
|
||||
/* height: calc(100dvh - 15em); */
|
||||
/* overflow-y: auto; */
|
||||
/* } */
|
||||
/* } */
|
||||
/* } */
|
||||
/* } */
|
||||
@media screen and (max-width: 719.99px) {
|
||||
.search-show-page {
|
||||
.body-content {
|
||||
.content {
|
||||
height: calc(100dvh - 15em);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,18 +1,228 @@
|
|||
import type {
|
||||
activeSearchChartSchema,
|
||||
activeSearchListSchema,
|
||||
Domain,
|
||||
helpActiveSchema,
|
||||
helpSchema,
|
||||
searchActiveTab,
|
||||
searchChartActiveTab,
|
||||
searchListActiveTab,
|
||||
searchSchema,
|
||||
searchSynonymForm,
|
||||
searchSynonymTitle,
|
||||
selectionFilterItems,
|
||||
} from "~/types/searchTypes";
|
||||
|
||||
import type {
|
||||
isReturnFromItemshowPage,
|
||||
list,
|
||||
listComponentName,
|
||||
listId,
|
||||
projects,
|
||||
selectedItem,
|
||||
selectedProject,
|
||||
} from "~/types/listTypes";
|
||||
|
||||
export const useHadithaStore = defineStore("hadithaStore", {
|
||||
persist: {
|
||||
storage: piniaPluginPersistedstate.localStorage(),
|
||||
},
|
||||
state: () => ({
|
||||
searchPhrase: "" as string,
|
||||
}, state: () => ({
|
||||
selectedProject: undefined as selectedProject | undefined,
|
||||
isReturnFromItemshowPage: false as isReturnFromItemshowPage,
|
||||
list: undefined as list | undefined,
|
||||
listId: undefined as listId | undefined,
|
||||
listComponentName: "ItemList" as listComponentName | undefined,
|
||||
projects: [] as projects[],
|
||||
// pieData: [],
|
||||
selectedItem: undefined as selectedItem | undefined,
|
||||
|
||||
|
||||
domainActive: undefined as Domain | undefined,
|
||||
// activeTab: undefined,
|
||||
|
||||
searchActiveTab: undefined as searchActiveTab | undefined,
|
||||
searchSchema: undefined as searchSchema | undefined,
|
||||
helpSchema: undefined as helpSchema | undefined,
|
||||
searchActiveSchema: undefined as searchActiveTab | undefined,
|
||||
helpActiveSchema: undefined as helpActiveSchema | undefined,
|
||||
|
||||
searchListActiveTab: undefined as searchListActiveTab | undefined,
|
||||
searchListSchema: undefined as searchListActiveTab[] | undefined,
|
||||
activeSearchListSchema: undefined as activeSearchListSchema | undefined,
|
||||
|
||||
searchChartActiveTab: undefined as searchChartActiveTab | undefined,
|
||||
searchChartSchema: undefined as searchChartActiveTab[] | undefined,
|
||||
activeSearchChartSchema: undefined as activeSearchChartSchema | undefined,
|
||||
|
||||
searchSynonymTitle: undefined as searchSynonymTitle | undefined,
|
||||
searchSynonymForm: undefined as searchSynonymForm | undefined,
|
||||
|
||||
selectionFilterItems: [] as selectionFilterItems,
|
||||
}),
|
||||
getters: {
|
||||
searchPhraseGetter(state) {
|
||||
return state.searchPhrase;
|
||||
projectsGetter(state) {
|
||||
return state.projects;
|
||||
},
|
||||
selectedProjectGetter(state) {
|
||||
return state.selectedProject;
|
||||
},
|
||||
listIdGetter(state) {
|
||||
return state.listId;
|
||||
},
|
||||
listComponentNameGetter(state) {
|
||||
return state.listComponentName;
|
||||
},
|
||||
selectedItemGetter(state) {
|
||||
return state.selectedItem;
|
||||
},
|
||||
isReturnFromItemshowPageGetter(state) {
|
||||
return state.isReturnFromItemshowPage;
|
||||
},
|
||||
listGetter(state) {
|
||||
return state.list;
|
||||
},
|
||||
|
||||
searchSynonymTitleGetter(state) {
|
||||
return state.searchSynonymTitle;
|
||||
},
|
||||
searchSynonymFormGetter(state) {
|
||||
return state.searchSynonymForm;
|
||||
},
|
||||
|
||||
domainActiveGetter(state) {
|
||||
return state.domainActive;
|
||||
},
|
||||
// activeTabGetter(state) {
|
||||
// return state.activeTab;
|
||||
// },
|
||||
|
||||
// search page
|
||||
searchActiveTabGetter(state) {
|
||||
return state.searchActiveTab;
|
||||
},
|
||||
searchSchemaGetter(state) {
|
||||
return state.searchSchema;
|
||||
},
|
||||
helpSchemaGetter(state) {
|
||||
return state.helpSchema;
|
||||
},
|
||||
helpActiveSchemaGetter(state) {
|
||||
return state.helpActiveSchema;
|
||||
},
|
||||
searchActiveSchemaGetter(state) {
|
||||
return state.searchActiveSchema;
|
||||
},
|
||||
|
||||
// search list
|
||||
searchListActiveTabGetter(state) {
|
||||
return state.searchListActiveTab;
|
||||
},
|
||||
searchListSchemaGetter(state) {
|
||||
return state.searchListSchema;
|
||||
},
|
||||
searchListActiveSchemaGetter(state) {
|
||||
return state.activeSearchListSchema;
|
||||
},
|
||||
|
||||
// search chart
|
||||
searchChartActiveTabGetter(state) {
|
||||
return state.searchChartActiveTab;
|
||||
},
|
||||
searchChartSchemaGetter(state) {
|
||||
return state.searchChartSchema;
|
||||
},
|
||||
searchChartActiveSchemaGetter(state) {
|
||||
return state.activeSearchChartSchema;
|
||||
},
|
||||
selectionFilterItemsGetter(state) {
|
||||
return state.selectionFilterItems;
|
||||
},
|
||||
},
|
||||
actions: {
|
||||
searchPhraseSetter(newVal = "") {
|
||||
this.searchPhrase = newVal;
|
||||
SET_SELECTED_PROJECT(selectedProject = undefined) {
|
||||
this.selectedProject = selectedProject;
|
||||
},
|
||||
SET_LIST_ID(listId = undefined) {
|
||||
this.listId = listId;
|
||||
},
|
||||
SET_LIST_COMPONENT_NAME(
|
||||
payload = { selectedItem: undefined, listComponentName: undefined }
|
||||
) {
|
||||
this.selectedItem = payload.selectedItem;
|
||||
this.listComponentName = payload.listComponentName;
|
||||
},
|
||||
SET_SELECTED_ITEM(selectedItem = undefined) {
|
||||
this.selectedItem = selectedItem;
|
||||
},
|
||||
SET_IS_RETURN_FROM_ITEM_SHOW_PAGE(isReturnFromItemshowPage = false) {
|
||||
this.isReturnFromItemshowPage = isReturnFromItemshowPage;
|
||||
},
|
||||
SET_LIST(list = undefined) {
|
||||
this.list = list;
|
||||
},
|
||||
|
||||
searchSynonymFormSetter(searchSynonymForm = undefined) {
|
||||
this.searchSynonymForm = searchSynonymForm;
|
||||
},
|
||||
searchSynonymTitleSetter(searchSynonymTitle = undefined) {
|
||||
this.searchSynonymTitle = searchSynonymTitle;
|
||||
},
|
||||
|
||||
domainActiveSetter(domain = undefined) {
|
||||
this.domainActive = domain;
|
||||
},
|
||||
// activeTabSetter(activeTab = undefined) {
|
||||
// this.activeTab = activeTab;
|
||||
// },
|
||||
|
||||
// search page
|
||||
searchActiveTabSetter(searchActiveTab: searchActiveTab = undefined) {
|
||||
this.searchActiveTab = searchActiveTab;
|
||||
},
|
||||
searchSchemaSetter(searchSchema = undefined) {
|
||||
this.searchSchema = searchSchema;
|
||||
},
|
||||
helpSchemaSetter(helpSchema = undefined) {
|
||||
this.helpSchema = helpSchema;
|
||||
},
|
||||
helpActiveSchemaSetter(helpActiveSchema = undefined) {
|
||||
this.helpActiveSchema = helpActiveSchema;
|
||||
},
|
||||
searchActiveSchemaSetter(searchActiveSchema = undefined) {
|
||||
this.searchActiveSchema = searchActiveSchema;
|
||||
},
|
||||
|
||||
// search list
|
||||
searchListActiveTabSetter(searchListActiveTab = undefined) {
|
||||
this.searchListActiveTab = searchListActiveTab;
|
||||
},
|
||||
searchListSchemaSetter(searchListSchema = undefined) {
|
||||
this.searchListSchema = searchListSchema;
|
||||
},
|
||||
searchListActiveSchemaSetter(activeSearchListSchema = undefined) {
|
||||
this.activeSearchListSchema = activeSearchListSchema;
|
||||
},
|
||||
|
||||
// search chart
|
||||
searchChartActiveTabSetter(searchChartActiveTab = undefined) {
|
||||
this.searchChartActiveTab = searchChartActiveTab;
|
||||
},
|
||||
searchChartSchemaSetter(searchChartSchema = undefined) {
|
||||
this.searchChartSchema = searchChartSchema;
|
||||
},
|
||||
searchChartActiveSchemaSetter(activeSearchChartSchema = undefined) {
|
||||
this.activeSearchChartSchema = activeSearchChartSchema;
|
||||
},
|
||||
selectionFilterItemsSetter(selectionFilterItems = []) {
|
||||
this.selectionFilterItems = <selectionFilterItems>selectionFilterItems;
|
||||
},
|
||||
},
|
||||
});
|
||||
// export default {
|
||||
// namespaced:true,
|
||||
|
||||
// state,
|
||||
// actions,
|
||||
// mutations,
|
||||
// getters
|
||||
// };
|
||||
|
|
|
|||
|
|
@ -359,15 +359,3 @@ export interface Root {
|
|||
_source: Source
|
||||
sort: number[]
|
||||
}
|
||||
|
||||
export type Synonym = {
|
||||
title: string;
|
||||
enable: boolean;
|
||||
enableForm: boolean;
|
||||
subTitles: [
|
||||
{
|
||||
title: string;
|
||||
active: boolean;
|
||||
}
|
||||
];
|
||||
};
|
||||
Loading…
Reference in New Issue
Block a user