commit 82aca89d0e95947e262536ef74d48bb3f0cee667 Author: mustafa-rezae Date: Tue Feb 11 13:47:22 2025 +0330 first commit diff --git a/apis/hadithApi.js b/apis/hadithApi.js new file mode 100644 index 0000000..f6b4f16 --- /dev/null +++ b/apis/hadithApi.js @@ -0,0 +1,73 @@ +export default { + items: { + get: "monir/search/get/byid/", + }, + Farhanghestan: { + search_normal: "monir/search/0/10", + search_And: "monir/search/and/0/10", + search_Phrase: "monir/search/phrase/0/10", + search_Code: "monir/search/code/all/0/10", + }, + subject: { + add: "sanad/subject/add", + // edit: "sanad/subject/edit", + delete: "sanad/subject/delete", + order: "monir/sanad/subject/order", + }, + index: { + Index_one: "safheh212/one", + index_multi: "safheh212/multi", + }, + nesha: { + search_normal: "monir/search/nesha/0/10", + }, + wordSWeight: { + list: "ngrams/elastic/{{index_key}}/1to3", + }, + rezome: { + add: "rezumeh", + get: "rezumeh/get", + }, + navigation: { + list: "navigate/list/@entity", + report: + "navigate/report/{{index_key}}/{{offset}}/{{limit}}/{{aggs}}/{{filter}}", + reportItem: "navigate/report/items", + reportSubjectItem: "navigate/report/subject={{subject_title}}/items", + }, + bnavigation: { + list: "repo/navigate/list", + report: "repo/navigate/report", + reportItem: "repo/navigate/report/items", + reportSubjectItem: "repo/navigate/report/subject={{subject_title}}/items", + }, + schema: { + list: "schema", + }, + search: { + autoComplate: + "{{appname}}/complation/{{index_key}}/{{filter}}", + logAutoComplate: + "searchlog/complation/{{filter}}", + default: + "{{appname}}/data/{{index_key}}/{{sortKey}}/{{offset}}/{{limit}}/{{filter}}", + queryNormal: + "{{appname}}/search/{{index_key}}/{{search_type}}/{{sortKey}}/{{field_collapse}}/{{offset}}/{{limit}}/{{filter}}", + textSearch: + "{{appname}}/search/text/{{index_key}}/{{field}}/{{offset}}/{{limit}}/{{filter}}", + }, + chart: { + timeline: "{{appname}}/data/timeline/{{index_key}}", + xy: "{{appname}}/data/xy/{{index_key}}/{{field_key}}", + items: + "navigate/report/items/search/{{index_key}}/{{offset}}/{{limit}}/{{filter}}", + chartTreeMap: "list/project/treemap/{{chart_key}}/{{filter}}", + treeItems:"navigate/report/items/search/{{index_key}}/{{offset}}/{{limit}}/{{filter}}", + tree: "list/subject/list", + graph:"repo/majles/{{to_key}}/relation" + }, + synonym:{ + getSynonyms:"synonym/get/words", + synonymSearch:"search/qasection/synonym/@listkey/@offset/@limit/@q", + } +}; diff --git a/assets/hadith/scss/components/_category_responsive.scss b/assets/hadith/scss/components/_category_responsive.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/hadith/scss/components/_modal-search.scss b/assets/hadith/scss/components/_modal-search.scss new file mode 100644 index 0000000..2887fea --- /dev/null +++ b/assets/hadith/scss/components/_modal-search.scss @@ -0,0 +1,486 @@ +.user-modal { + width: 720px; + height: 528px; + top: 50%; + left: 50%; + bottom: unset; + right: unset; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + .popUp-tab { + &__header { + position: absolute; + z-index: 10; + right: 0; + top: 0; + width: 160px; + height: calc(100% - 65px); + background: white; + border-left: 1px solid #f1f1f1; + padding: 20px 0; + &-title { + font-size: 16px; + color: #444444; + margin-bottom: 32px; + padding-right: 23px; + padding-left: 23px; + } + } + &__menu { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column !important ; + .nav-tabs { + border: unset; + display: flex; + flex-direction: column !important ; + } + a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + flex-direction: column !important ; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 23px; + border-radius: 0; + width: 100%; + border: unset; + margin: 0; + font-size: 14px; + color: #444444; + padding-top: 6px; + padding-bottom: 6px; + margin-bottom: 5px; + padding-left: 23px; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + &.active { + background-color: #e8fcff; + } + &:hover { + background-color: #e8fcff; + } + } + } + &__content { + padding-top: 0px !important ; + height: calc(100% - 75px); + .tab-pane { + padding-right: 205px; + } + } + &__buttons { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 11; + padding-left: 24px; + padding-right: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border-top: 1px solid #f1f1f1; + background: white; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + height: 65px; + } + } + .my-profile { + padding-left: 48px; + padding-bottom: 80px; + height: 100%; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + &__pic { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-top: 45px; + padding-bottom: 45px; + border-bottom: 1px solid #f1f1f1; + position: relative; + .aks-file-upload-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } + .aks-file-upload-preview { + height: unset !important; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + } + .aks-file-upload-image img { + width: 72px; + height: 72px !important; + border-radius: 50%; + } + .aks-file-upload-p-header { + display: none; + } + label { + margin: 0; + } + .aks-file-upload-label { + background: #f7fafe; + border-radius: 50%; + width: 72px; + height: 72px; + border: 2px solid #f1f1f1; + position: relative; + color: rgba(0, 0, 0, 0); + } + .aks-file-upload-label::before { + content: "+"; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + position: absolute; + color: #bac4ce; + font-weight: bold; + font-size: 18px; + } + } + &__form { + padding-top: 10px; + overflow: unset !important; + } + &__container { + height: 100%; + } + .form-row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0; + border: unset; + margin-right: 0; + margin-left: 0; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + &:not(:last-child) { + margin-bottom: 16px; + } + } + label { + width: 130px; + font-size: 14px; + color: #444444; + } + input { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + background: white; + border: 1px solid #f1f1f1; + border-radius: 10px; + height: 40px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 25px; + padding-left: 25px; + color: #444444; + // &::-webkit-input-placeholder { + // color: #444444; + // font-size: 14px; + // opacity: 1; + // } + // &:-ms-input-placeholder { + // color: #444444; + // font-size: 14px; + // opacity: 1; + // } + // &::-ms-input-placeholder { + // color: #444444; + // font-size: 14px; + // opacity: 1; + // } + // &::placeholder { + // color: #444444; + // font-size: 14px; + // opacity: 1; + // } + &:focus { + border-radius: 10px; + outline: unset; + border-color: #00b6e3; + } + } + .input-container { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + input, + textarea { + width: 100%; + } + } + textarea { + flex: 1; + background: white; + border: 1px solid #f1f1f1; + border-radius: 10px; + min-height: max-content; + // height: 155px; + display: flex; + align-items: center; + padding-right: 25px; + padding-left: 25px; + resize: none; + padding-top: 10px; + /* color: rgba(78, 78, 78, 0.3); */ + height: 10em; + // &::-moz-placeholder { + // color: rgba(78, 78, 78, 0.3); + // font-size: 14px; + // opacity: 1; + // } + // &:-ms-input-placeholder { + // color: rgba(78, 78, 78, 0.3); + // font-size: 14px; + // opacity: 1; + // } + // &::placeholder { + // color: rgba(78, 78, 78, 0.3); + // font-size: 14px; + // opacity: 1; + // } + &:focus { + border-radius: 10px; + outline: unset; + border-color: #00b6e3; + } + } + } + .tab-pane { + height: 100%; + } +} +.user-modal .os-host-rtl > .os-scrollbar-vertical { + right: unset; + left: 10px; + width: 6px; + padding-top: 25px; +} +.user-modal + .os-theme-dark + > .os-scrollbar + > .os-scrollbar-track + > .os-scrollbar-handle { + background: rgba(0, 0, 0, 0.1); +} +.show.user-modal__modal { + background-color: rgba(27, 39, 51, 0.1); +} +.show.user-modal__modal .modal-dialog { + z-index: 3; +} +#user-modal .modal-dialog { + -webkit-transform: unset; + transform: unset; + left: 0; + right: 0; +} +#user-modal .user-modal { + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + top: 40%; +} +#user-modal.show .user-modal { + top: 50%; +} +.popUp-tab { + position: fixed; + top: 30%; + width: 304px; + background-color: white; + border-radius: 20px; + border: 1px solid #bac4ce; + overflow: hidden; + &__clear { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #444444; + font-size: 14px; + padding-right: 16px; + padding-left: 16px; + height: 32px; + margin-left: 15px; + &:hover { + color: #00b6e3; + } + } + &__submit { + border-radius: 20px; + border: 2px solid #00b6e3; + font-size: 14px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-right: 16px; + padding-left: 16px; + color: #00b6e3; + height: 32px; + -webkit-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; + &:hover { + background-color: #00b6e3; + color: #fff; + } + } + &__header { + padding: 24px; + padding-top: 17px; + font-size: 14px; + } + form { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } + .form-row { + padding-right: 24px; + padding-left: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 16px; + &:not(:first-child) { + padding-top: 16px; + } + &:not(:last-child) { + border-bottom: 1px solid #f1f1f1; + } + &--radio { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + } + } + &__buttons { + padding: 24px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + justify-content: flex-end; + border-top: 1px solid #f1f1f1; + } + input { + max-width: 100%; + color: #444444; + font-size: 16px; + // &::-webkit-input-placeholder { + // color: #bac4ce; + // } + // &:-ms-input-placeholder { + // color: #bac4ce; + // } + // &::-ms-input-placeholder { + // color: #bac4ce; + // } + // &::placeholder { + // color: #bac4ce; + // } + } + textarea { + max-width: 100%; + color: #444444; + font-size: 14px; + outline: none !important; + height: 20px; + resize: none; + overflow: hidden; + // &::-webkit-input-placeholder { + // color: #bac4ce; + // } + // &:-ms-input-placeholder { + // color: #bac4ce; + // } + // &::-ms-input-placeholder { + // color: #bac4ce; + // } + // &::placeholder { + // color: #bac4ce; + // } + } + .close-btn { + display: none !important; + } +} +.modal-dialog-scrollable { + + .modal-body { + overflow-y: hidden !important; + } +} +#overlay-plugin2 { + height: 350px !important ; + +} +#overlay-plugin1{ + max-width: 100% !important ; +} + diff --git a/assets/hadith/scss/components/search-line.scss b/assets/hadith/scss/components/search-line.scss new file mode 100644 index 0000000..ef0fd03 --- /dev/null +++ b/assets/hadith/scss/components/search-line.scss @@ -0,0 +1,71 @@ +.search-page__search-container { + .dropdown-toggle { + /* min-width: 9.5em; */ + background: #fff !important; + border: unset !important; + } + .myStyle { + width: 100%; + } + .button-search { + background-color: #fff !important; + border: 1px solid #fff !important; + width: 34px !important; + height: 90% !important; + margin-top: 2px; + /* margin-left: 2px; */ + z-index: 99; + } + .input-group-prepend { + position: absolute; + left: 1em; + top: 11px; + margin-right: 4em; + border-right: solid #eee 1px; + } + .input-group { + width: 45em; + height: 3.5em; + border: 1px solid #eee; + // border-radius: 0.5em; + border-color: rgba(150, 243, 243, 0.4588235294); + background: #fff; + align-items: center; + z-index: 9; + } + .dropdown-menu { + transform: unset !important; + left: 0; + right: auto; + min-width: 10em; + font-size: 0.9rem; + border: none; + // border-radius: 0.5em; + text-align: right; + margin-top: 4em; + background-color: #fff; + box-shadow: 0 0.4688rem 2.1875rem rgba(4, 9, 20, 0.03), + 0 0.9375rem 1.4063rem rgba(4, 9, 20, 0.03), + 0 0.25rem 0.5313rem rgba(4, 9, 20, 0.03), + 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); + top: -10px !important; + left: 8px !important; + } + .button { + width: 143px !important; + border-radius: 4px !important; + } + .dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; + position: relative; + } +} diff --git a/assets/hadith/scss/components/search_navigation.scss b/assets/hadith/scss/components/search_navigation.scss new file mode 100644 index 0000000..58c9f11 --- /dev/null +++ b/assets/hadith/scss/components/search_navigation.scss @@ -0,0 +1,841 @@ +.searchNavigation { + .nav-tabs-container { + display: flex; + justify-content: center; + } + .filters__delete { + margin-bottom: 0; + } + .filter-items { + li { + min-width: 14em; + max-width: 16em; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-left: 1em; + button { + top: -0.4em !important; + left: -0.9em !important; + } + } + } + // .sub-header { + // div { + // width: 5em; + // } + // } + .float-label { + position: absolute; + top: -1.5em; + right: 0.5em; + background-color: #fff; + padding: 0px 0.5em; + font-size: 0.8rem; + color: #6f6f6f; + z-index: 1; + } + .tabel-main { + position: static !important; + top: unset; + } + + .dropdown-main { + position: relative; + right: 18px; + top: 5px; + + .dropdown-toggle::after { + background-image: none; + } + } + + .header { + display: flex; + justify-content: space-between; + align-items: center; + height: 10vh !important; + width: 100%; + + // right: 56px; + // height: 64px; + // width: calc(100% - 56px); + // border-bottom: 1px solid white; + // background: #fff; + //padding-top: 15px; + //padding-bottom: 15px; + + .header-Breadcrumbs { + position: relative; + flex: 1; + margin: auto 5px; + display: flex; + } + .header-button { + position: relative; + + display: flex; + top: auto; + right: 0px; + flex: 2; + + justify-content: flex-start; + div { + margin-left: 8px; + } + } + } + + .detail-page { + &__header { + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 47px; + padding-right: 47px; + border-bottom: 1px solid #f1f1f1; + padding-bottom: 10px; + height: 64px; + + .document-list__star { + opacity: 1 !important; + } + } + + &__head { + display: flex; + flex-direction: column; + } + + &__title { + font-size: 14px; + display: flex; + align-items: center; + + i { + margin-right: 3px; + font-size: 26px !important; + background: -webkit-linear-gradient(#c1d4da 0%, #e2e8ef 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + } + + &__breadcrumb { + ul { + display: flex; + align-items: center; + list-style: none; + } + + li { + display: flex; + align-items: center; + + &:not(:last-child):after { + content: ">"; + padding-right: 8px; + padding-left: 8px; + padding-top: 4px; + font-size: 10px; + font-weight: bold; + color: #bac4ce; + display: flex; + justify-content: center; + align-items: center; + } + + &:last-child { + flex: 1; + + a { + } + } + } + + a { + display: block; + font-size: 12px; + color: #92a2b2; + } + } + + &__meta { + ul { + display: flex; + align-items: center; + } + + li { + } + } + + &__shared-user { + } + + &__content { + max-height: calc(100vh - 151px); + padding-right: 40px; + padding-top: 40px; + padding-bottom: 40px; + max-width: 696px; + margin-right: auto; + margin-left: auto; + + h1 { + font-size: 24px; + color: #444444; + margin-top: 8px; + margin-bottom: 8px; + } + + p { + font-size: 16px; + font-weight: lighter; + line-height: 30px; + margin-bottom: 8px; + } + } + + &__edit-btn { + position: fixed; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + + a { + min-width: 88px; + height: 40px; + color: white; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + border-radius: 20px; + background: #1b2733; + + &:hover { + color: white; + opacity: 0.8; + } + } + } + } + + .pages-content { + width: 100%; + + padding: 0; + } + .combo-list { + position: relative; + border-bottom: 1px solid #eee; + + .form-control, + .multiselect { + // width: 15em; + font-family: sahel-semi-bold; + } + } + .select-export-container { + // position: absolute; + // top: 1rem; + // left: 0; + // z-index: 999; + + .select-export-type-label { + display: flex; + align-items: center; + position: absolute; + top: 0em; + background-color: #fff; + right: 0.6em; + padding: 0 0.4em; + margin: 0; + font-size: 0.8rem; + } + + // .tavasi::before { + // font-size: 1.1rem; + // } + + .form-control { + font-size: 0.9rem; + padding-top: 0.3em; + height: 2.2em; + } + } + .position1 { + grid-template-columns: 0fr 2fr; + } + .position2 { + grid-template-columns: 23em auto; + } + .navigation-filter { + position: fixed; + right: 0px; + top: 103px; + border-radius: 50%; + width: 2.5em; + height: 2.5em; + box-shadow: 0px 0px 7px 1px #eee; + background-color: #eee; + display: flex; + align-items: center; + justify-content: center; + } + + @media (max-width: 575.98px) { + .nav { + li { + .nav-link { + font-size: 0.8rem; + } + } + li.desktop:nth-child(n + 4) { + display: none; + } + .dropdown-menu { + a.dropdown-item:nth-child(-n + 3) { + display: none; + } + } + // .combo-list { + // margin-top: 1em; + // } + } + .header-avatar { + left: 0px; + position: absolute; + bottom: 0.25rem; + } + .dropdown-main { + margin-bottom: 10px; + width: 100%; + text-align: right; + } + + #table1 { + // background-color: red !important; + } + + #myTabContent { + position: relative; + } + + .position1 { + grid-template-columns: auto; + } + .position2 { + grid-template-columns: auto; + } + .tabel { + display: grid !important; + } + .tabel-main { + position: relative; + top: 5rem; + width: 100%; + } + .m1 { + margin-top: 25px; + } + + .pages-content { + width: 22em; + position: fixed !important; + z-index: 10; + background-color: #fff; + top: 0em !important; + height: 100dvh; + right: 0px; + .main-tree { + .filter-list { + // height: 10em; + } + .main-tree-body { + overflow: auto; + + overflow-x: hidden; + width: 100%; + } + .min-height-tree { + height: calc(100vh - 8em) !important; + } + .max-height-tree { + height: calc(100vh - 5em); + } + } + } + .tab-content { + margin-top: 2em; + } + .navigation-filter { + position: fixed; + right: 0px; + top: 103px; + border-radius: 50%; + width: 2.5em; + height: 2.5em; + box-shadow: 0px 0px 7px 1px #eee; + background-color: #eee; + display: flex; + align-items: center; + justify-content: center; + } + .my-table { + width: 100%; + overflow-x: hidden !important; + // height: calc(100vh - 24em) !important; + .table-responsive { + height: calc(100vh - 24em) !important; + table { + .thead { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + .subtitle { + display: none; + } + } + } + tbody { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + .subtitle { + display: none; + } + } + } + } + } + } + .my-list { + .list-content { + height: calc(-19em + 100vh) !important; + } + } + } + @media only screen and (min-width: 576px) and (max-width: 767.98px) { + .nav { + li { + .nav-link { + font-size: 0.8rem; + } + } + li.desktop:nth-child(n + 4) { + display: none; + } + .dropdown-menu { + a.dropdown-item:nth-child(-n + 3) { + display: none; + } + } + // .combo-list { + // margin-top: 1em; + // } + } + .dropdown-main { + position: relative; + right: 18px; + width: 90%; + top: 5px; + margin-bottom: 10px; + + .dropdown-toggle::after { + background-image: none; + } + } + .table .table-borderless .table-hover { + display: inline-block !important; + } + + #myTabContent { + position: relative; + } + // .dropdown { + // top: 10px; + // } + .multiselect { + // width: 11em; + } + .tabel { + display: grid; + } + .tabel-main { + position: relative; + top: 3rem; + } + .position1 { + grid-template-columns: auto; + } + .position2 { + grid-template-columns: auto; + } + .m1 { + margin-top: 22px; + width: 100%; + } + .multiselect { + // width: 43rem !important; + margin-bottom: 5px; + div { + width: 100%; + } + } + + .pages-content { + width: 23em; + position: fixed !important; + z-index: 9; + background-color: #fff; + top: 0em !important; + height: 100dvh; + right: 0px; + .main-tree { + .filter-list { + // height: 10em; + } + .main-tree-body { + overflow: auto; + + overflow-x: hidden; + width: 100%; + } + .min-height-tree { + height: calc(100vh - 8em) !important; + } + .max-height-tree { + height: calc(100vh - 5em); + } + } + } + .tab-content { + margin-top: 2em; + } + .navigation-filter { + position: fixed; + right: 0px; + top: 103px; + border-radius: 50%; + width: 2.5em; + height: 2.5em; + box-shadow: 0px 0px 7px 1px #eee; + background-color: #eee; + display: flex; + align-items: center; + justify-content: center; + } + .my-table { + overflow-x: hidden !important; + .table-responsive { + height: calc(100dvh - 22em); + + table { + .thead { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + tbody { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + } + } + } + .my-list { + .list-content { + height: calc(-19em + 100vh) !important; + } + } + .main-page__content { + } + } + @media only screen and (min-width: 768px) and (max-width: 991.98px) { + #myTabContent { + position: relative; + } + .multiselect { + // width: 11em; + } + .tabel { + display: grid; + } + .tabel-main { + position: relative; + top: 3rem; + } + .smart_phones { + display: none; + } + .pages-content { + .main-tree { + .filter-list { + // height: 10em; + } + .main-tree-body { + overflow: auto; + + overflow-x: hidden; + width: 100%; + } + .min-height-tree { + height: calc(100vh - 12em) !important; + } + .max-height-tree { + height: calc(100vh - 9em); + } + } + } + .tab-content { + margin-top: 2em; + } + .position1 { + grid-template-columns: auto; + } + .position2 { + grid-template-columns: auto; + } + .navigation-filter { + position: fixed; + right: 0px; + top: 103px; + border-radius: 50%; + width: 2.5em; + height: 2.5em; + box-shadow: 0px 0px 7px 1px #eee; + background-color: #eee; + display: flex; + align-items: center; + justify-content: center; + } + .my-table { + overflow-x: hidden !important; + .table-responsive { + height: calc(100dvh - 22em); + + table { + .thead { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + tbody { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + } + } + } + .my-list { + .list-content { + height: calc(-19em + 100vh) !important; + } + } + } + @media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .multiselect { + // width: 13em; + } + #myTabContent { + position: relative; + } + .tabel { + display: grid; + } + + .tabel-main { + position: relative; + top: 3rem; + } + .smart_phones { + display: none; + } + .pages-content { + .main-tree { + .filter-list { + // height: 10em; + } + .main-tree-body { + overflow: auto; + + overflow-x: hidden; + width: 100%; + } + .min-height-tree { + height: calc(100vh - 12em) !important; + } + .max-height-tree { + height: calc(100vh - 9em); + } + } + } + .my-table { + overflow-x: hidden !important; + .table-responsive { + height: calc(100dvh - 20em); + + table { + .thead { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + tbody { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + } + } + } + .my-list { + .list-content { + height: calc(-15em + 100vh) !important; + } + } + } + @media (min-width: 1200px) { + .multiselect { + // width: 13em; + } + #myTabContent { + position: relative; + } + .tabel { + display: grid; + } + + .tabel-main { + position: relative; + top: 3rem; + } + .smart_phones { + display: none; + } + .pages-content { + .main-tree { + .filter-list { + // height: 10em; + } + .main-tree-body { + overflow: auto; + + overflow-x: hidden; + width: 100%; + } + + .max-height-tree { + height: calc(100vh - 9em); + } + } + } + .my-table { + overflow-x: hidden !important; + .table-responsive { + height: calc(100dvh - 20em); + + table { + .thead { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + tbody { + tr { + .voices { + display: none; + } + .meet_no { + display: none; + } + .format { + display: none; + } + } + } + } + } + } + .my-list { + .list-content { + height: calc(-15em + 100vh) !important; + } + } + } +} diff --git a/assets/hadith/scss/components/search_responsive.scss b/assets/hadith/scss/components/search_responsive.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/hadith/scss/components/top-header.scss b/assets/hadith/scss/components/top-header.scss new file mode 100644 index 0000000..556151a --- /dev/null +++ b/assets/hadith/scss/components/top-header.scss @@ -0,0 +1,589 @@ +// .main { +// position: fixed; +// z-index: 99; +// background-color: #fff; +// // width: 97%; +// // right: 58px; +// left: 0; +// right: 400px; +// } + +// .main-full { +// width: 97%; +// right: 58px; +// } + +// .button-text { +// border: none; +// background-color: initial; +// position: relative; +// top: 4px; +// } + +// .Active { +// color: #00b6e3; +// position: relative; +// &::before { +// content: ""; +// position: absolute; +// top: 36px; +// width: 52px; +// } +// } + +// .nav-item-link:hover { + // color: #00b6e3 !important; +// } +// .active { + // color: #00b6e3 !important; + // position: relative; + // &::after { + // content: ""; + // top: 30px; + // right: -3px; + // width: 100%; + // } +// } +// .schemasGetter { +// width: auto; +// margin-left: 20px; +// } +// .nav-item-header { +// display: flex; +// // justify-content: space-around; +// div { +// cursor: pointer; +// text-align: center; + +// .nav-item-link { +// text-decoration: none; +// } +// } +// } +// .nav-item { +// display: flex; +// justify-content: flex-end; +// } +// .main-option { +// display: flex; +// justify-content: flex-end; +// } +.header__logo { + display: flex; + justify-content: space-between; + align-items: center; +} +// .select-button { +// border: 0px !important; +// } + +// .dropdown-item { +// text-align: right !important; +// } +// .dropdown { +// appearance: none; +// } + +// .Possibilities { +// // background-color: red; +// width: 97%; +// top: 3px; +// position: relative; +// margin: 0 auto; +// height: auto; +// padding: 5px; +// } + +// .Possibilities-select { +// width: 6rem; +// // background-color: red; +// position: absolute; +// right: 49%; +// display: flex; +// align-content: center; +// justify-content: center; +// align-items: center; +// } +// .Possibilities-select-item { +// padding: 4px; +// border: 0; +// outline: 0 !important; +// } +// .state-button { +// color: red; +// } +// .class-border { +// height: 99px !important; +// } + +// @media (max-width: 575.98px) { +// .row-nav.topheader { +// width: 360px; +// margin-right: 0; +// } +// .row-nav { +// font-size: 12px; +// } +// } + +// @media only screen and (min-width: 768px) and (max-width: 991.98px) { +// .img-img { +// display: none !important; +// } +// } +// @media only screen and (min-width: 576px) and (max-width: 767.98px) { +// // .main { +// // right: 8px; +// // } +// .img-img { +// display: none !important; +// } + +// .header__logo { +// justify-content: flex-start; +// } + +// // .class-border { +// // height: 174px !important; +// // } +// .display-none { +// display: none !important; +// } +// } + +// @media (max-width: 575.98px) { +// .main { +// right: 8px; +// } +// .img-img { +// display: none !important; +// } + +// .header__logo { +// justify-content: flex-start; +// } +// .class-border { +// height: 174px !important; +// } +// .display-none { +// display: none !important; +// // display: inline; +// } +// } +// .active { +// // color:active; +// } + +// .smart_phones { +// display: none; +// } +// .dropdown-container { +// position: relative; +// } + +// .m-w1 { +// // min-width: 34em; +// min-width: 60em; +// } +// .main { +// // position: fixed; +// // z-index: 99; +// // background-color: #fff; +// // width: 97%; +// // right: 58px; +// // left: 0; +// // right: 400px; + +// margin-right: var(--sidebar-collapsed-width); + +// &.expanded { +// margin-right: var(--sidebar-width) !important; +// } + +// .nav-tabs { +// .nav-item { +// &.show .nav-link { +// color: #22b0d2; +// } + +// .nav-link { +// border-top-left-radius: 0.3em; +// border-top-right-radius: 0.3em; +// border-bottom-right-radius: 0; +// border-bottom-left-radius: 0; + +// &.active { +// color: #22b0d2; +// } +// } +// } + +// .float-label { +// position: absolute; +// top: -0.5em; +// right: 0; +// background-color: #fff; +// padding: 0 1em; +// font-size: 0.8rem; +// color: #6f6f6f; +// } +// .form-control { +// min-width: 11em; +// border-radius: 0.5em; +// } +// } +// } + +// .button-text { +// border: none; +// background-color: initial; +// margin-top: 6px; +// position: relative; + +// top: 4px; +// } + +// .description { +// position: absolute; +// right: 0; +// margin-right: 1.5em; +// margin-top: 1em; + +// // margin-right: 30px; +// } + +// .nav-item-link:hover { +// // color: #00b6e3 !important ; +// color: var(--primary-color); +// } + +// .nav-item-header { +// display: flex; +// // justify-content: space-around; +// div { +// cursor: pointer; +// text-align: center; + +// .nav-item-link { +// text-decoration: none; +// } +// } +// } +// .nav-item { +// display: flex; +// justify-content: flex-end; +// height: 3em; +// a { +// span { +// display: none; +// } +// } +// } +// .main-option { +// display: flex; +// justify-content: flex-end; +// } +// .header__logo { +// width: 12em; +// margin: 15px; +// display: flex; +// justify-content: space-between; +// align-items: center; +// } +// .select-button { +// border: 0px !important; +// } + +// .dropdown-item { +// text-align: right !important; +// } +// // .dropdown { +// // appearance: none; +// // } +// // .dropdown-toggle::after { +// // background-image: none; +// // } + +// .Possibilities { +// // background-color: red; +// width: 97%; +// top: 3px; +// position: relative; +// margin: 0 auto; +// height: auto; +// padding: 5px; +// } + +// .Possibilities-select { +// margin-left: 20px; +// margin-top: 5px; +// } +// .Possibilities-select-item { +// padding: 4px; +// border: 0; +// outline: 0 !important; +// } +// .state-button { +// color: red; +// } + +// @media (max-width: 575.98px) { +// .desktop { +// display: none; +// } +// .button-advanced-search { +// right: 1.3em !important; +// top: 5.1em !important; +// } +// .smart_phones { +// display: flex; +// flex-direction: column; +// .button-text { +// margin-top: 0; +// } +// .button-filter { +// position: relative; + +// .button-filter-active { +// color: var(--primary-color); +// } +// } +// .dropdown-content { +// position: absolute; +// top: 46px; +// left: -42px; +// z-index: 9999; +// background-color: #fff; +// width: 10em; +// height: auto; +// border: 1px solid var(--primary-color); +// border-radius: 15px; + +// // display: block; +// /* Add other styling as needed */ +// } +// } + +// .row-nav { +// width: 360px; +// margin-right: 0; +// // margin-top: 16px; +// } +// .active { +// color: var(--primary-color); +// position: relative; + +// // &::after { +// // content: ""; +// // border-bottom: 2px solid var(--primary-color); +// // position: absolute; +// // top: 40px; +// // right: -3px; +// // width: 100%; +// // } +// } + +// .m-w1 { +// // min-width: 21em; +// min-width: 50em; +// } +// // .main { +// // right: 8px; +// // } +// .img-img { +// display: none !important; +// } +// .dropdown-toggle { +// span { +// display: none; +// } +// } + +// .header__logo { +// justify-content: flex-start; +// } +// .class-border { +// height: 12em !important; +// } +// .display-none { +// display: none !important; +// // display: inline; +// } +// } +// @media only screen and (min-width: 576px) and (max-width: 767.98px) { +// .desktop { +// display: none; +// } +// .button-advanced-search { +// right: 1.3em !important; +// top: 5.1em !important; +// } +// .smart_phones { +// display: flex; +// flex-direction: column; +// .button-text { +// margin-top: 0; +// } +// .button-filter { +// position: relative; + +// .button-filter-active { +// color: var(--primary-color); +// } +// } +// .dropdown-content { +// position: absolute; +// top: 46px; +// left: -42px; +// z-index: 9999; +// background-color: #fff; +// width: 10em; +// height: auto; +// border: 1px solid var(--primary-color); +// border-radius: 15px; + +// // display: block; +// /* Add other styling as needed */ +// } +// } +// // .main { +// // right: 8px; +// // } +// .img-img { +// display: none !important; +// } +// .dropdown-toggle { +// span { +// display: none; +// } +// } + +// .header__logo { +// justify-content: flex-start; +// } + +// .class-border { +// height: 12em !important; +// } +// .display-none { +// display: none !important; +// } +// } +// @media only screen and (min-width: 768px) and (max-width: 991.98px) { +// .img-img { +// display: none !important; +// } +// .class-border { +// height: 99px !important; +// } +// .display-logo { +// display: none; +// } +// .dropdown-toggle { +// span { +// display: none; +// } +// } +// .nav-item-header-desktop { +// display: none; +// } +// .dropdown-content { +// position: absolute; +// top: 38px; +// left: -42px; +// z-index: 9999; +// background-color: #fff; +// width: 10em; +// height: auto; +// border: 1px solid var(--primary-color); +// border-radius: 15px; +// } + +// .active { +// &::after { +// content: ""; +// top: 32px; +// } +// } +// .button-advanced-search { +// right: 1em !important; +// top: 0.8em !important; +// } +// } +// @media only screen and (min-width: 992px) and (max-width: 1199.98px) { +// .display-logo { +// display: none; +// } +// .nav-item-header-tablet { +// display: none; +// } +// .description { +// margin-top: 2em; +// } +// .class-border { +// height: 8.3em !important; +// } +// .button-advanced-search { +// right: 1em !important; +// top: 0.8em !important; +// } +// } +// @media only screen and (min-width: 1200px) and (max-width: 1919.98px) { +// .nav-item-header-tablet { +// display: none; +// } +// .description { +// margin-right: -12.5em; +// margin-top: 1.6em; +// } +// .class-border { +// height: 7.8em !important; +// } +// .button-advanced-search { +// right: 1em !important; +// top: 0.6em !important; +// } +// } +// @media only screen and (min-width: 1920px) { +// .class-border { +// height: 7.2em !important; +// } +// .smart_phones { +// display: none; +// } +// .nav-item-header-tablet { +// display: none; +// } +// .description { +// margin-right: -12.5em; +// margin-top: 1.6em; +// } +// .button-advanced-search { +// // right: 16em !important; +// // top: 1.3em !important; +// right: 1em !important; +// top: 0.3em !important; +// } +// } + +// .active { +// color: var(--primary-color); +// } +// .show-category-btn { +// } +// .button-advanced-search { +// margin-top: 0.2em; +// position: absolute; +// right: 2.5em; +// top: 1.5em; +// border-left: 1px #eee solid; +// border-radius: unset !important; +// z-index: 99; +// color: var(--primary-color); +// // svg { +// &:hover { +// font-weight: bold; +// transition-duration: 0.3s; +// } +// // } +// } diff --git a/assets/hadith/scss/hadith.scss b/assets/hadith/scss/hadith.scss new file mode 100644 index 0000000..c6601bf --- /dev/null +++ b/assets/hadith/scss/hadith.scss @@ -0,0 +1,307 @@ +.search-system { + // @import "./components/_modal-search"; + @import "./components/search_navigation.scss"; + + .main-page__content { + margin-right: var(--sidebar-collapsed-width); + + &.expanded { + margin-right: var(--sidebar-width); + } + + .search-container { + .input-group { + /* justify-content: space-between; */ + border-radius: 50px; + .form-control { + border: 0; + // border-left: 1px solid #eee; + height: 3em; + } + + &-append { + position: relative; + + &::after { + content: ""; + + position: absolute; + right: -1px; + top: 0; + bottom: 0; + + border-right: 1px solid #ddd; + height: 60%; + margin: auto; + } + } + + .btn { + border-radius: 50px 0 0 50px; + // background-color: #fff; + // color:#6f6f6f; + // min-width: 5em; + } + } + + .search-logic { + .float-label { + position: absolute; + top: -1.5em; + right: 0; + background-color: #e6e7e8; + padding: 0 1em; + font-size: 0.8rem; + color: #111; + } + } + } + // .search-icon { + // background-color: #00baba; + // } + // .search-icon:hover { + // background-color: #088585; + // } + + .search-items { + overflow-y: auto; + height: calc(100vh - 10.5em); + } + + .circle--button { + position: absolute; + border: 1px solid; + border-radius: 50%; + width: 2em; + z-index: 150; + height: 2em; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + + &:hover { + // right: 48px; + } + svg { + width: 25px; + height: 16px; + } + } + // .main-tree { + // &.category_list { + // padding: 2em 1em; + // width: 22em; + // max-width: 100%; + // background-color: #fff; + // border-left: 1px solid #f2f2e6; + // height: calc(100dvh - 13em); + // overflow-y: auto; + // transition: width 0.2s; + + // &.custome-mode { + // height: calc(100dvh - 8em); + // // : 'calc(100dvh - 6em)', + // } + + // .filter-list { + // .filter-list { + // white-space: nowrap; + // overflow-x: auto; + // } + // } + // } + // } + .main-tree-select { + .form-control { + border-radius: 0.35rem !important; + width: 92% !important; + margin: 15px auto; + } + } + .advanced-search { + position: absolute; + top: 0; + right: 0; + bottom: 1em; + + width: 20em; + // height: calc(100dvh - 10em); + overflow-y: auto; + background: #fff; + z-index: 99; + // box-shadow: 0 0.4688rem 2.1875rem rgba(4, 9, 20, 0.03), + // 0 0.9375rem 1.4063rem rgba(4, 9, 20, 0.03), + // 0 0.25rem 0.5313rem rgba(4, 9, 20, 0.03), + // 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); + // border-radius: 0.25em; + + border-radius: 0 0.75rem 0 0.75rem; + background-color: rgb(255, 255, 255); + padding: 1rem; + box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; + + .multiselect__tags { + border: unset !important; + } + + .bottom-close-form { + &:hover { + color: #6acfef; + } + } + @media (max-width: 768px) { + .bottom-close-form { + position: absolute; + bottom: 7em !important; + } + } + // .search-page__search.in-search { + // input { + // padding-right: 5em !important; + // border: 1px solid transparent; + // } + // } + .form-group { + &.inside-advanced-search { + .form-control { + // border-radius: 0.5em; + border: 1px solid #ced4da; + // padding: 1.2em; + // width: 14em; + &:focus { + border: 1px solid #61bb9e; + } + } + .date-picker { + .vpd-input-group { + direction: ltr; + .vpd-icon-btn { + margin-bottom: 0; + // position: absolute; + // right: 15.6em; + // height: 3em; + border-radius: 0.5em 0em 0em 0.5em; + } + .form-control { + border-radius: 0 0.5em 0.5em 0; + } + } + } + } + } + .select.in-advanced-search { + // padding: 0.3em !important; + // border-radius: 0.5em; + font-size: 1rem; + // height: 3em; + // width: 15em !important; + border: 1px solid #ced4da !important; + &:focus { + border: 1px solid rgb(127, 170, 170) !important; + } + } + // .tribute.in-advanced-search { + // width: 18em !important; + // } + // .form-control { + // height: 2.2em; + // } + } + + .page-title { + // background-color: var(--primary-color); + // background-color: var(--majles-bg-primary); + align-items: center; + display: flex; + justify-content: center; + // color: #fff; + padding: 0.35em 0; + } + } + .multiselect { + min-height: 30px; + + .multiselect__select { + width: 30px; + height: 30px; + padding: 4px 8px; + } + + .multiselect__tags { + min-height: 30px; + padding: 0px 8px 0 40px; + border: 2px solid rgb(127, 170, 170); + .multiselect__input, + .multiselect__single { + min-height: 30px; + line-height: 30px; + margin-bottom: 0; + } + } + } + .input-group-prepend { + button { + &:hover { + color: var(--text-primary-highlight); + } + } + } + .majles-header-color { + // background: linear-gradient(to top, #fcfcfc 0%, #eee 90%); + background: rgb(230, 231, 232); + .input-group-prepend { + background-color: #fff; + border-radius: 0 50px 50px 0; + } + .dropdown-toggle-color { + background-color: #fff; + } + .nav-tabs .float-label { + background-color: #e6e7e8; + top: -1.5em; + } + } + .monir-header-color { + // background: linear-gradient(to bottom, #fcfcfc 0%, #eee 90%); + background: rgb(230, 231, 232); + + .input-group-prepend { + background-color: #fff; + border-radius: 0 50px 50px 0; + } + .dropdown-toggle-color { + background-color: #fff; + } + .nav-tabs .float-label { + background-color: #e6e7e8; + top: -1.5em; + } + } + .searchResult { + .my-table { + .table-responsive { + table { + tbody { + tr { + // .text-center { + color: #000; + // font-family: sahel-semi-bold; + // font-size: 1em; + // } + // .text-right { + // a { + // color: #000000 !important; + // font-family: sahel-semi-bold; + // font-size: 1em; + // } + // } + } + } + } + } + } + } + + @import "./responsive/responsive"; +} diff --git a/assets/hadith/scss/responsive/max_width/399/chat-list.scss b/assets/hadith/scss/responsive/max_width/399/chat-list.scss new file mode 100644 index 0000000..95b81e5 --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/399/chat-list.scss @@ -0,0 +1,3 @@ +.comment-list .comments .comment-container.replayer .comment { + max-width: 20em; +} \ No newline at end of file diff --git a/assets/hadith/scss/responsive/max_width/991/_group.scss b/assets/hadith/scss/responsive/max_width/991/_group.scss new file mode 100644 index 0000000..b96d3cd --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/991/_group.scss @@ -0,0 +1,130 @@ +.main-page__content { + // .pages { + // .pages-content { + .menu-bar__content { + position: fixed !important; + max-width: 24em; + min-width: 22em; + z-index: 3; + background-color: #fff; + right: 0; + // overflow: hidden; + transition: right 0.3s ease-out; + top: 0; + bottom: 4.5em; + + &.mini { + right: -100%; + transition: right 0.3s ease-out; + + + } + + + + .home-list__header { + .search-form { + .form-group { + .form-control { + // width: 98%; + } + + .dropdown { + // width: 1.5rem; + // position: relative; + // left: 0.5rem; + // top: 0.25rem; + } + } + } + } + + .home-list__content { + .scroll-needed { + height: calc(100dvh - 10em); + } + } + .hide-list-panel { + } + + + .groups-header { + display: flex; + justify-content: space-between; + align-items: center; + + .right-icons { + .toggle-list { + display: none!important; + } + // .group-name { + // display: none; + // } + } + .left-icons { + position: relative; + display: flex; + align-items: center; + } + + .dropdown { + &.profile-dropdown { + .nav-link { + &.dropdown-toggle { + span { + display: none; + } + } + } + } + } + + .btn { + // display: none; + } + } + + .create-forms { + right: 0; + z-index: 99; + max-width: 80%; + border-left: 1px solid #eee; + } + } + + .position-relative { + .show-toggle-list-panel { + // position: absolute; + // right: 3rem; + // top: 0.25rem; + // display: block; + // button { + // left: 0px; + // } + } + .dropdown { + // position: absolute; + // top: 0px; + } + } + .hide-list-panel .toggle-mobile-nav { + // position: absolute; + // bottom: 0.25rem; + // right: 0.25rem; + } +} +#myTabContent { + #property { + // position: relative; + // top: 8rem; + } +} +// } +// } +// } + +.navbar { + .profile-dropdown { + // bottom: 0.5rem; + } +} diff --git a/assets/hadith/scss/responsive/max_width/991/_replays.scss b/assets/hadith/scss/responsive/max_width/991/_replays.scss new file mode 100644 index 0000000..54cac9d --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/991/_replays.scss @@ -0,0 +1,40 @@ +#replays { + position: fixed !important; + left: -25em; + top: 0; + bottom: 4.5em; + transition: left 0.3s ease-out; + max-width: 80%; + z-index: 98; + + &.show { + transition: left 0.3s ease-out; + left: 0; + } + + .replay-list { + .comment-container { + .comment { + margin-right: 0; + + &::after, + &::before { + display: none; + } + .comment-header { + display: flex; + align-items: center; + margin-bottom: 0.5em; + + .commentor-avatar { + margin-left: 0.5em; + position: static; + } + } + .comment-actions { + visibility: visible; + } + } + } + } +} diff --git a/assets/hadith/scss/responsive/max_width/991/_the-footer.scss b/assets/hadith/scss/responsive/max_width/991/_the-footer.scss new file mode 100644 index 0000000..2204fde --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/991/_the-footer.scss @@ -0,0 +1,78 @@ +.mobile-footer { + position: fixed; + bottom: 0; + left: 0; + right: 0; + /* height: 3.5em; */ + /* -webkit-box-shadow: 0px 1px 6px 3px #eee; */ + box-shadow: 0px 1px 6px 3px #eee; + display: flex; + flex-direction: column; + justify-content: center; + padding: 0.5em 1em; + background-color: #fafafa; + z-index: 98; + + .footer-menu { + display: flex; + align-items: center; + justify-content: space-between; + justify-content: space-around; + list-style: none; + margin: 0; + padding: 0; + + .footer-menu-item { + .footer-menu-item-btn { + width: 3.3em; + height: 3.3em; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 50%; + padding: 0; + color: #333; + position: relative; + + + + * { + padding: 0; + } + + .button-title { + font-size: 0.8rem; + // color:#6f6f6f; + } + + &.active { + color: #00b6e3; + // fill:blue; + .icon { + // background-color: blue; + } + // border: 1px solid #c7c7c7; + // background-color: #fafafa; + // border-color: green; + // transform: translateY(-10px) scale(1.1); + + &::before { + content: ""; + display: block; + position: absolute; + top: -0.6em; + left: 0; + right: 0; + border-top: 2px solid #00b6e3; + } + } + + &.disabled, &:disabled { + opacity: 0.4; + // filter: grayscale(0.6); + } + } + } + } +} diff --git a/assets/hadith/scss/responsive/max_width/991/chat-list.scss b/assets/hadith/scss/responsive/max_width/991/chat-list.scss new file mode 100644 index 0000000..001af77 --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/991/chat-list.scss @@ -0,0 +1,126 @@ +.main-page__content { + #comments-and-replays { + .chat-list-group-info { + .group-info-actions { + & > .btn:not(.issue-redirect-btn), + & > .multiselect, + & > .multiselect-container { + display: none; + } + } + + .group-row .group-content .group-title-container .group-title { + max-width: 13em; + } + .group-row + .group-content + .group-description-container + .group-description { + max-width: 13em; + } + } + + .comment-list { + .comments { + // height: 70vh; + // height: calc(100dvh - 70px - 63px - 3.7em); + // height: calc(100dvh - 8.5em); + // height: calc(100dvh - 10em); + .drop { + // height: calc(100dvh - 16.5em); + + .stream { + // height: calc(100dvh - 12em); + // height: calc(100dvh - 16.5em); + height: calc(100dvh - 16.5em); + + &.filter-is-active { + // height: calc(100dvh - 21em) !important; + // height: calc(100dvh - 24.5em) !important; + height: calc(100dvh - 21em); + + & + .empty .wrapper { + bottom: 5em; + } + } + } + } + } + + &.replays-is-open { + .comments { + // height: 70vh; + // height: calc(100dvh - 70px - 63px - 3.7em); + // height: calc(100dvh - 8.5em); + // height: calc(100dvh - 10em); + .drop { + // height: calc(100dvh - 16.5em); + + .stream { + height: calc(100dvh - 20em); + + &.filter-is-active { + // height: calc(100dvh - 21em) !important; + // height: calc(100dvh - 24.5em) !important; + height: calc(100dvh - 24em); + + & + .empty .wrapper { + bottom: 8.5em; + } + } + } + } + } + } + + .comment-form-container { + min-width: unset; + } + + .comments { + .comment-container { + margin: 0; + + &.replayer { + .comment { + margin-left: 0; + } + } + .comment { + margin-right: 0; + max-width: 20em; + + &::after, + &::before { + display: none; + } + .comment-header { + display: flex; + align-items: center; + margin-bottom: 0.5em; + + .commentor-avatar { + margin-left: 0.5em; + position: static; + } + } + .comment-actions { + visibility: visible; + } + } + } + + .first-last-button { + display: none; + } + } + } + + .menu-multiselect { + } + + .auth-page .sign-up--tabs { + height: auto; + } + } +} diff --git a/assets/hadith/scss/responsive/max_width/max_width.scss b/assets/hadith/scss/responsive/max_width/max_width.scss new file mode 100644 index 0000000..a0a6c19 --- /dev/null +++ b/assets/hadith/scss/responsive/max_width/max_width.scss @@ -0,0 +1,157 @@ +// 1600px +@media screen and (max-width: 100em) { + // @import "./1600/my_table_1600"; + // @import "./1600/the_list_panel_1600"; + // @import "./1600/sub_header_1600"; +} +// 1399px +@media screen and (max-width: 87.499em) { + // @import "./1399/the_list_panel-1399"; + // @import "./1399/_sub_header_1399"; +} + +// 991px +@media screen and (max-width: 61.998em) { + .main-page__content { + .search-items { + height: calc(100vh - 18em); + } + .filter-list-container { + padding-top: 0.5em; + position: fixed; + width: 23em; + z-index: 9; + // width: auto; + + .main-filter { + display: none; + } + .mobile-mode { + display: flex; + justify-content: flex-start; + + .btn { + border-radius: 50%; + // font-size: 0.7rem; + width: 2.5em; + height: 2.5em; + box-shadow: 0px 0px 7px 1px #eee; + display: flex; + justify-content: center; + align-items: center; + transform: translateX(1.5em); + background-color: #eee; + + &:hover { + filter: brightness(0.8); + } + } + } + + &.expanded { + top: 0; + bottom: 0; + background: #fff; + justify-content: center; + box-shadow: -1px 0px 7px 1px #eee; + + .main-filter { + display: block; + } + } + } + .nav.nav-tabs { + li { + .nav-link { + font-size: 0.8rem; + } + } + li.desktop:nth-child(n + 4) { + display: none; + } + // .combo-list { + // margin-top: 1em; + // } + } + + .summary-container { + padding-top: 0.5em; + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 9; + width: auto; + + &.expanded { + background: #fff; + justify-content: center; + box-shadow: -1px 0px 7px 1px #eee; + } + } + .search-container { + .btn, + .form-control { + font-size: 0.9rem; + } + .logo { + max-width: 2.3em; + } + } + .advanced-search { + position: fixed; + } + } + + // .nav-sidebar { + // display: block; + + // &.sidebar-expanded-mobile { + // display: block; + // } + // } + + // @import "./991/_sub_header_991"; + // @import "./991/my_table_991"; +} + +// 767px +@media screen and (max-width: 47.938em) { + .main-page__content { + margin-right: 0 !important; + } + // @import "./767/group"; + // @import "./767/the_list_panel_767"; + // @import "./767/the_navbar_767"; + // @import "./767/_sub_header_767"; + // @import "./767/the-footer"; +} + +// 575px +@media screen and (max-width: 35.938em) { + // @import "./575/main_575"; + // @import "./575/my_table_575"; + // @import "./575/the_list_panel_575"; + // @import "./575/the_navbar_575"; + // @import "./575/sub_header_575"; + .majles-search-table { + .table-responsive { + height: calc(-28em + 100vh); + } + } +} + +// 399px +@media screen and (max-width: 24.938em) { + // @import "./399/my_table_399"; + // @import "./399/sub_header_399"; + // @import "./399/the-_navbar_399"; + // @import "./399/the_list_panel_399"; +} +//360px +@media screen and (max-width: 22.5em) { + // @import "./360/main_360"; + // @import "./360/sub_header_360"; + // @import "./360/the_list_panel_360"; + // @import "./360/the_navbar_360"; +} diff --git a/assets/hadith/scss/responsive/min_and_max/min-and-max.scss b/assets/hadith/scss/responsive/min_and_max/min-and-max.scss new file mode 100644 index 0000000..e3c5b04 --- /dev/null +++ b/assets/hadith/scss/responsive/min_and_max/min-and-max.scss @@ -0,0 +1,7 @@ +@media only screen and (min-width: 576px) and (max-width: 767.98px){ + .majles-search-table { + .table-responsive { + height: calc(-17em + 100vh); + } + } +} \ No newline at end of file diff --git a/assets/hadith/scss/responsive/min_width/400/_group.scss b/assets/hadith/scss/responsive/min_width/400/_group.scss new file mode 100644 index 0000000..72cc0c5 --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/400/_group.scss @@ -0,0 +1,78 @@ +.main-page__content { + .menu-bar__content { + // max-width: 50%; + // min-width: 50%; + + .groups-header { + // display: flex; + // justify-content: space-between; + // align-items: center; + + .dropdown { + &.profile-dropdown { + // display: none; + } + } + } + .group-filter-mobile { + // display: none; + } + + .toggle-sidebar { + // display: none; + } + .toggle-menu-bar { + // display: none; + } + + &.mini { + // max-width: 5em; + // min-width: 5em; + + .right-icons { + & > .btn:not(.toggle-list), .group-name ,& > svg { + // display: none; + } + } + + .groups-header { + .toggle-search { + // display: none; + } + .toggle-filter { + // display: none; + } + } + + .group-item { + .group-row { + .group-picture-container { + .context-menu-dropdown { + // display: none !important; + } + + .group-picture.mini-mode { + // display: inline !important; + // cursor: pointer; + } + .group-picture { + // display: none; + } + } + + .group-content { + // display: none; + } + } + } + + .home-list__content { + } + } + } + .position-relative { + .dropdown { + // top: 50px; + } + } +} diff --git a/assets/hadith/scss/responsive/min_width/576/_group.scss b/assets/hadith/scss/responsive/min_width/576/_group.scss new file mode 100644 index 0000000..548c4c6 --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/576/_group.scss @@ -0,0 +1,80 @@ +.main-page__content { + .menu-bar__content { + // max-width: 24em; + // min-width: 20em; + + .groups-header { + // display: flex; + // justify-content: space-between; + // align-items: center; + + .dropdown { + &.profile-dropdown { + // display: none; + } + } + } + .group-filter-mobile { + // display: none; + } + + .toggle-sidebar { + // display: none; + } + .toggle-menu-bar { + // display: none; + } + + &.mini { + // max-width: 5em; + // min-width: 5em; + + .right-icons { + & > .btn:not(.toggle-list), + .group-name, + & > svg { + // display: none; + } + } + + .groups-header { + .toggle-search { + // display: none; + } + .toggle-filter { + // display: none; + } + } + + .group-item { + .group-row { + .group-picture-container { + .context-menu-dropdown { + // display: none !important; + } + + .group-picture.mini-mode { + // display: inline !important; + // cursor: pointer; + } + .group-picture { + // display: none; + } + } + + .group-content { + // display: none; + } + } + } + + .home-list__content { + } + } + } + .position-relative { + .dropdown { + // top: 50px; + } + } +} diff --git a/assets/hadith/scss/responsive/min_width/768/_group.scss b/assets/hadith/scss/responsive/min_width/768/_group.scss new file mode 100644 index 0000000..a54f04c --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/768/_group.scss @@ -0,0 +1,81 @@ +.main-page__content { + .menu-bar__content { + // max-width: 40%; + // min-width: 40%; + right:4.5em; + + .groups-header { + // display: flex; + // justify-content: space-between; + // align-items: center; + + .dropdown { + &.profile-dropdown { + // display: none; + } + } + } + .group-filter-mobile { + // display: none; + } + + .toggle-sidebar { + // display: none; + } + .toggle-menu-bar { + // display: none; + } + + &.mini { + // max-width: 5em; + // min-width: 5em; + + .right-icons { + & > .btn:not(.toggle-list), + .group-name, + & > svg { + // display: none; + } + } + + .groups-header { + .toggle-search { + // display: none; + } + .toggle-filter { + // display: none; + } + } + + .group-item { + .group-row { + .group-picture-container { + .context-menu-dropdown { + // display: none !important; + } + + .group-picture.mini-mode { + // display: inline !important; + // cursor: pointer; + } + .group-picture { + // display: none; + } + } + + .group-content { + // display: none; + } + } + } + + .home-list__content { + } + } + } + .position-relative { + .dropdown { + // top: 50px; + } + } +} diff --git a/assets/hadith/scss/responsive/min_width/992/_group.scss b/assets/hadith/scss/responsive/min_width/992/_group.scss new file mode 100644 index 0000000..1c16246 --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/992/_group.scss @@ -0,0 +1,81 @@ +.main-page__content { + .menu-bar__content { + // -webkit-box-flex: 1; + // -ms-flex: 1 1 100%; + // max-width: 200px; + // width: auto; + // position: fixed!important; + + .groups-header { + display: flex; + justify-content: space-between; + align-items: center; + + .dropdown { + &.profile-dropdown { + display: none; + } + } + } + .group-filter-mobile { + display: none; + } + + .toggle-sidebar { + display: none; + } + .toggle-menu-bar { + display: none; + } + + &.mini { + max-width: 5em; + min-width: 5em; + + .right-icons { + & > .btn:not(.toggle-list), .group-name ,& > svg { + display: none; + } + } + + .groups-header { + .toggle-search { + display: none; + } + .toggle-filter { + display: none; + } + } + + .group-item { + .group-row { + .group-picture-container { + .context-menu-dropdown { + display: none !important; + } + + .group-picture.mini-mode { + display: inline !important; + cursor: pointer; + } + .group-picture { + display: none; + } + } + + .group-content { + display: none; + } + } + } + + .home-list__content { + } + } + } + .position-relative { + .dropdown { + // top: 50px; + } + } +} diff --git a/assets/hadith/scss/responsive/min_width/992/_the-footer.scss b/assets/hadith/scss/responsive/min_width/992/_the-footer.scss new file mode 100644 index 0000000..109b6ef --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/992/_the-footer.scss @@ -0,0 +1,3 @@ +.mobile-footer { + display: none; +} \ No newline at end of file diff --git a/assets/hadith/scss/responsive/min_width/min-width.scss b/assets/hadith/scss/responsive/min_width/min-width.scss new file mode 100644 index 0000000..00f054e --- /dev/null +++ b/assets/hadith/scss/responsive/min_width/min-width.scss @@ -0,0 +1,63 @@ +// 200px +@media screen and (min-width: 200px) { +} + +//400px +@media screen and (min-width: 24.938em) { +} +// 576px +@media screen and (min-width: 36em) { + .main-page__content { + .search-items { + height: calc(100vh - 17em); + } + } +} +// 768px +@media screen and (min-width: 48em) { +} +// 992px +@media screen and (min-width: 62em) { + .mobile-mode { + display: none; + } + + .main-page__content { + .search-items { + height: calc(100vh - 12.5em); + } + } + .qanon-content, + .majles-qaSection-content, + .majles-qanon-content, + .majles-mashruh-content { + .search-items { + height: calc(100vh - 14.5em); + } + } + .main-filter { + .search-items { + height: calc(100vh - 16.8em); + } + } + .majles-search-table { + .table-responsive { + height: calc(-15em + 100vh); + } + } +} + +// 1200px + +// 1400px + +// // 1600px +// @media screen and (min-width: 100.000em) { +// @import "./992/category_992"; +// } + +// //1800px +// @media screen and (min-width: 112.500em) {} + +// //2000px +// @media screen and (min-width: 125.000em) {} diff --git a/assets/hadith/scss/responsive/responsive.scss b/assets/hadith/scss/responsive/responsive.scss new file mode 100644 index 0000000..6192295 --- /dev/null +++ b/assets/hadith/scss/responsive/responsive.scss @@ -0,0 +1,12 @@ +// the base pixel size is : "16px" + +// +// max width media queries +// +@import "./max_width/max_width.scss"; + +// +// min width media queries +// +@import "./min_width/min-width.scss"; +@import "./min_and_max/min-and-max.scss"; diff --git a/components/hadith/AutoComplation.vue b/components/hadith/AutoComplation.vue new file mode 100644 index 0000000..6741829 --- /dev/null +++ b/components/hadith/AutoComplation.vue @@ -0,0 +1,557 @@ + + + + + diff --git a/components/hadith/Dropdown.vue b/components/hadith/Dropdown.vue new file mode 100644 index 0000000..16e98b7 --- /dev/null +++ b/components/hadith/Dropdown.vue @@ -0,0 +1,87 @@ + + + diff --git a/components/hadith/FooterMenu.vue b/components/hadith/FooterMenu.vue new file mode 100644 index 0000000..f5e59db --- /dev/null +++ b/components/hadith/FooterMenu.vue @@ -0,0 +1,900 @@ + + + + + diff --git a/components/hadith/LibraryTree.vue b/components/hadith/LibraryTree.vue new file mode 100644 index 0000000..f5e59db --- /dev/null +++ b/components/hadith/LibraryTree.vue @@ -0,0 +1,900 @@ + + + + + diff --git a/components/hadith/SearchTopHeader.vue b/components/hadith/SearchTopHeader.vue new file mode 100644 index 0000000..f5e59db --- /dev/null +++ b/components/hadith/SearchTopHeader.vue @@ -0,0 +1,900 @@ + + + + + diff --git a/json/hadith/json/menu.json b/json/hadith/json/menu.json new file mode 100644 index 0000000..42fb7b1 --- /dev/null +++ b/json/hadith/json/menu.json @@ -0,0 +1,36 @@ +{ + "reports": [ + { + "icon": "Home-21", + "color": 1, + "link": "defaultRoute", + "actionMode": 1, + "title": "خانه", + "translateKey": "Home" + }, + { + "icon": "Component-198--1", + "color": 3, + "link": "search", + "actionMode": 3, + "title": "جستجو", + "translateKey": "Search" + }, + { + "icon": "Component-68--1", + "color": 3, + "link": "searchNavigation", + "actionMode": 3, + "title": "فهرست", + "translateKey": "List" + }, + { + "icon": "reports", + "color": 3, + "link": "searchChart", + "actionMode": 3, + "title": "نمودار", + "translateKey": "Chart" + } + ] +} diff --git a/json/hadith/json/sidbarMenuMin.json b/json/hadith/json/sidbarMenuMin.json new file mode 100644 index 0000000..56b4cd8 --- /dev/null +++ b/json/hadith/json/sidbarMenuMin.json @@ -0,0 +1,12 @@ +{ + "reports": [ + { + "icon": "Home-21", + "color": 1, + "link": "defaultRoute", + "actionMode": 1, + "title": "‌خانه", + "translateKey": "Dashboard" + } + ] +} diff --git a/json/hadith/json/sidebar.json b/json/hadith/json/sidebar.json new file mode 100644 index 0000000..66393d1 --- /dev/null +++ b/json/hadith/json/sidebar.json @@ -0,0 +1,16 @@ +[ + { + "color": 1, + "icon": "reports", + "link": "managementReports", + "title": "آمار", + "translateKey": "Statistics" + },{ + "color": 2, + "icon": "settings", + "link": "managementSetting", + "title": "تنظیمات", + "translateKey": "Settings" + } + +] \ No newline at end of file diff --git a/layouts/HadithLayout.vue b/layouts/HadithLayout.vue new file mode 100644 index 0000000..f0074ea --- /dev/null +++ b/layouts/HadithLayout.vue @@ -0,0 +1,56 @@ + + + + + diff --git a/layouts/readme.md b/layouts/readme.md new file mode 100644 index 0000000..e11d43e --- /dev/null +++ b/layouts/readme.md @@ -0,0 +1,5 @@ +Layouts are wrappers around pages that contain a common User Interface for several pages, such as +a header and footer display. Layouts are Vue files using components to display the page +content. The layouts/default.vue file will be used by default. Custom layouts can be set as part of +your page metadata. +If you only have a single layout in your application, we recommend using app.vue with instead. \ No newline at end of file diff --git a/pages/hadith/(show)/EntityAddDraft.vue b/pages/hadith/(show)/EntityAddDraft.vue new file mode 100644 index 0000000..c311b30 --- /dev/null +++ b/pages/hadith/(show)/EntityAddDraft.vue @@ -0,0 +1,512 @@ + + + + diff --git a/pages/hadith/(show)/EntityListDraft.vue b/pages/hadith/(show)/EntityListDraft.vue new file mode 100644 index 0000000..dca7b81 --- /dev/null +++ b/pages/hadith/(show)/EntityListDraft.vue @@ -0,0 +1,327 @@ + + + + diff --git a/pages/hadith/(show)/NewEntity.vue b/pages/hadith/(show)/NewEntity.vue new file mode 100644 index 0000000..3e01c98 --- /dev/null +++ b/pages/hadith/(show)/NewEntity.vue @@ -0,0 +1,393 @@ + + + diff --git a/pages/hadith/(show)/[key]/[id]/EntityDetail.vue b/pages/hadith/(show)/[key]/[id]/EntityDetail.vue new file mode 100644 index 0000000..a539d78 --- /dev/null +++ b/pages/hadith/(show)/[key]/[id]/EntityDetail.vue @@ -0,0 +1,389 @@ + + + + + + + + diff --git a/pages/hadith/(show)/[key]/[id]/EntityQRule.vue b/pages/hadith/(show)/[key]/[id]/EntityQRule.vue new file mode 100644 index 0000000..96f7216 --- /dev/null +++ b/pages/hadith/(show)/[key]/[id]/EntityQRule.vue @@ -0,0 +1,354 @@ + + + + + + + + diff --git a/pages/hadith/(show)/[key]/[id]/index.vue b/pages/hadith/(show)/[key]/[id]/index.vue new file mode 100644 index 0000000..b13d0ed --- /dev/null +++ b/pages/hadith/(show)/[key]/[id]/index.vue @@ -0,0 +1,1838 @@ + + + + diff --git a/pages/hadith/chat.vue b/pages/hadith/chat.vue new file mode 100644 index 0000000..d348817 --- /dev/null +++ b/pages/hadith/chat.vue @@ -0,0 +1,247 @@ + + + diff --git a/pages/hadith/favorites/[id]/[slug]/index.vue b/pages/hadith/favorites/[id]/[slug]/index.vue new file mode 100644 index 0000000..d9265be --- /dev/null +++ b/pages/hadith/favorites/[id]/[slug]/index.vue @@ -0,0 +1,257 @@ + + + + + diff --git a/pages/hadith/favorites/index.vue b/pages/hadith/favorites/index.vue new file mode 100644 index 0000000..d9265be --- /dev/null +++ b/pages/hadith/favorites/index.vue @@ -0,0 +1,257 @@ + + + + + diff --git a/pages/hadith/hadith.vue b/pages/hadith/hadith.vue new file mode 100644 index 0000000..487f353 --- /dev/null +++ b/pages/hadith/hadith.vue @@ -0,0 +1,1905 @@ + + + + + + diff --git a/pages/hadith/index.vue b/pages/hadith/index.vue new file mode 100644 index 0000000..102ad6a --- /dev/null +++ b/pages/hadith/index.vue @@ -0,0 +1,2058 @@ + + diff --git a/pages/hadith/library/[id]/[slug]/index.vue b/pages/hadith/library/[id]/[slug]/index.vue new file mode 100644 index 0000000..700195a --- /dev/null +++ b/pages/hadith/library/[id]/[slug]/index.vue @@ -0,0 +1,1206 @@ + + + + + + diff --git a/pages/hadith/library/index.vue b/pages/hadith/library/index.vue new file mode 100644 index 0000000..700195a --- /dev/null +++ b/pages/hadith/library/index.vue @@ -0,0 +1,1206 @@ + + + + + + diff --git a/pages/hadith/login.vue b/pages/hadith/login.vue new file mode 100644 index 0000000..700195a --- /dev/null +++ b/pages/hadith/login.vue @@ -0,0 +1,1206 @@ + + + + + + diff --git a/pages/hadith/public-pages/about-us.vue b/pages/hadith/public-pages/about-us.vue new file mode 100644 index 0000000..d348817 --- /dev/null +++ b/pages/hadith/public-pages/about-us.vue @@ -0,0 +1,247 @@ + + + diff --git a/pages/hadith/public-pages/contact-us.vue b/pages/hadith/public-pages/contact-us.vue new file mode 100644 index 0000000..d348817 --- /dev/null +++ b/pages/hadith/public-pages/contact-us.vue @@ -0,0 +1,247 @@ + + + diff --git a/pages/hadith/public-pages/rules.vue b/pages/hadith/public-pages/rules.vue new file mode 100644 index 0000000..d348817 --- /dev/null +++ b/pages/hadith/public-pages/rules.vue @@ -0,0 +1,247 @@ + + + diff --git a/pages/hadith/search.vue b/pages/hadith/search.vue new file mode 100644 index 0000000..700195a --- /dev/null +++ b/pages/hadith/search.vue @@ -0,0 +1,1206 @@ + + + + + + diff --git a/stores/hadithStore.ts b/stores/hadithStore.ts new file mode 100644 index 0000000..1116f93 --- /dev/null +++ b/stores/hadithStore.ts @@ -0,0 +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 useSearchStore = defineStore("searchStore", { + persist: { + storage: piniaPluginPersistedstate.localStorage(), + }, 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: { + 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: { + 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; + }, + }, +}); +// export default { +// namespaced:true, + +// state, +// actions, +// mutations, +// getters +// }; diff --git a/types/hadithType.ts b/types/hadithType.ts new file mode 100644 index 0000000..6e681be --- /dev/null +++ b/types/hadithType.ts @@ -0,0 +1,260 @@ +export type SummaryOption = { key: string; label: string; type: string }; +export type Filter = { + title: string; + filter_key: string; + source_key: string; + by_more: number; +}; +export type Summary = { + title: string; + key: string; + options: SummaryOption[]; +}; +export type Tag = { + قانون: string; + عنوان: string; + متن: string; + ماده: string; + نوع: string; + سال: string; + دسته: string; + مصوب: string; + تاریخ: string; +}; +export type Domain = { + label: string; + tag: string; + key: string; + field_collapse: string; + table_actions: TableActions[]; + table_columns: TableColumns; +}; + +export type DomainItem = { + label: string; + tag: string; + key: string; + field_collapse: string; + table_actions: TableActions[]; + table_columns: TableColumns[]; +}; + +export type baseTableAction = { + title: string; + key: string; + "v-can": string; + icon: string; + type: string; + link_route?: { + id: string; + name: string; + key: string; + }; + toggle_icons?: { icon1: string; icon2: string }; +}; +export type TableActions = [ + baseTableAction & { + api_items: { + data_type: string; + ref_key: string; + id: string; + title: string; + }; + } +]; +export type TableColumnItem = { + key: string; + title: string; + width: string; + textAlign?: string; + isLink?: true; + link_route?: { id: string; name: string; key: string }; + trancate_word?: number; + colors?: { + منسوخه: string; + معتبر: string; + موقت: string; + "بااجرامنتفي مي شود": string; + تمديد: string; + آزمايشي: string; + تنفيذ: string; + }; +}; + +export type TableColumns = TableColumnItem[]; + +export type Advance = { + key: string; + label: string; + tag: string; + type: string; + placeholder: string; + labelClass: string; + inputClass: string; + multi_select: string; + options?: [{ value: string; title: string }]; +}; +export type SearchType = { + key: string; + description?: string; + label: string; + item?: { + label: string; + type: string; + component: string; + }; +}; +export type SearchContentActions = { + icon?: ""; + title: string; + key: string; + type: string; + "v-can": string; + + api_items?: { + data_type: string; + ref_key: string; + id: string; + title: string; + }; + toggle_icons?: { icon1: string; icon2: string }; +}; + +export type Item = { + key: string; + source_key: string; + label: string; + style: string; + process?: string; + + link_route?: { + id: string; + name: string; + key: string; + }; +}; +export type Items = { + key: string; + items: Item[]; + array_key: string; +}; + +export type SearchContentCollapseItems = { + key: string; + items: Items[]; +}; +export type ListItem = { + title: string; + list_key: string; + filter_key: string; + icon: string; +}; +export type List = ListItem[]; +// search +export type searchActiveTab = { + key: string; + label: string; + key_navbar:string; + description: string; + routeName: string; + searchContent: string; + showTableList: number; + summary: Summary; + filter: Filter[]; + domain: { + tags: Tag; + domain: Domain[] | []; + }|{}; + advance: Advance[]; + searchType: SearchType[]; + search_content: { + actions: SearchContentActions[]; + collapse_items: SearchContentCollapseItems; + }; + lists: List; + colors_qanon_etebar: { + منسوخه: "red"; + معتبر: "green"; + موقت: "blue"; + "بااجرامنتفي مي شود": "blue"; + تمديد: "coral"; + آزمايشي: "blue"; + تنفيذ: "coral"; + }; +}| undefined; +export type searchSchema = searchActiveTab[]; +export type searchActiveSchema = []; + +// search list +export type searchChartSchemaItem = { + key: string; + label: string; + description: string; + routeName: string; + searchContent: string; + showTableList: number; + summary: Summary; + filter: Filter[]; + search_content: { + actions: SearchContentActions[]; + collapse_items: SearchContentCollapseItems; + }; + info: { + title: string; + index_name: string; + meta: string; + table_columns: string; + table_columns_subject: string; + entity_view: string; + lists: []; + items: [{ name: string; title: string }]; + }; + actions: TableActions; + items: searchListActiveTab[]; +}; + +export type searchListActiveTabItem = { + key: string; + id: number; + url_GET_item: string; + key_filter: string; + label: string; +}; +export type searchListActiveTab = { + key: string; + label: string; + field_collapsed: string; + items: searchListActiveTabItem[]; +}; + +export type searchListSchema = searchChartSchemaItem[]; +export type activeSearchListSchema = searchChartSchemaItem; + +// search chart +export type searchChartActiveTab = { + key: string; + componentName: string; + label: string; + chartBase: { + key: string; + label: string; + items: [{ key: string; label: string }]; + }; +}; +export type searchChartSchema = activeSearchChartSchema[]; +export type activeSearchChartSchema = searchActiveTab & { + items: searchChartSchemaItem[]; +}; + +export type searchSynonymTitle = {}; +export type searchSynonymForm = []; +export type selectionFilterItems = []; + +export type helpSchema = helpActiveSchema[]; +export type helpActiveSchema = { + key: string; + label: string; + title: string; + comment: string; +}; +export type DomainActive = Domain;