first commit
This commit is contained in:
mustafa-rezae
commit
947af21d6d
24
apis/researchApi.js
Normal file
24
apis/researchApi.js
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
export default {
|
||||||
|
admin: {
|
||||||
|
list: "",
|
||||||
|
show: "",
|
||||||
|
edit: "",
|
||||||
|
update: "",
|
||||||
|
delete: "",
|
||||||
|
},
|
||||||
|
|
||||||
|
research:{
|
||||||
|
listDefault:"research/search/{{user_id}}/{{offset}}/{{limit}}",
|
||||||
|
listBySearch:"research/search/{{user_id}}/{{offset}}/{{limit}}/q=",
|
||||||
|
deleteItem: "/public/{{index_key}}/delete/{{id}}", //ایدی فیش و یا حاشیه
|
||||||
|
},
|
||||||
|
subject: {
|
||||||
|
move: 'subject/order/move/parent',
|
||||||
|
order: 'subject/order/move/one',
|
||||||
|
list: 'list/subject/list',
|
||||||
|
add: 'list/subject/add',
|
||||||
|
edit: 'list/subject/edit',
|
||||||
|
delete: 'list/subject/delete',
|
||||||
|
order: 'list/subject/order',
|
||||||
|
},
|
||||||
|
};
|
||||||
142
assets/research/scss/research.scss
Normal file
142
assets/research/scss/research.scss
Normal file
|
|
@ -0,0 +1,142 @@
|
||||||
|
.research-system {
|
||||||
|
.main-page__content {
|
||||||
|
margin-right: var(--sidebar-collapsed-width);
|
||||||
|
.search-items {
|
||||||
|
height: calc(100vh - 10em);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.myResearches {
|
||||||
|
.search-container {
|
||||||
|
.input-group {
|
||||||
|
/* justify-content: space-between; */
|
||||||
|
border-radius: 50px;
|
||||||
|
.form-control {
|
||||||
|
border: 0;
|
||||||
|
border-right: 1px solid #eee;
|
||||||
|
border-left: 1px solid #eee;
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
border-radius: 50px 0 0 50px;
|
||||||
|
min-width: 5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.advanced-search {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
padding-top: 1em;
|
||||||
|
padding-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;
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.filter-list-container {
|
||||||
|
.mobile-mode {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.TermPage {
|
||||||
|
.nav-tabs-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.nav-link {
|
||||||
|
.active {
|
||||||
|
color: #495057;
|
||||||
|
background-color: #fff;
|
||||||
|
border-color: #dee2e6 #dee2e6 #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pages-content {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
// margin-top: 2em;
|
||||||
|
padding: 0;
|
||||||
|
// height: calc(100dvh - 2em);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@import "./responsive/responsive";
|
||||||
|
}
|
||||||
130
assets/research/scss/responsive/max_width/991/_group.scss
Normal file
130
assets/research/scss/responsive/max_width/991/_group.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
40
assets/research/scss/responsive/max_width/991/_replays.scss
Normal file
40
assets/research/scss/responsive/max_width/991/_replays.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
126
assets/research/scss/responsive/max_width/991/chat-list.scss
Normal file
126
assets/research/scss/responsive/max_width/991/chat-list.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
130
assets/research/scss/responsive/max_width/max_width.scss
Normal file
130
assets/research/scss/responsive/max_width/max_width.scss
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
// 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 - 13em);
|
||||||
|
}
|
||||||
|
.filter-list-container {
|
||||||
|
padding-top: 0.5em;
|
||||||
|
position: fixed;
|
||||||
|
|
||||||
|
z-index: 9;
|
||||||
|
width: auto;
|
||||||
|
|
||||||
|
.main-filter {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.mobile-mode {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
.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;
|
||||||
|
right: 0;
|
||||||
|
margin-right: var(--sidebar-collapsed-width);
|
||||||
|
background: #fff;
|
||||||
|
justify-content: center;
|
||||||
|
box-shadow: -1px 0px 7px 1px #eee;
|
||||||
|
|
||||||
|
.main-filter {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// @import "./991/group";
|
||||||
|
// @import "./991/the-footer";
|
||||||
|
// @import "./991/chat-list.scss";
|
||||||
|
// @import "./991/replays";
|
||||||
|
// @import "./991/_sub_header_991";
|
||||||
|
// @import "./991/my_table_991";
|
||||||
|
}
|
||||||
|
|
||||||
|
// 767px
|
||||||
|
@media screen and (max-width: 47.938em) {
|
||||||
|
.main-page__content {
|
||||||
|
.search-items {
|
||||||
|
height: calc(100vh - 15em);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
// @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) {
|
||||||
|
.main-page__content {
|
||||||
|
.search-items {
|
||||||
|
height: calc(100vh - 15em);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// @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";
|
||||||
|
}
|
||||||
|
|
||||||
|
// 399px
|
||||||
|
@media screen and (max-width: 24.938em) {
|
||||||
|
.main-page__content {
|
||||||
|
.search-items {
|
||||||
|
height: calc(100vh - 15em);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
// @import "./399/chat-list.scss";
|
||||||
|
// @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";
|
||||||
|
}
|
||||||
78
assets/research/scss/responsive/min_width/400/_group.scss
Normal file
78
assets/research/scss/responsive/min_width/400/_group.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
80
assets/research/scss/responsive/min_width/576/_group.scss
Normal file
80
assets/research/scss/responsive/min_width/576/_group.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
81
assets/research/scss/responsive/min_width/768/_group.scss
Normal file
81
assets/research/scss/responsive/min_width/768/_group.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
81
assets/research/scss/responsive/min_width/992/_group.scss
Normal file
81
assets/research/scss/responsive/min_width/992/_group.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
.mobile-footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
45
assets/research/scss/responsive/min_width/min-width.scss
Normal file
45
assets/research/scss/responsive/min_width/min-width.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
// 200px
|
||||||
|
@media screen and (min-width: 200px) {
|
||||||
|
// @import "./200/main_200";
|
||||||
|
}
|
||||||
|
|
||||||
|
//400px
|
||||||
|
|
||||||
|
@media screen and (min-width: 24.938em) {
|
||||||
|
// @import "./400/group";
|
||||||
|
// @import "./399/sub_header_399";
|
||||||
|
// @import "./399/the_navbar_399";
|
||||||
|
}
|
||||||
|
// 576px
|
||||||
|
@media screen and (min-width: 36em) {
|
||||||
|
// @import "./576/group";
|
||||||
|
// @import "./576/sub_header_576";
|
||||||
|
// @import "./576/my_table_576";
|
||||||
|
}
|
||||||
|
// 768px
|
||||||
|
@media screen and (min-width: 48em) {
|
||||||
|
// @import "./768/group";
|
||||||
|
// @import "./576/sub_header_576";
|
||||||
|
// @import "./576/my_table_576";
|
||||||
|
}
|
||||||
|
// 992px
|
||||||
|
@media screen and (min-width: 62em) {
|
||||||
|
// @import "./992/group";
|
||||||
|
// @import "./992/the-footer";
|
||||||
|
// @import "./992/sub_header_992";
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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) {}
|
||||||
11
assets/research/scss/responsive/responsive.scss
Normal file
11
assets/research/scss/responsive/responsive.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
// 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";
|
||||||
178
components/research/components/AdvancedSearch.vue
Normal file
178
components/research/components/AdvancedSearch.vue
Normal file
|
|
@ -0,0 +1,178 @@
|
||||||
|
<template>
|
||||||
|
<div class="advanced-search firefox-scrollbar">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<form>
|
||||||
|
<component
|
||||||
|
v-for="(formElement, index) in localFormElements"
|
||||||
|
:key="index"
|
||||||
|
:formElement="getValueToFormElement(formElement)"
|
||||||
|
:inputClass="formElement.inputClass"
|
||||||
|
:labelClass="formElement.labelClass"
|
||||||
|
:is="returnComponentName(formElement.type)"
|
||||||
|
@tribute-on-search="remoteSearch"
|
||||||
|
@oninput="createQuery($event, index)"
|
||||||
|
class="inside-advanced-search"
|
||||||
|
></component>
|
||||||
|
|
||||||
|
<div class="d-flex justify-content-end align-items-baseline">
|
||||||
|
<div class="bottom-close-form ms-3">
|
||||||
|
<a @click.prevent="closeAdvancedSearch">بستن</a>
|
||||||
|
</div>
|
||||||
|
<div class="bottom-save-form">
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="btn btn-primary"
|
||||||
|
style="font-size: 11px; height: 3em; width: 7em"
|
||||||
|
@click.prevent="searchStart()"
|
||||||
|
>
|
||||||
|
جستجو
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
import { mapState } from "pinia";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listUpdatedText: {},
|
||||||
|
localFormElements: [],
|
||||||
|
value: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useSearchStore, ["searchActiveTabGetter"]),
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
researchSchemaGetter: {
|
||||||
|
handler: function (newSchema) {
|
||||||
|
if (newSchema[0].advance)
|
||||||
|
this.localFormElements = structuredClone(newSchema[0].advance);
|
||||||
|
},
|
||||||
|
// deep: true,
|
||||||
|
immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
this.localFormElements = structuredClone(
|
||||||
|
this.researchSchemaGetter[0].advance
|
||||||
|
);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
closeAdvancedSearch() {
|
||||||
|
this.$emit("closeAdvancedSearch");
|
||||||
|
},
|
||||||
|
remoteSearch({ text, cb, item }) {
|
||||||
|
// for clearing the query when user remove by keyboard backspace.
|
||||||
|
if (text == "") this.makeSearchParams(undefined, 1);
|
||||||
|
|
||||||
|
let url = item.completion;
|
||||||
|
|
||||||
|
text = text.trim();
|
||||||
|
url = url.replace("{{key}}", this.researchSchemaGetter[0].key);
|
||||||
|
if (text == "") url = url.replace("/{{query}}", "");
|
||||||
|
else url = url.replace("{{query}}", text);
|
||||||
|
this.httpService.getRequest(url).then((response) => {
|
||||||
|
cb(response.data);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getValueToFormElement(elements) {
|
||||||
|
Object.keys(elements).forEach((key, index) => {
|
||||||
|
elements["value"] = this.researchSchemaGetter[0][elements.key];
|
||||||
|
});
|
||||||
|
return elements;
|
||||||
|
},
|
||||||
|
saveComponentValue(value, formElement) {
|
||||||
|
// در صورت تغییر نگهداری می شود تا وقتی کلید ثبت زد، ذخیره شود
|
||||||
|
if (this.researchSchemaGetter[0][formElement.key] != value) {
|
||||||
|
this.listUpdatedText[formElement.key] = value;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
returnComponentName(type) {
|
||||||
|
// if(!this.isEditable(searchActiveTabGetter?.key))
|
||||||
|
// return "LabelComponent";
|
||||||
|
|
||||||
|
if (type == "select") return "SelectComponent";
|
||||||
|
else if (type == "range_date") return "RangeDateComponent";
|
||||||
|
else if (type == "completion") return "TributeComponent";
|
||||||
|
else return "InputComponent";
|
||||||
|
},
|
||||||
|
|
||||||
|
// این لازم نیست و استفاده نداره!!!!!
|
||||||
|
// saveProperty() {
|
||||||
|
// let id = this.$route.params.id;
|
||||||
|
// let key = this.$route.params.key;
|
||||||
|
|
||||||
|
// let formData = {
|
||||||
|
// id: id,
|
||||||
|
// meta: JSON.stringify(this.listUpdatedText),
|
||||||
|
// };
|
||||||
|
|
||||||
|
// let url = "/public/{{index_key}}/update/{{id}}";
|
||||||
|
// url = url.replace("{{index_key}}", key).replace("{{id}}", id);
|
||||||
|
// this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
// this.getServerItem();
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
createQuery(evt, index) {
|
||||||
|
// evt.target.value => from input component.
|
||||||
|
//evt => from datetime component.
|
||||||
|
let value = evt?.target?.value ?? evt;
|
||||||
|
this.$emit("set-query-advanced", this.makeSearchParams(value, index));
|
||||||
|
},
|
||||||
|
makeSearchParams(value, index) {
|
||||||
|
if (value != undefined) this.localFormElements[index].value = value;
|
||||||
|
else this.localFormElements[index].value = undefined;
|
||||||
|
|
||||||
|
let query = "";
|
||||||
|
|
||||||
|
this.localFormElements.forEach((item, rowIndex, array) => {
|
||||||
|
if (item.value?.length)
|
||||||
|
query += "#" + item.tag + " " + item.value + " ";
|
||||||
|
});
|
||||||
|
|
||||||
|
return query;
|
||||||
|
},
|
||||||
|
searchStart() {
|
||||||
|
this.$emit("searchStart", this.searchStartValue());
|
||||||
|
},
|
||||||
|
searchStartValue() {
|
||||||
|
let query = "";
|
||||||
|
this.localFormElements.forEach((item, rowIndex, array) => {
|
||||||
|
if (item.value?.length)
|
||||||
|
query += "#" + item.tag + " " + item.value + " ";
|
||||||
|
});
|
||||||
|
return myEncodeQuery(query);
|
||||||
|
},
|
||||||
|
|
||||||
|
myEncodeQuery(text) {
|
||||||
|
let ch1 = encodeURIComponent("#");
|
||||||
|
let ch2 = encodeURIComponent("/");
|
||||||
|
let ch3 = encodeURIComponent("\\");
|
||||||
|
// let ch4 = encodeURIComponent(".");
|
||||||
|
text = text.replaceAll("#", ch1);
|
||||||
|
text = text.replaceAll("/", "\\");
|
||||||
|
text = text.replaceAll("\\", ch3);
|
||||||
|
// text = text.replaceAll(".", '%2E');
|
||||||
|
return text;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
76
components/research/components/FormAddChildrenToTree.vue
Normal file
76
components/research/components/FormAddChildrenToTree.vue
Normal file
|
|
@ -0,0 +1,76 @@
|
||||||
|
<template>
|
||||||
|
<form
|
||||||
|
class="container"
|
||||||
|
role="create"
|
||||||
|
style="height: 100%; display: flex; flex-direction: column"
|
||||||
|
>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>نام را وارد کنید :</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="شروع به نوشتن کنید"
|
||||||
|
v-focus
|
||||||
|
v-model="nameInput"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="form-row d-flex justify-content-end">
|
||||||
|
<div class="form-group">
|
||||||
|
<button
|
||||||
|
@click.prevent="close()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-default"
|
||||||
|
data-dismiss="modal"
|
||||||
|
>
|
||||||
|
بستن
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click.prevent="save()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-outline-primary me-2"
|
||||||
|
>
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
<!-- <button
|
||||||
|
:disabled="fetchingData"
|
||||||
|
@click.prevent="remove()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
حذف
|
||||||
|
</button> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
nameInput: "",
|
||||||
|
inputfocused: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.$emit("closeAddName");
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
this.$emit("addNewChildren", this.nameInput);
|
||||||
|
this.$emit("close");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
74
components/research/components/FormAddToTree.vue
Normal file
74
components/research/components/FormAddToTree.vue
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
<template>
|
||||||
|
<form
|
||||||
|
class="container"
|
||||||
|
role="create"
|
||||||
|
style="height: 100%; display: flex; flex-direction: column"
|
||||||
|
>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>نام را وارد کنید :</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="شروع به نوشتن کنید"
|
||||||
|
v-model="nameInput"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="form-row d-flex justify-content-end">
|
||||||
|
<div class="form-group">
|
||||||
|
<button
|
||||||
|
@click.prevent="close()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-default"
|
||||||
|
data-dismiss="modal"
|
||||||
|
>
|
||||||
|
بستن
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click.prevent="save()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-outline-primary me-2"
|
||||||
|
>
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
<!-- <button
|
||||||
|
:disabled="fetchingData"
|
||||||
|
@click.prevent="remove()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
حذف
|
||||||
|
</button> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
nameInput: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.$emit("closeAddName");
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
this.$emit("addNew", this.nameInput);
|
||||||
|
this.$emit("close");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
78
components/research/components/FormEditToTree.vue
Normal file
78
components/research/components/FormEditToTree.vue
Normal file
|
|
@ -0,0 +1,78 @@
|
||||||
|
<template>
|
||||||
|
<form
|
||||||
|
class="container"
|
||||||
|
role="create"
|
||||||
|
style="height: 100%; display: flex; flex-direction: column"
|
||||||
|
>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>نام را وارد کنید :</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="شروع به نوشتن کنید"
|
||||||
|
v-model="nameInput"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="form-row d-flex justify-content-end">
|
||||||
|
<div class="form-group">
|
||||||
|
<button
|
||||||
|
@click.prevent="close()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-default"
|
||||||
|
data-dismiss="modal"
|
||||||
|
>
|
||||||
|
بستن
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click.prevent="save()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-outline-primary me-2"
|
||||||
|
>
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
<!-- <button
|
||||||
|
:disabled="fetchingData"
|
||||||
|
@click.prevent="remove()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary"
|
||||||
|
>
|
||||||
|
حذف
|
||||||
|
</button> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
editingItem: {
|
||||||
|
default: {},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
this.nameInput = this.editingItem?.text
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
nameInput: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
this.$emit("closeAddName");
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
this.$emit("edit", this.nameInput);
|
||||||
|
this.$emit("close");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
169
components/research/components/FormForAdd.vue
Normal file
169
components/research/components/FormForAdd.vue
Normal file
|
|
@ -0,0 +1,169 @@
|
||||||
|
<template>
|
||||||
|
<form @submit.prevent="save()">
|
||||||
|
<div class="form-group form-row">
|
||||||
|
<label class="col-2" for="title">عنوان: </label>
|
||||||
|
<input
|
||||||
|
class="form-control col"
|
||||||
|
placeholder="عنوان را وارد کنید"
|
||||||
|
type="text"
|
||||||
|
id="title"
|
||||||
|
name="title"
|
||||||
|
v-model.trim="selectedItemClone.title"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group form-row">
|
||||||
|
<div class="col-12 d-flex justify-content-between">
|
||||||
|
<div class="d-flex">
|
||||||
|
<button-component
|
||||||
|
type="submit"
|
||||||
|
classes="btn-outline-primary"
|
||||||
|
:buttonText="buttonText"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
></button-component>
|
||||||
|
<button-component
|
||||||
|
classes="btn-default"
|
||||||
|
@click="closeModal()"
|
||||||
|
buttonText="انصراف"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
></button-component>
|
||||||
|
</div>
|
||||||
|
<button-component
|
||||||
|
v-if="selectedItem.id"
|
||||||
|
classes="delete-btn btn-outline-danger"
|
||||||
|
@click="deleteItem()"
|
||||||
|
buttonText="حذف"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
>
|
||||||
|
<i class="tavasi tavasi-bin"></i>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import apis from "~/apis/listApi";
|
||||||
|
import { mapState } from "pinia";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
selectedItem: {
|
||||||
|
default() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
parentId: {
|
||||||
|
default: 0,
|
||||||
|
},
|
||||||
|
|
||||||
|
apiName: {
|
||||||
|
type: String,
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
emits: ["update-list", "close-modal", "delete-item"],
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
buttonLoading: false,
|
||||||
|
selectedItemClone: {
|
||||||
|
id: undefined,
|
||||||
|
title: "",
|
||||||
|
listtype: 0,
|
||||||
|
projectid: this.selectedProjectGetter?.id,
|
||||||
|
parent: this.parentId,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState("list", [
|
||||||
|
"selectedProjectGetter",
|
||||||
|
"listIdGetter",
|
||||||
|
"selectedItemGetter",
|
||||||
|
]),
|
||||||
|
buttonText() {
|
||||||
|
return this.selectedItemClone.id || this.selectedItemClone.guid
|
||||||
|
? "ذخیره"
|
||||||
|
: "ثبت";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
save() {
|
||||||
|
if (this.buttonLoading) return;
|
||||||
|
this.buttonLoading = true;
|
||||||
|
|
||||||
|
// apiName = subject | list
|
||||||
|
const url = this.selectedItemClone.id
|
||||||
|
? apis[this.apiName].edit
|
||||||
|
: apis[this.apiName].add;
|
||||||
|
|
||||||
|
this.selectedItemClone.listid = this.listIdGetter;
|
||||||
|
|
||||||
|
ApiService.formData(url, this.selectedItemClone)
|
||||||
|
.then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: res.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.$emit("update-list");
|
||||||
|
})
|
||||||
|
|
||||||
|
.finally(() => {
|
||||||
|
this.buttonLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deleteItem() {
|
||||||
|
if (this.buttonLoading) return;
|
||||||
|
this.buttonLoading = true;
|
||||||
|
|
||||||
|
const data = { id: this.listIdGetter, projectid: this.selectedProjectGetter?.id };
|
||||||
|
|
||||||
|
mySwalConfirm({
|
||||||
|
title: "هشدار!!!",
|
||||||
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
ApiService.formData(apis.item.delete, data)
|
||||||
|
.then((response) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: response.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.$emit("delete-item");
|
||||||
|
})
|
||||||
|
|
||||||
|
.finally(() => {
|
||||||
|
this.buttonLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
closeModal() {
|
||||||
|
this.resetForm();
|
||||||
|
this.$emit("close-modal");
|
||||||
|
},
|
||||||
|
resetForm() {
|
||||||
|
this.selectedItemClone = {
|
||||||
|
id: undefined,
|
||||||
|
title: "",
|
||||||
|
listtype: 0,
|
||||||
|
projectid: this.selectedProjectGetter?.id,
|
||||||
|
parent: this.parentId,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.selectedItem?.id)
|
||||||
|
this.selectedItemClone = structuredClone(this.selectedItem);
|
||||||
|
else this.resetForm();
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
94
components/research/components/FormForDelete.vue
Normal file
94
components/research/components/FormForDelete.vue
Normal file
|
|
@ -0,0 +1,94 @@
|
||||||
|
<template>
|
||||||
|
<form
|
||||||
|
class="create-form container"
|
||||||
|
role="create"
|
||||||
|
style="height: 100%; display: flex; flex-direction: column"
|
||||||
|
>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
value="delete_all"
|
||||||
|
v-model="selectedOption"
|
||||||
|
/>
|
||||||
|
<label for="title" class="me-5">حذف کل شاخه:</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="form-group">
|
||||||
|
<input
|
||||||
|
class="form-check-input"
|
||||||
|
type="radio"
|
||||||
|
value="delete_one"
|
||||||
|
v-model="selectedOption"
|
||||||
|
/>
|
||||||
|
<label for="title" class="me-5">حذف گره اصلی:</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<div v-if="selectedOption == 'delete_all'">
|
||||||
|
<p>مراقب باشد کل داده شما پاک میشود</p>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="selectedOption == 'delete_one'">
|
||||||
|
<p>فقط مقدار اول پاک می شود و داده های آن به شاخه اصلی منتقل می شود</p>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<p>یکی از موارد را انتخاب کنید</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-end align-items-end mt-auto">
|
||||||
|
<button
|
||||||
|
@click.prevent="close()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-secondary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
>
|
||||||
|
بستن
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
|
||||||
|
@click.prevent="save()"
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary me-2"
|
||||||
|
>
|
||||||
|
حذف
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import apis from "~/apis/borhanApi.js";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default: "",
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
selectedOption: null,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
close() {
|
||||||
|
|
||||||
|
this.$emit("close");
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
this.$emit("removItem", this.selectedOption);
|
||||||
|
this.$emit("close");
|
||||||
|
this.selectedOption = ""
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
290
components/research/components/MainContent.vue
Normal file
290
components/research/components/MainContent.vue
Normal file
|
|
@ -0,0 +1,290 @@
|
||||||
|
<template>
|
||||||
|
<div class="prodigy-annotator c01118">
|
||||||
|
<div class="c01119">
|
||||||
|
<div class="prodigy-container c01139 c01137">
|
||||||
|
<div tabindex="-1"></div>
|
||||||
|
<div class="c01146">
|
||||||
|
<div class="prodigy-title-wrapper c01152">
|
||||||
|
<div class="prodigy-title c01150 c01147 c01151">
|
||||||
|
<div tabindex="-1">
|
||||||
|
<div class="prodigy-labels c01153">
|
||||||
|
<span
|
||||||
|
><input
|
||||||
|
hidden=""
|
||||||
|
type="radio"
|
||||||
|
name="label"
|
||||||
|
id="7cc2eef9-c52c-4a85-a815-aa7229ad261a"
|
||||||
|
value="PERSON"
|
||||||
|
checked=""
|
||||||
|
/><label
|
||||||
|
class="prodigy-label c01154 c01155"
|
||||||
|
for="7cc2eef9-c52c-4a85-a815-aa7229ad261a"
|
||||||
|
data-prodigy-label="PERSON"
|
||||||
|
>PERSON<span class="c01156">1</span></label
|
||||||
|
></span
|
||||||
|
><span
|
||||||
|
><input
|
||||||
|
hidden=""
|
||||||
|
type="radio"
|
||||||
|
name="label"
|
||||||
|
id="cb04bff7-3de1-4f74-a3e8-7f8ef398d98b"
|
||||||
|
value="ORG"
|
||||||
|
/><label
|
||||||
|
class="prodigy-label c01154"
|
||||||
|
for="cb04bff7-3de1-4f74-a3e8-7f8ef398d98b"
|
||||||
|
data-prodigy-label="ORG"
|
||||||
|
>ORG<span class="c01156">2</span></label
|
||||||
|
></span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="prodigy-content c01158 c01157">
|
||||||
|
<div
|
||||||
|
ref="section1"
|
||||||
|
id="section1"
|
||||||
|
@mouseup.left="onMouseUp($event)"
|
||||||
|
class="c01164 c01148 c01165"
|
||||||
|
>
|
||||||
|
<p id="c01157">
|
||||||
|
ماده واحده - به بانک مرکزی جمهوری اسلامی ایران اجازه داده می شود
|
||||||
|
در اجرای ماده (11) قانون موافقتنامه تشویق و حمایت متقابل از
|
||||||
|
سرمایه گذاری بین دولت جمهوری اسلامی ایران و دولت پادشاهی بحرین
|
||||||
|
مصوب 1382/10/23 با همکاری معاونت حقوقی ریاست جمهوری نسبت به طی
|
||||||
|
فرایند داوری مطابق موافقتنامه مذکور درباره اختلافات آن شرکت با
|
||||||
|
دولت بحرین اقدام نماید.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="c01202 prodigy-meta">
|
||||||
|
<span><strong>SOURCE: </strong>CMU Movie Summary Corpus</span>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <footer class="c01122">
|
||||||
|
<div class="prodigy-buttons c01127 c01126">
|
||||||
|
<button
|
||||||
|
class="prodigy-button-accept c01129 c01130"
|
||||||
|
aria-label="accept (a)"
|
||||||
|
title="accept (a)"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
width="40"
|
||||||
|
height="40"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
class="c01134"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z"
|
||||||
|
></path>
|
||||||
|
</svg></button
|
||||||
|
><button
|
||||||
|
class="prodigy-button-reject c01129 c01131"
|
||||||
|
aria-label="reject (x)"
|
||||||
|
title="reject (x)"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
width="40"
|
||||||
|
height="40"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
class="c01134"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M18.984 6.422l-5.578 5.578 5.578 5.578-1.406 1.406-5.578-5.578-5.578 5.578-1.406-1.406 5.578-5.578-5.578-5.578 1.406-1.406 5.578 5.578 5.578-5.578z"
|
||||||
|
></path>
|
||||||
|
</svg></button
|
||||||
|
><button
|
||||||
|
class="prodigy-button-ignore c01129 c01132"
|
||||||
|
aria-label="ignore (space)"
|
||||||
|
title="ignore (space)"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
width="40"
|
||||||
|
height="40"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
class="c01134"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M12 20.016c4.406 0 8.016-3.609 8.016-8.016 0-1.828-0.609-3.563-1.688-4.922l-11.25 11.25c1.359 1.078 3.094 1.688 4.922 1.688zM3.984 12c0 1.828 0.609 3.563 1.688 4.922l11.25-11.25c-1.359-1.078-3.094-1.688-4.922-1.688-4.406 0-8.016 3.609-8.016 8.016zM12 2.016c5.531 0 9.984 4.453 9.984 9.984s-4.453 9.984-9.984 9.984-9.984-4.453-9.984-9.984 4.453-9.984 9.984-9.984z"
|
||||||
|
></path>
|
||||||
|
</svg></button
|
||||||
|
><button
|
||||||
|
class="prodigy-button-undo c01129 c01133"
|
||||||
|
aria-label="undo (backspace, del)"
|
||||||
|
title="undo (backspace, del)"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
width="40"
|
||||||
|
height="40"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
class="c01134"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11.016 9l1.406 1.406-3.609 3.609h9.188v-10.031h2.016v12h-11.203l3.609 3.609-1.406 1.406-6-6z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</footer> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import Vue from "vue";
|
||||||
|
// import VueRecord from "@codekraft-studio/vue-record";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
|
||||||
|
import chatApi from "~/apis/chatApi";
|
||||||
|
import selectTextMixin from "~/research/mixins/selectTextMixin";
|
||||||
|
// import commentMixin from "~/mixins/commentMixin";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mixins: [selectTextMixin],
|
||||||
|
|
||||||
|
beforeMount() {
|
||||||
|
// this.initServices();
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// this.linksHandler();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route: {
|
||||||
|
handler: function (to) {},
|
||||||
|
deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
...mapState([
|
||||||
|
"getPanelStatus",
|
||||||
|
"isSidebarCollapsed",
|
||||||
|
"currentUser",
|
||||||
|
"sidebarListStatusGetter",
|
||||||
|
]),
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions(["checkPermissions"]),
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.c01150 {
|
||||||
|
color: #fff;
|
||||||
|
width: 100%;
|
||||||
|
padding: 15px 20px;
|
||||||
|
font-size: 20px;
|
||||||
|
background: #583fcf;
|
||||||
|
text-align: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
.c01151 {
|
||||||
|
padding: 8px 20px;
|
||||||
|
}
|
||||||
|
.c01147 {
|
||||||
|
display: flex;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.c01152 {
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
position: sticky;
|
||||||
|
}
|
||||||
|
.c01153 {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.c01150 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 20px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.c01154 {
|
||||||
|
margin: 5px 10px 5px 0;
|
||||||
|
border: 1px solid;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
padding: 1px 10px;
|
||||||
|
position: relative;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c01148 {
|
||||||
|
padding: 20px;
|
||||||
|
line-height: 2;
|
||||||
|
}
|
||||||
|
.c01165 ::selection {
|
||||||
|
background: #ffe184;
|
||||||
|
}
|
||||||
|
.c01186 {
|
||||||
|
margin: 0 1px;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.c01210 {
|
||||||
|
color: #583fcf;
|
||||||
|
font-size: 0.675em;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
|
||||||
|
margin-left: 8px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.c01174 {
|
||||||
|
top: -7px;
|
||||||
|
left: -7px;
|
||||||
|
color: #fff;
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
display: flex;
|
||||||
|
opacity: 0;
|
||||||
|
z-index: 10;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 0.9em;
|
||||||
|
background: #444;
|
||||||
|
text-align: center;
|
||||||
|
transition: opacity 0.1s ease;
|
||||||
|
align-items: center;
|
||||||
|
font-family: sans-serif;
|
||||||
|
line-height: 1.1;
|
||||||
|
user-select: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.c01172 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.c01173:hover .c01174 {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.c01206 {
|
||||||
|
color: inherit;
|
||||||
|
margin: 0 0.15em;
|
||||||
|
display: inline;
|
||||||
|
padding: 0.25em 0.4em;
|
||||||
|
background: #ffe184;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 1;
|
||||||
|
box-decoration-break: clone;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
29
components/research/components/ProcessologyPage.vue
Normal file
29
components/research/components/ProcessologyPage.vue
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<template>
|
||||||
|
<div>سسسس</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import researchApi from "~/apis/researchApi";
|
||||||
|
import { mapActions, mapState } from "pinia";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
httpService: undefined,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
843
components/research/components/ResearchContent.vue
Normal file
843
components/research/components/ResearchContent.vue
Normal file
|
|
@ -0,0 +1,843 @@
|
||||||
|
<template>
|
||||||
|
<div class="">
|
||||||
|
<div class="pt-1">
|
||||||
|
<div class="search-items firefox-scrollbar">
|
||||||
|
<div
|
||||||
|
class="search-items__item"
|
||||||
|
v-for="(item, i) in listAnswer"
|
||||||
|
:key="i"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div class="search-items__header">
|
||||||
|
<a class="search-items__label text__13 text__dark-gray">{{
|
||||||
|
item._source.research_type
|
||||||
|
}}</a>
|
||||||
|
<a
|
||||||
|
class="search-items__title text__15 text__blue"
|
||||||
|
@click.prevent="showModalResearch(item, true)"
|
||||||
|
@auxclick.prevent.stop="showModalResearch(item, true)"
|
||||||
|
v-html="
|
||||||
|
highlightKey(item, 'title', 'text_subject', 'text_user')
|
||||||
|
"
|
||||||
|
>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span style="margin-left: 10px"
|
||||||
|
>نشانی :
|
||||||
|
<a
|
||||||
|
class="search-items__title text__15 text__blue"
|
||||||
|
@click.prevent="
|
||||||
|
showtext(item._source, listAnswer, i, item._id)
|
||||||
|
"
|
||||||
|
@auxclick.prevent.stop="
|
||||||
|
showtext(item._source, listAnswer, i, item._id)
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ item._source.address ?? "--" }}
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text__15 text__dark-gray search-items__code">
|
||||||
|
<span style="margin-left: 10px"
|
||||||
|
>نوع برداشت : {{ item._source.take_type ?? "--" }}</span
|
||||||
|
>
|
||||||
|
<span style="margin-left: 10px"
|
||||||
|
>فعل متن : {{ item._source.text_verb ?? "--" }}</span
|
||||||
|
>
|
||||||
|
|
||||||
|
<span style="margin-left: 10px"
|
||||||
|
>تاریخ : {{ datefa(item._source.date_create * 1000) }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="search-items__content">
|
||||||
|
<div
|
||||||
|
class="text__15 line-clamp__2"
|
||||||
|
v-html="highlightKey(item, 'text_main')"
|
||||||
|
></div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
item._source?.subject?.length && $route.name == 'TermPage'
|
||||||
|
"
|
||||||
|
class="mt-2 text__15 text__dark-gray search-items__code"
|
||||||
|
>
|
||||||
|
<span style="margin-left: 10px">اصطلاحات :</span>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li
|
||||||
|
v-for="(sub, subIndex) in item._source.subject"
|
||||||
|
:key="subIndex"
|
||||||
|
>
|
||||||
|
{{ sub.title }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-item__actions">
|
||||||
|
<span class="tavasi tavasi-more-vert"></span>
|
||||||
|
<!-- <button
|
||||||
|
v-can="'search_summary'"
|
||||||
|
@click.pevent="AddToFavorites(item, i)"
|
||||||
|
title="علاقه مندی ها"
|
||||||
|
class="btn show-detail-btn favorites"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="icon"
|
||||||
|
:class="
|
||||||
|
item._source.tbookmark == 1
|
||||||
|
? 'icon-bookmark-1'
|
||||||
|
: 'icon-bookmark-4'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<use
|
||||||
|
:xlink:href="
|
||||||
|
item._source.tbookmark == 1
|
||||||
|
? '#icon-bookmark-1'
|
||||||
|
: '#icon-bookmark-4'
|
||||||
|
"
|
||||||
|
></use>
|
||||||
|
</svg>
|
||||||
|
</button> -->
|
||||||
|
<!-- <button
|
||||||
|
v-can="'search_analyze'"
|
||||||
|
@click="showDetails(item)"
|
||||||
|
title="نمایش جزییات"
|
||||||
|
class="btn show-detail-btn"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-eye"></span>
|
||||||
|
</button> -->
|
||||||
|
<!-- v-can="$route.name + '_subject'" برای موضوع زنی -->
|
||||||
|
<button
|
||||||
|
@click="SubjectFormHandler(item)"
|
||||||
|
title="موضوع زنی"
|
||||||
|
class="btn show-detail-btn px-1"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-doc-outline"></span>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
v-can="'search_summary'"
|
||||||
|
@click="showModalResearch(item, false)"
|
||||||
|
title="ویرایش"
|
||||||
|
class="btn show-detail-btn -rotate-180"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<svg style="color: #adbec4" class="icon icon-Component-242--1">
|
||||||
|
<use xlink:href="#icon-Component-242--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
v-can="'search_summary'"
|
||||||
|
@click="deleteResearch(item)"
|
||||||
|
title="حذف"
|
||||||
|
class="btn show-detail-btn -rotate-180"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<svg style="color: #adbec4" class="icon icon-Component-295--1">
|
||||||
|
<use xlink:href="#icon-Component-295--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button-component
|
||||||
|
:title="copyButtonTitleMaker(item._source)"
|
||||||
|
buttonText=""
|
||||||
|
class="btn show-detail-btn px-1"
|
||||||
|
@click="
|
||||||
|
copyToClipboard(
|
||||||
|
'',
|
||||||
|
urlResolver(item._source, item, 'entityResearch')
|
||||||
|
)
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-copy2 fz-8">
|
||||||
|
<use xlink:href="#icon-copy2"></use>
|
||||||
|
</svg>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<jahat-pagination
|
||||||
|
class="pagination"
|
||||||
|
style="font-size: 13px"
|
||||||
|
v-if="page.total"
|
||||||
|
:paginationInfo="page"
|
||||||
|
@page-changed="pageChanged"
|
||||||
|
@page-limit-changed="pageLimitChanged"
|
||||||
|
@sort-changed="sortChanged"
|
||||||
|
>
|
||||||
|
</jahat-pagination>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<base-modal
|
||||||
|
v-if="openSubjectForm"
|
||||||
|
modalSize="modal-lg"
|
||||||
|
:modalTitle="modalTitle"
|
||||||
|
:hasFooter="false"
|
||||||
|
@close="hideSubjectForm"
|
||||||
|
>
|
||||||
|
<component :is="slotComponentName"></component>
|
||||||
|
</base-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import favoriteApi from "~/apis/favoriteApi";
|
||||||
|
import researchApi from "~/apis/researchApi";
|
||||||
|
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
summeryKeys: {
|
||||||
|
default() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
listAnswer: {
|
||||||
|
type: Array,
|
||||||
|
default: () => [],
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
default() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
listSelectedPoint: {
|
||||||
|
default() {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
if (this.$route.query.q) this.searchText = this.$route.query.q;
|
||||||
|
if (this.myActiveSchema) {
|
||||||
|
this.researchActiveSchemaSetter(this.myActiveSchema);
|
||||||
|
}
|
||||||
|
|
||||||
|
// if (this.listAnswer.length>=0) {
|
||||||
|
// console.log(this.selectedlists)
|
||||||
|
|
||||||
|
// this.listAnswer=this.selectedlists
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// selectedlists(newVal) {
|
||||||
|
// if (this.listAnswer.length>=0) {
|
||||||
|
|
||||||
|
// console.log(this.selectedlists)
|
||||||
|
|
||||||
|
// this.listAnswer=this.selectedlists
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
pagination(newVal) {
|
||||||
|
this.page = newVal;
|
||||||
|
},
|
||||||
|
listSelectedPoint(newVal) {
|
||||||
|
this.listAnswer = newVal;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
openSubjectForm: false,
|
||||||
|
slotComponentName: "",
|
||||||
|
modalTitle: "",
|
||||||
|
showModal: false,
|
||||||
|
listId: undefined,
|
||||||
|
projectId: undefined,
|
||||||
|
selectedItem: undefined,
|
||||||
|
page: this.pagination,
|
||||||
|
// listAnswer: [],
|
||||||
|
totalCount: 0,
|
||||||
|
typeCount: "",
|
||||||
|
countInPage: 0,
|
||||||
|
maxPage: 0,
|
||||||
|
currentPage: 1,
|
||||||
|
beginPage: 1,
|
||||||
|
endPage: 1,
|
||||||
|
listPage: [],
|
||||||
|
textSearch: "",
|
||||||
|
iscode: true,
|
||||||
|
maxLength: 250,
|
||||||
|
httpService: undefined,
|
||||||
|
navigationOptions: [],
|
||||||
|
sorting: {
|
||||||
|
sortby: "created",
|
||||||
|
sortorder: undefined, // asc | desc | none
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(["userPermisionGetter", "currentUser", "selectedlists"]),
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
||||||
|
...mapState(useSearchStore, ["searchActiveTabGetter"]),
|
||||||
|
|
||||||
|
showActionMenu() {
|
||||||
|
let show = false;
|
||||||
|
if (this.userPermisionGetter?.length)
|
||||||
|
["search_analyze", "search_summary"].forEach(
|
||||||
|
(item) =>
|
||||||
|
(show =
|
||||||
|
this.currentUser.user_level > 1 ||
|
||||||
|
this.userPermisionGetter.includes(item))
|
||||||
|
);
|
||||||
|
|
||||||
|
return show;
|
||||||
|
},
|
||||||
|
|
||||||
|
myActiveSchema() {
|
||||||
|
return this.researchSchemaGetter?.find((item) => {
|
||||||
|
return item.key == "research";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions("list", ["SET_SELECTED_ITEM", "SET_LIST"]),
|
||||||
|
...mapActions(useResearchStore, ["researchActiveSchemaSetter"]),
|
||||||
|
...mapActions("entity", ["SET_ITEM_ENTITY", "SET_LIST_ENTITY"]),
|
||||||
|
showModalResearch(item, isReadonly) {
|
||||||
|
let schema = this.myActiveSchema.contextMenu.find(
|
||||||
|
(itemKey) => itemKey.key === item._source?.research_key
|
||||||
|
);
|
||||||
|
|
||||||
|
this.$emit("researchModalHandler", {
|
||||||
|
action: "edit",
|
||||||
|
itemEdit: item,
|
||||||
|
itemSchema: schema,
|
||||||
|
isReadonly: isReadonly,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deleteResearch(item) {
|
||||||
|
mySwalConfirm({
|
||||||
|
title: "هشدار!!!",
|
||||||
|
html: `از حذف <b>${item._source.text_subject}</b> اطمینان دارید؟ `,
|
||||||
|
icon: "warning",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
let url = researchApi.research.deleteItem;
|
||||||
|
url = url.replace("{{index_key}}", item._source.ref_key);
|
||||||
|
url = url.replace("{{id}}", item._id);
|
||||||
|
this.httpService.postRequest(url).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
html: res.message,
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
this.$emit("updateForDeleteResearch");
|
||||||
|
}, 500);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
SubjectFormHandler(item) {
|
||||||
|
this.openModalFilter("SubjectForm", "موضوع زنی");
|
||||||
|
let cloneItem = structuredClone(item);
|
||||||
|
cloneItem = { ...item._source, _id: item._id };
|
||||||
|
|
||||||
|
this.SET_SELECTED_ITEM(cloneItem);
|
||||||
|
},
|
||||||
|
openModalFilter(componentName, title) {
|
||||||
|
this.openSubjectForm = true;
|
||||||
|
this.slotComponentName = componentName;
|
||||||
|
this.modalTitle = title;
|
||||||
|
setTimeout(() => {
|
||||||
|
$("#meta-item-modal").modal(
|
||||||
|
{ backdrop: "static", keyboard: false },
|
||||||
|
"show"
|
||||||
|
);
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
hideSubjectForm() {
|
||||||
|
$("#base-modal").modal({
|
||||||
|
show: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openSubjectForm = false;
|
||||||
|
}, 200);
|
||||||
|
},
|
||||||
|
copyButtonTitleMaker(item) {
|
||||||
|
return `کپی لینک: link:\n${location.origin + this.urlResolver(item)}`;
|
||||||
|
},
|
||||||
|
// //This function adds a new favorite to the user's favorites
|
||||||
|
// AddToFavorites(item, index) {
|
||||||
|
// if (item._source.tbookmark == 0) {
|
||||||
|
// let url = favoriteApi.favorite.add;
|
||||||
|
// url = url.replace("{{data_type}}", "bookmark");
|
||||||
|
// url = url.replace("{{ref_key}}", this.researchSchemaGetter[0].key);
|
||||||
|
// const formData = {
|
||||||
|
// ref_id: item._id,
|
||||||
|
// title: item._source.title,
|
||||||
|
// };
|
||||||
|
// this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
// console.log(res);
|
||||||
|
// // this.UpdateList();
|
||||||
|
// //refresh After removing or adding favorites
|
||||||
|
// //this.$emit("UpdateList", item.tbookmark);
|
||||||
|
// this.updateListAnswer(index, "tbookmark", 1);
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// let url = favoriteApi.favorite.delete;
|
||||||
|
// url = url.replace("{{data_type}}", "bookmark");
|
||||||
|
// url = url.replace("{{id}}", item._id);
|
||||||
|
|
||||||
|
// const formData = {
|
||||||
|
// ref_id: item._id,
|
||||||
|
// title: item._source.title,
|
||||||
|
// };
|
||||||
|
// this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
// console.log(res);
|
||||||
|
|
||||||
|
// //refresh After removing or adding favorites
|
||||||
|
// //this.$emit("UpdateList", item.tbookmark);
|
||||||
|
// this.updateListAnswer(index, "tbookmark", 0);
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
|
||||||
|
updateListAnswer(index, key, value) {
|
||||||
|
if (index in this.listAnswer) {
|
||||||
|
if (key in this.listAnswer[index]["_source"])
|
||||||
|
this.listAnswer[index]["_source"][key] = value;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
datefa(item) {
|
||||||
|
var m = item;
|
||||||
|
var d = new Date(m).toLocaleDateString("fa-IR");
|
||||||
|
return d;
|
||||||
|
},
|
||||||
|
countAudio(item) {
|
||||||
|
return item._source.voices;
|
||||||
|
},
|
||||||
|
showDetails(selectedItem) {
|
||||||
|
this.selectedItem = selectedItem;
|
||||||
|
this.openModal();
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
$("#subject-modal")?.modal("hide");
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.showModal = false;
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
openModal() {
|
||||||
|
this.showModal = true;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
$("#subject-modal")?.modal(
|
||||||
|
{ backdrop: "static", keyboard: false },
|
||||||
|
"show"
|
||||||
|
);
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
|
||||||
|
highlightKey(item, key1, key2 = "", key3 = "") {
|
||||||
|
var text = "";
|
||||||
|
if (item.highlight) {
|
||||||
|
if (item.highlight[key1]) text = item.highlight[key1].join("... ");
|
||||||
|
else if (key2 && item.highlight[key2])
|
||||||
|
text = item.highlight[key2].join("... ");
|
||||||
|
else if (key3 && item.highlight[key3])
|
||||||
|
text = item.highlight[key3].join("... ");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (text == "") {
|
||||||
|
if (item._source[key1]) text = item._source[key1];
|
||||||
|
else if (key2 && item._source[key2]) text = item._source[key2];
|
||||||
|
else if (key3 && item._source[key3]) text = item._source[key3];
|
||||||
|
|
||||||
|
if (text.length > 500) text = text.substring(0, 500);
|
||||||
|
}
|
||||||
|
return text;
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
اگر تب انتخاب شده همه باشد،کلید ها content خواهد بود.
|
||||||
|
اگر تب انتخاب شده فهرست باشد،کلید ها mindex & mintro خواهد بود.
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
// urlResolver(_id) {
|
||||||
|
// if (this.researchSchemaGetter) {
|
||||||
|
// const routeData = this.$router.resolve({
|
||||||
|
// name: "navigationView",
|
||||||
|
// params: {
|
||||||
|
// id: _id,
|
||||||
|
// key: this.researchSchemaGetter[0].key,
|
||||||
|
// },
|
||||||
|
// query: {},
|
||||||
|
// });
|
||||||
|
// return routeData.href;
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
urlResolver(_source, item, _name = "research") {
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: _name,
|
||||||
|
params: {
|
||||||
|
id: _source.ref_id,
|
||||||
|
key: "sanad",
|
||||||
|
},
|
||||||
|
query: {
|
||||||
|
research_id: item?._id ?? undefined,
|
||||||
|
research_type: _source?.research_type ?? undefined,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return routeData.href;
|
||||||
|
},
|
||||||
|
showMultiText(id, _listkey) {
|
||||||
|
let _name = "navigation";
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: _name,
|
||||||
|
params: {
|
||||||
|
id: id,
|
||||||
|
key: this.researchSchemaGetter[0].key,
|
||||||
|
},
|
||||||
|
|
||||||
|
query: {
|
||||||
|
searchtext: this.textSearch ?? undefined,
|
||||||
|
listkey: _listkey,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
window.open(routeData.href, "_blank");
|
||||||
|
},
|
||||||
|
|
||||||
|
showtext(item, listAnswer, i, _id) {
|
||||||
|
let cloneList = structuredClone(listAnswer);
|
||||||
|
cloneList.forEach((item, index) => {
|
||||||
|
cloneList[index] = { ...item, ...item._source };
|
||||||
|
});
|
||||||
|
|
||||||
|
let cloneItem = structuredClone(item);
|
||||||
|
cloneItem = { ...item, _id: _id };
|
||||||
|
|
||||||
|
// this.SET_ITEM_ENTITY(cloneItem);
|
||||||
|
// this.SET_LIST_ENTITY(cloneList);
|
||||||
|
// localStorage.setItem("myList", JSON.stringify(cloneList));
|
||||||
|
// localStorage.setItem("myItem", JSON.stringify(cloneItem));
|
||||||
|
|
||||||
|
const domainName = buildName() + "";
|
||||||
|
let _name = "entityResearch";
|
||||||
|
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: _name,
|
||||||
|
params: {
|
||||||
|
id: cloneItem.ref_id,
|
||||||
|
// key: cloneItem.ref_key,
|
||||||
|
key: "sanad",
|
||||||
|
},
|
||||||
|
|
||||||
|
query: {
|
||||||
|
research_id: cloneItem._id ?? undefined,
|
||||||
|
research_type: cloneItem.research_type ?? undefined,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
window.open(routeData.href, "_blank");
|
||||||
|
},
|
||||||
|
setAnswer: function (list, count = -1, _typeCount = "") {
|
||||||
|
if (count != -1) {
|
||||||
|
this.totalCount = count;
|
||||||
|
this.typeCount = _typeCount == "eq" ? "مساوی با " : "بیشتر از ";
|
||||||
|
this.maxPage =
|
||||||
|
this.totalCount == 0
|
||||||
|
? 0
|
||||||
|
: Math.floor(this.totalCount / this.countInPage) + 1;
|
||||||
|
this.currentPage = 1;
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = this.beginPage + 3;
|
||||||
|
if (this.endPage > this.maxPage - 1) {
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
if (this.beginPage > 2) this.beginPage = this.beginPage - 1;
|
||||||
|
}
|
||||||
|
this.updateListPage();
|
||||||
|
}
|
||||||
|
|
||||||
|
const total = count;
|
||||||
|
const pages = Math.ceil(total / this.page.limit);
|
||||||
|
const pagination = {
|
||||||
|
total: total,
|
||||||
|
pages: pages == 0 ? 1 : pages,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.page = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
this.listAnswer = list;
|
||||||
|
this.scrollToTop();
|
||||||
|
localStorage.setItem("answer", JSON.stringify(this.listAnswer));
|
||||||
|
},
|
||||||
|
updateListPage: function () {
|
||||||
|
this.listPage = [];
|
||||||
|
for (let i = this.endPage; i >= this.beginPage; i--) {
|
||||||
|
this.listPage.push(i);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.scrollToTop();
|
||||||
|
}, 700);
|
||||||
|
},
|
||||||
|
nextPage: function (item) {
|
||||||
|
if (item > 0) this.setPage(this.currentPage + 1);
|
||||||
|
else this.setPage(this.currentPage - 1);
|
||||||
|
},
|
||||||
|
setPage: function (item) {
|
||||||
|
if (item == -1) {
|
||||||
|
// begin ...
|
||||||
|
item = 3;
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = 5;
|
||||||
|
} else if (item == -2) {
|
||||||
|
// end ...
|
||||||
|
item = this.maxPage - 3;
|
||||||
|
this.beginPage = this.maxPage - 5;
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
} else if (item == this.beginPage) {
|
||||||
|
this.beginPage--;
|
||||||
|
if (this.beginPage > 5) {
|
||||||
|
this.beginPage--;
|
||||||
|
this.endPage--;
|
||||||
|
} else {
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = 5;
|
||||||
|
}
|
||||||
|
} else if (item == this.endPage) {
|
||||||
|
if (this.endPage < this.maxPage - 5) {
|
||||||
|
this.endPage++;
|
||||||
|
this.beginPage++;
|
||||||
|
} else {
|
||||||
|
this.beginPage = this.maxPage - 5;
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.updateListPage();
|
||||||
|
|
||||||
|
this.currentPage = item;
|
||||||
|
this.$emit("changePage", item - 1);
|
||||||
|
},
|
||||||
|
changeCurrent: function (i) {
|
||||||
|
this.$emit("changeCurrent", this.listAnswer[i]);
|
||||||
|
},
|
||||||
|
setTextSearch(item, countInPage) {
|
||||||
|
this.textSearch = item;
|
||||||
|
this.countInPage = countInPage;
|
||||||
|
// console.log(this.textSearch);
|
||||||
|
},
|
||||||
|
scrollToTop() {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
},
|
||||||
|
|
||||||
|
//mehdi
|
||||||
|
pageLimitChanged(paging) {
|
||||||
|
this.resetPagination();
|
||||||
|
this.page.limit = paging.limit;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.page);
|
||||||
|
},
|
||||||
|
pageChanged(paging) {
|
||||||
|
let page = paging.pageNumber;
|
||||||
|
page -= 1;
|
||||||
|
this.page.offset = page * paging.limit;
|
||||||
|
this.page.limit = paging.limit;
|
||||||
|
this.page.page = paging.pageNumber;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.page);
|
||||||
|
},
|
||||||
|
sortChanged(sorting) {
|
||||||
|
this.page.page = this.page.offset = 0;
|
||||||
|
this.sorting = sorting;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.sorting);
|
||||||
|
},
|
||||||
|
resetPagination() {
|
||||||
|
this.page = {
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
offset: 0,
|
||||||
|
limit: 10,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
setListAnswer() {},
|
||||||
|
// getListSpecial(_entityType, _specialType) {
|
||||||
|
|
||||||
|
// if (this.fetchingData) return;
|
||||||
|
// this.fetchingData = true;
|
||||||
|
|
||||||
|
// this.entity_type = _entityType;
|
||||||
|
|
||||||
|
// let url = searchApi.Farhanghestan.search_normal;
|
||||||
|
|
||||||
|
// url = url + `/${this.pagination.offset}/${this.pagination.limit}/`;
|
||||||
|
|
||||||
|
// this.httpService.getRequest(url).then((res) => {
|
||||||
|
|
||||||
|
// this.listEntity = res.hits.hits;
|
||||||
|
|
||||||
|
// const total = res.hits.total.value;
|
||||||
|
// const pages = Math.ceil(total / this.pagination.limit);
|
||||||
|
// const pagination = {
|
||||||
|
// total: total,
|
||||||
|
// pages: pages == 0 ? 1 : pages
|
||||||
|
// }
|
||||||
|
|
||||||
|
// this.pagination = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
// this.fetchingData = false;
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
|
||||||
|
getList(_entityType) {
|
||||||
|
if (this.fetchingData) return;
|
||||||
|
this.fetchingData = true;
|
||||||
|
|
||||||
|
this.entity_type = _entityType;
|
||||||
|
|
||||||
|
let url =
|
||||||
|
searchApi.Farhanghestan.search_normal +
|
||||||
|
`/${this.page.offset}/${this.page.limit}`;
|
||||||
|
|
||||||
|
this.httpService.getRequest(url).then((res) => {
|
||||||
|
this.listEntity = res.hits.hits;
|
||||||
|
|
||||||
|
const total = res.hits.total.value;
|
||||||
|
const pages = Math.ceil(total / this.page.limit);
|
||||||
|
const pagination = {
|
||||||
|
total: total,
|
||||||
|
pages: pages == 0 ? 1 : pages,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.page = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
this.fetchingData = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// width: 90%;
|
||||||
|
// margin-right: 0 !important;
|
||||||
|
// position: relative;
|
||||||
|
// &.serve-majles {
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// .search-items {
|
||||||
|
// overflow-y: auto;
|
||||||
|
// height: calc(100vh - 13em);
|
||||||
|
// }
|
||||||
|
|
||||||
|
.search-items__item {
|
||||||
|
position: relative;
|
||||||
|
padding: 1em;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&.active {
|
||||||
|
background-color: var(--list-background-color);
|
||||||
|
|
||||||
|
.search-item__actions {
|
||||||
|
// width: 6.5em;
|
||||||
|
width: auto;
|
||||||
|
|
||||||
|
transition: width 0.5s;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0.5em 0.5em 0;
|
||||||
|
|
||||||
|
.tavasi-more-vert {
|
||||||
|
transition: all 0.2s;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-item__actions {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 1.6em;
|
||||||
|
top: 1em;
|
||||||
|
// overflow: hidden;
|
||||||
|
transition: all 0.5s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.175rem 0.35rem;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
filter: brightness(0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tavasi,
|
||||||
|
.icon-copy2 {
|
||||||
|
color: #adbec4;
|
||||||
|
}
|
||||||
|
.icon-copy2 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.favorites {
|
||||||
|
color: calc(--primary-color);
|
||||||
|
.icon-bookmark-1,
|
||||||
|
.icon-bookmark-4 {
|
||||||
|
height: 1.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 35px !important;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 170px !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media (max-width: 575.98px) {
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 170px !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// @media (max-width: 575.98px) {
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 500px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 768px) and (max-width: 900.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 600px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 901px) and (max-width: 1049.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 900px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media (min-width: 1050px) {
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
749
components/research/components/ResearchContentForTerm.vue
Normal file
749
components/research/components/ResearchContentForTerm.vue
Normal file
|
|
@ -0,0 +1,749 @@
|
||||||
|
<template>
|
||||||
|
<div class="">
|
||||||
|
<div class="" v-if="listAnswer?.length">
|
||||||
|
<div class="search-items firefox-scrollbar">
|
||||||
|
<div
|
||||||
|
class="search-items__item"
|
||||||
|
v-for="(item, i) in listAnswer"
|
||||||
|
:key="i"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<div class="search-items__header">
|
||||||
|
<span class="search-items__label text__13 text__dark-gray">
|
||||||
|
نشانی
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<a
|
||||||
|
@click.prevent="goToDocumentPage(item)"
|
||||||
|
:href="urlResolver(item._source)"
|
||||||
|
class="search-items__title text__15 text__blue"
|
||||||
|
v-html="highlightKey(item, 'address')"
|
||||||
|
>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="text__15 text__dark-gray search-items__code">
|
||||||
|
<span v-if="item._source.take_type" style="margin-left: 10px"
|
||||||
|
>نوع برداشت : {{ item._source.take_type }}</span
|
||||||
|
>
|
||||||
|
<span v-if="item._source.text_verb" style="margin-left: 10px"
|
||||||
|
>فعل متن : {{ item._source.text_verb }}</span
|
||||||
|
>
|
||||||
|
|
||||||
|
<!-- <span style="margin-left: 10px"
|
||||||
|
>تاریخ ایجاد : {{ datefa(item._source.date_edit * 1000) }}</span
|
||||||
|
> -->
|
||||||
|
<span style="margin-left: 10px"
|
||||||
|
>تاریخ ایجاد : {{ item._source.date_edit }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
v-if="item._source.text_position?.length"
|
||||||
|
style="margin-left: 10px"
|
||||||
|
>خط : {{ lineExtractor(item._source.text_position) }}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="search-items__content">
|
||||||
|
<div
|
||||||
|
class="text__15 line-clamp__2"
|
||||||
|
v-html="highlightKey(item, 'text_main')"
|
||||||
|
></div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="item._source?.subject?.length"
|
||||||
|
class="mt-2 text__15 text__dark-gray search-items__code"
|
||||||
|
>
|
||||||
|
<span style="margin-left: 10px">اصطلاحات :</span>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li
|
||||||
|
v-for="(sub, subIndex) in item._source.subject"
|
||||||
|
:key="subIndex"
|
||||||
|
>
|
||||||
|
{{ sub.title }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-item__actions">
|
||||||
|
<span class="tavasi tavasi-more-vert"></span>
|
||||||
|
<!-- <button
|
||||||
|
v-can="'search_summary'"
|
||||||
|
@click.pevent="AddToFavorites(item, i)"
|
||||||
|
title="علاقه مندی ها"
|
||||||
|
class="btn show-detail-btn favorites"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="icon"
|
||||||
|
:class="
|
||||||
|
item._source.tbookmark == 1
|
||||||
|
? 'icon-bookmark-1'
|
||||||
|
: 'icon-bookmark-4'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<use
|
||||||
|
:xlink:href="
|
||||||
|
item._source.tbookmark == 1
|
||||||
|
? '#icon-bookmark-1'
|
||||||
|
: '#icon-bookmark-4'
|
||||||
|
"
|
||||||
|
></use>
|
||||||
|
</svg>
|
||||||
|
</button> -->
|
||||||
|
<!-- <button
|
||||||
|
v-can="'search_analyze'"
|
||||||
|
@click="showDetails(item)"
|
||||||
|
title="نمایش جزییات"
|
||||||
|
class="btn show-detail-btn"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-eye"></span>
|
||||||
|
</button> -->
|
||||||
|
<!-- v-can="$route.name + '_subject'" برای موضوع زنی -->
|
||||||
|
<button
|
||||||
|
@click="openModalFilter(item,'SubjectForm', 'فیلتر ها')"
|
||||||
|
title="موضوع زنی"
|
||||||
|
class="btn show-detail-btn px-1"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-doc-outline"></span>
|
||||||
|
</button>
|
||||||
|
<!-- <button
|
||||||
|
v-can="'search_summary'"
|
||||||
|
@click="changeCurrent(i)"
|
||||||
|
title="مشخصات"
|
||||||
|
class="btn show-detail-btn -rotate-180"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-71--1"></span>
|
||||||
|
</button> -->
|
||||||
|
<button-component
|
||||||
|
:title="copyButtonTitleMaker(item._id)"
|
||||||
|
buttonText=""
|
||||||
|
class="btn show-detail-btn px-1"
|
||||||
|
@click="copyToClipboard('', urlResolver(item._source))"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-copy2 fz-8">
|
||||||
|
<use xlink:href="#icon-copy2"></use>
|
||||||
|
</svg>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<jahat-pagination
|
||||||
|
class="pagination"
|
||||||
|
style="font-size: 13px"
|
||||||
|
v-if="page.total"
|
||||||
|
:paginationInfo="page"
|
||||||
|
@page-changed="pageChanged"
|
||||||
|
@page-limit-changed="pageLimitChanged"
|
||||||
|
@sort-changed="sortChanged"
|
||||||
|
>
|
||||||
|
</jahat-pagination>
|
||||||
|
</div>
|
||||||
|
<no-data v-else></no-data>
|
||||||
|
|
||||||
|
<!-- <SubjectModal
|
||||||
|
v-if="showModal"
|
||||||
|
:selectedItem="selectedItem"
|
||||||
|
@close-modal="closeModal"
|
||||||
|
>
|
||||||
|
</SubjectModal> -->
|
||||||
|
<base-modal
|
||||||
|
v-if="openSubjectForm"
|
||||||
|
modalSize="modal-lg"
|
||||||
|
:modalTitle="modalTitle"
|
||||||
|
:hasFooter="false"
|
||||||
|
@close="hideSubjectForm"
|
||||||
|
>
|
||||||
|
<component :metaItems="selectedItem?._source?.subject" :is="slotComponentName"></component>
|
||||||
|
</base-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import favoriteApi from "~/apis/favoriteApi";
|
||||||
|
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: [
|
||||||
|
"summeryKeys",
|
||||||
|
"pagination",
|
||||||
|
"listSelectedPoint",
|
||||||
|
"listAnswerForTerm",
|
||||||
|
],
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
openSubjectForm: false,
|
||||||
|
slotComponentName: "",
|
||||||
|
modalTitle: "",
|
||||||
|
showModal: false,
|
||||||
|
// listId: undefined,
|
||||||
|
// projectId: undefined,
|
||||||
|
selectedItem: undefined,
|
||||||
|
page: this.pagination,
|
||||||
|
listAnswer: [],
|
||||||
|
totalCount: 0,
|
||||||
|
typeCount: "",
|
||||||
|
countInPage: 0,
|
||||||
|
maxPage: 0,
|
||||||
|
currentPage: 1,
|
||||||
|
beginPage: 1,
|
||||||
|
endPage: 1,
|
||||||
|
listPage: [],
|
||||||
|
textSearch: "",
|
||||||
|
// iscode: true,
|
||||||
|
// maxLength: 250,
|
||||||
|
httpService: undefined,
|
||||||
|
// navigationOptions: [],
|
||||||
|
sorting: {
|
||||||
|
sortby: "created",
|
||||||
|
sortorder: undefined, // asc | desc | none
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
...mapState(["userPermisionGetter", "currentUser", "selectedlists"]),
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
||||||
|
|
||||||
|
// showActionMenu() {
|
||||||
|
// let show = false;
|
||||||
|
// if (this.userPermisionGetter?.length)
|
||||||
|
// ["search_analyze", "search_summary"].forEach(
|
||||||
|
// (item) =>
|
||||||
|
// (show =
|
||||||
|
// this.currentUser.user_level > 1 ||
|
||||||
|
// this.userPermisionGetter.includes(item))
|
||||||
|
// );
|
||||||
|
|
||||||
|
// return show;
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
listAnswerForTerm(newVal) {
|
||||||
|
this.listAnswer = newVal;
|
||||||
|
},
|
||||||
|
pagination(newVal) {
|
||||||
|
this.page = newVal;
|
||||||
|
},
|
||||||
|
listSelectedPoint(newVal) {
|
||||||
|
this.listAnswer = newVal;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
if (this.$route.query.q) this.searchText = this.$route.query.q;
|
||||||
|
|
||||||
|
this.listAnswer = this.listAnswerForTerm;
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
...mapActions("list", ["SET_SELECTED_ITEM", "SET_LIST"]),
|
||||||
|
...mapActions("entity", ["SET_ITEM_ENTITY", "SET_LIST_ENTITY"]),
|
||||||
|
goToDocumentPage({ _source }) {
|
||||||
|
window.open(this.urlResolver(_source), "_blank");
|
||||||
|
},
|
||||||
|
|
||||||
|
lineExtractor(text_position) {
|
||||||
|
let items = text_position.split(",");
|
||||||
|
let from = items[0].split(":")[1];
|
||||||
|
let to = items[2].split(":")[1];
|
||||||
|
return `${from} تا ${to}`;
|
||||||
|
},
|
||||||
|
openModalFilter(selectedItem,componentName, title) {
|
||||||
|
this.openSubjectForm = true;
|
||||||
|
this.slotComponentName = componentName;
|
||||||
|
this.modalTitle = title;
|
||||||
|
this.selectedItem = selectedItem;
|
||||||
|
this.SET_SELECTED_ITEM(selectedItem)
|
||||||
|
|
||||||
|
this.openModal();
|
||||||
|
// setTimeout(() => {
|
||||||
|
// $("#meta-item-modal").modal(
|
||||||
|
// { backdrop: "static", keyboard: false },
|
||||||
|
// "show"
|
||||||
|
// );
|
||||||
|
// }, 500);
|
||||||
|
},
|
||||||
|
hideSubjectForm() {
|
||||||
|
$("#base-modal").modal({
|
||||||
|
show: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.openSubjectForm = false;
|
||||||
|
}, 200);
|
||||||
|
},
|
||||||
|
copyButtonTitleMaker(id) {
|
||||||
|
return `کپی لینک: link:\n${location.origin + this.urlResolver(id)}`;
|
||||||
|
},
|
||||||
|
// //This function adds a new favorite to the user's favorites
|
||||||
|
// AddToFavorites(item, index) {
|
||||||
|
// if (item._source.tbookmark == 0) {
|
||||||
|
// let url = favoriteApi.favorite.add;
|
||||||
|
// url = url.replace("{{data_type}}", "bookmark");
|
||||||
|
// url = url.replace("{{ref_key}}", this.researchSchemaGetter[0].key);
|
||||||
|
// const formData = {
|
||||||
|
// ref_id: item._id,
|
||||||
|
// title: item._source.title,
|
||||||
|
// };
|
||||||
|
// this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
// console.log(res);
|
||||||
|
// // this.UpdateList();
|
||||||
|
// //refresh After removing or adding favorites
|
||||||
|
// //this.$emit("UpdateList", item.tbookmark);
|
||||||
|
// this.updateListAnswer(index, "tbookmark", 1);
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// let url = favoriteApi.favorite.delete;
|
||||||
|
// url = url.replace("{{data_type}}", "bookmark");
|
||||||
|
// url = url.replace("{{id}}", item._id);
|
||||||
|
|
||||||
|
// const formData = {
|
||||||
|
// ref_id: item._id,
|
||||||
|
// title: item._source.title,
|
||||||
|
// };
|
||||||
|
// this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
// console.log(res);
|
||||||
|
|
||||||
|
// //refresh After removing or adding favorites
|
||||||
|
// //this.$emit("UpdateList", item.tbookmark);
|
||||||
|
// this.updateListAnswer(index, "tbookmark", 0);
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
|
||||||
|
updateListAnswer(index, key, value) {
|
||||||
|
if (index in this.listAnswer) {
|
||||||
|
if (key in this.listAnswer[index]["_source"])
|
||||||
|
this.listAnswer[index]["_source"][key] = value;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
datefa(item) {
|
||||||
|
var m = item;
|
||||||
|
var d = new Date(m).toLocaleDateString("fa-IR");
|
||||||
|
return d;
|
||||||
|
},
|
||||||
|
countAudio(item) {
|
||||||
|
return item._source.voices;
|
||||||
|
},
|
||||||
|
showDetails(selectedItem) {
|
||||||
|
this.selectedItem = selectedItem;
|
||||||
|
this.openModal();
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
$("#subject-modal")?.modal("hide");
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.showModal = false;
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
openModal() {
|
||||||
|
this.showModal = true;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
$("#subject-modal")?.modal(
|
||||||
|
{ backdrop: "static", keyboard: false },
|
||||||
|
"show"
|
||||||
|
);
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
|
||||||
|
highlightKey(item, key1, key2 = "", key3 = "") {
|
||||||
|
var text = "";
|
||||||
|
if (item.highlight) {
|
||||||
|
if (item.highlight[key1]) text = item.highlight[key1].join("... ");
|
||||||
|
else if (key2 && item.highlight[key2])
|
||||||
|
text = item.highlight[key2].join("... ");
|
||||||
|
else if (key3 && item.highlight[key3])
|
||||||
|
text = item.highlight[key3].join("... ");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (text == "") {
|
||||||
|
if (item._source[key1]) text = item._source[key1];
|
||||||
|
else if (key2 && item._source[key2]) text = item._source[key2];
|
||||||
|
else if (key3 && item._source[key3]) text = item._source[key3];
|
||||||
|
|
||||||
|
if (text.length > 500) text = text.substring(0, 500);
|
||||||
|
}
|
||||||
|
return text;
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
اگر تب انتخاب شده همه باشد،کلید ها content خواهد بود.
|
||||||
|
اگر تب انتخاب شده فهرست باشد،کلید ها mindex & mintro خواهد بود.
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
urlResolver(_source) {
|
||||||
|
// const routeData = this.$router.resolve({
|
||||||
|
// name: "navigationView",
|
||||||
|
// params: {
|
||||||
|
// id: _id,
|
||||||
|
// key: this.researchSchemaGetter[0].key,
|
||||||
|
// },
|
||||||
|
// query: {},
|
||||||
|
// });
|
||||||
|
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: "navigation",
|
||||||
|
params: {
|
||||||
|
id: _source.ref_id,
|
||||||
|
key: _source.ref_key,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
return routeData.href;
|
||||||
|
},
|
||||||
|
showMultiText(id, _listkey) {
|
||||||
|
let _name = "navigation";
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: _name,
|
||||||
|
params: {
|
||||||
|
id: id,
|
||||||
|
key: this.researchSchemaGetter[0].key,
|
||||||
|
},
|
||||||
|
|
||||||
|
query: {
|
||||||
|
searchtext: this.textSearch ?? undefined,
|
||||||
|
listkey: _listkey,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
window.open(routeData.href, "_blank");
|
||||||
|
},
|
||||||
|
|
||||||
|
showtext(item, listAnswer, i, _id) {
|
||||||
|
let cloneList = structuredClone(listAnswer);
|
||||||
|
cloneList.forEach((item, index) => {
|
||||||
|
cloneList[index] = { ...item, ...item._source };
|
||||||
|
});
|
||||||
|
|
||||||
|
let cloneItem = structuredClone(item);
|
||||||
|
cloneItem = { ...item, _id: _id };
|
||||||
|
|
||||||
|
this.SET_ITEM_ENTITY(cloneItem);
|
||||||
|
this.SET_LIST_ENTITY(cloneList);
|
||||||
|
localStorage.setItem("myList", JSON.stringify(cloneList));
|
||||||
|
localStorage.setItem("myItem", JSON.stringify(cloneItem));
|
||||||
|
|
||||||
|
const domainName = buildName() + "";
|
||||||
|
let _name = "navigation";
|
||||||
|
|
||||||
|
const routeData = this.$router.resolve({
|
||||||
|
name: _name,
|
||||||
|
params: {
|
||||||
|
id: cloneItem._id,
|
||||||
|
key: this.researchSchemaGetter[0].key,
|
||||||
|
},
|
||||||
|
|
||||||
|
query: {
|
||||||
|
searchtext: this.textSearch ?? undefined,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
window.open(routeData.href, "_blank");
|
||||||
|
},
|
||||||
|
setAnswer: function (list, count = -1, _typeCount = "") {
|
||||||
|
if (count != -1) {
|
||||||
|
this.totalCount = count;
|
||||||
|
this.typeCount = _typeCount == "eq" ? "مساوی با " : "بیشتر از ";
|
||||||
|
this.maxPage =
|
||||||
|
this.totalCount == 0
|
||||||
|
? 0
|
||||||
|
: Math.floor(this.totalCount / this.countInPage) + 1;
|
||||||
|
this.currentPage = 1;
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = this.beginPage + 3;
|
||||||
|
if (this.endPage > this.maxPage - 1) {
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
if (this.beginPage > 2) this.beginPage = this.beginPage - 1;
|
||||||
|
}
|
||||||
|
this.updateListPage();
|
||||||
|
}
|
||||||
|
|
||||||
|
const total = count;
|
||||||
|
const pages = Math.ceil(total / this.page.limit);
|
||||||
|
const pagination = {
|
||||||
|
total: total,
|
||||||
|
pages: pages == 0 ? 1 : pages,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.page = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
this.listAnswer = list;
|
||||||
|
this.scrollToTop();
|
||||||
|
localStorage.setItem("answer", JSON.stringify(this.listAnswer));
|
||||||
|
},
|
||||||
|
updateListPage: function () {
|
||||||
|
this.listPage = [];
|
||||||
|
for (let i = this.endPage; i >= this.beginPage; i--) {
|
||||||
|
this.listPage.push(i);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.scrollToTop();
|
||||||
|
}, 700);
|
||||||
|
},
|
||||||
|
nextPage: function (item) {
|
||||||
|
if (item > 0) this.setPage(this.currentPage + 1);
|
||||||
|
else this.setPage(this.currentPage - 1);
|
||||||
|
},
|
||||||
|
setPage: function (item) {
|
||||||
|
if (item == -1) {
|
||||||
|
// begin ...
|
||||||
|
item = 3;
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = 5;
|
||||||
|
} else if (item == -2) {
|
||||||
|
// end ...
|
||||||
|
item = this.maxPage - 3;
|
||||||
|
this.beginPage = this.maxPage - 5;
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
} else if (item == this.beginPage) {
|
||||||
|
this.beginPage--;
|
||||||
|
if (this.beginPage > 5) {
|
||||||
|
this.beginPage--;
|
||||||
|
this.endPage--;
|
||||||
|
} else {
|
||||||
|
this.beginPage = 2;
|
||||||
|
this.endPage = 5;
|
||||||
|
}
|
||||||
|
} else if (item == this.endPage) {
|
||||||
|
if (this.endPage < this.maxPage - 5) {
|
||||||
|
this.endPage++;
|
||||||
|
this.beginPage++;
|
||||||
|
} else {
|
||||||
|
this.beginPage = this.maxPage - 5;
|
||||||
|
this.endPage = this.maxPage - 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.updateListPage();
|
||||||
|
|
||||||
|
this.currentPage = item;
|
||||||
|
this.$emit("changePage", item - 1);
|
||||||
|
},
|
||||||
|
changeCurrent: function (i) {
|
||||||
|
this.$emit("changeCurrent", this.listAnswer[i]);
|
||||||
|
},
|
||||||
|
setTextSearch(item, countInPage) {
|
||||||
|
this.textSearch = item;
|
||||||
|
this.countInPage = countInPage;
|
||||||
|
// console.log(this.textSearch);
|
||||||
|
},
|
||||||
|
scrollToTop() {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
},
|
||||||
|
|
||||||
|
//mehdi
|
||||||
|
pageLimitChanged(paging) {
|
||||||
|
this.resetPagination();
|
||||||
|
this.page.limit = paging.limit;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.page);
|
||||||
|
},
|
||||||
|
pageChanged(paging) {
|
||||||
|
let page = paging.pageNumber;
|
||||||
|
page -= 1;
|
||||||
|
this.page.offset = page * paging.limit;
|
||||||
|
this.page.limit = paging.limit;
|
||||||
|
this.page.page = paging.pageNumber;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.page);
|
||||||
|
},
|
||||||
|
sortChanged(sorting) {
|
||||||
|
this.page.page = this.page.offset = 0;
|
||||||
|
this.sorting = sorting;
|
||||||
|
|
||||||
|
this.$emit("changePage", this.sorting);
|
||||||
|
},
|
||||||
|
resetPagination() {
|
||||||
|
this.page = {
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
offset: 0,
|
||||||
|
limit: 10,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
setListAnswer() {},
|
||||||
|
// getListSpecial(_entityType, _specialType) {
|
||||||
|
|
||||||
|
// if (this.fetchingData) return;
|
||||||
|
// this.fetchingData = true;
|
||||||
|
|
||||||
|
// this.entity_type = _entityType;
|
||||||
|
|
||||||
|
// let url = searchApi.Farhanghestan.search_normal;
|
||||||
|
|
||||||
|
// url = url + `/${this.pagination.offset}/${this.pagination.limit}/`;
|
||||||
|
|
||||||
|
// this.httpService.getRequest(url).then((res) => {
|
||||||
|
|
||||||
|
// this.listEntity = res.hits.hits;
|
||||||
|
|
||||||
|
// const total = res.hits.total.value;
|
||||||
|
// const pages = Math.ceil(total / this.pagination.limit);
|
||||||
|
// const pagination = {
|
||||||
|
// total: total,
|
||||||
|
// pages: pages == 0 ? 1 : pages
|
||||||
|
// }
|
||||||
|
|
||||||
|
// this.pagination = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
// this.fetchingData = false;
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
|
||||||
|
getList(_entityType) {
|
||||||
|
if (this.fetchingData) return;
|
||||||
|
this.fetchingData = true;
|
||||||
|
|
||||||
|
this.entity_type = _entityType;
|
||||||
|
|
||||||
|
let url =
|
||||||
|
searchApi.Farhanghestan.search_normal +
|
||||||
|
`/${this.page.offset}/${this.page.limit}`;
|
||||||
|
|
||||||
|
this.httpService.getRequest(url).then((res) => {
|
||||||
|
this.listEntity = res.hits.hits;
|
||||||
|
|
||||||
|
const total = res.hits.total.value;
|
||||||
|
const pages = Math.ceil(total / this.page.limit);
|
||||||
|
const pagination = {
|
||||||
|
total: total,
|
||||||
|
pages: pages == 0 ? 1 : pages,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.page = { ...this.pagination, ...pagination };
|
||||||
|
|
||||||
|
this.fetchingData = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// width: 90%;
|
||||||
|
// margin-right: 0 !important;
|
||||||
|
// position: relative;
|
||||||
|
// &.serve-majles {
|
||||||
|
// width: 100%;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// .search-items {
|
||||||
|
// overflow-y: auto;
|
||||||
|
// height: calc(100vh - 13em);
|
||||||
|
// }
|
||||||
|
|
||||||
|
.search-items__item {
|
||||||
|
position: relative;
|
||||||
|
padding: 1em;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&.active {
|
||||||
|
background-color: var(--list-background-color);
|
||||||
|
|
||||||
|
.search-item__actions {
|
||||||
|
// width: 6.5em;
|
||||||
|
width: auto;
|
||||||
|
|
||||||
|
transition: width 0.5s;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0.5em 0.5em 0;
|
||||||
|
|
||||||
|
.tavasi-more-vert {
|
||||||
|
transition: all 0.2s;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-item__actions {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 1.6em;
|
||||||
|
top: 1em;
|
||||||
|
// overflow: hidden;
|
||||||
|
transition: all 0.5s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.175rem 0.35rem;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
filter: brightness(0.7);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tavasi,
|
||||||
|
.icon-copy2 {
|
||||||
|
color: #adbec4;
|
||||||
|
}
|
||||||
|
.icon-copy2 {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.favorites {
|
||||||
|
color: calc(--primary-color);
|
||||||
|
.icon-bookmark-1,
|
||||||
|
.icon-bookmark-4 {
|
||||||
|
height: 1.3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 35px !important;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 170px !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media (max-width: 575.98px) {
|
||||||
|
// .detail-page__content {
|
||||||
|
// top: 170px !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// @media (max-width: 575.98px) {
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 500px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 768px) and (max-width: 900.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 600px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media only screen and (min-width: 901px) and (max-width: 1049.98px) {
|
||||||
|
// .detail-page__tab-content {
|
||||||
|
// max-width: 900px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// @media (min-width: 1050px) {
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
677
components/research/components/ResearchFilterList.vue
Normal file
677
components/research/components/ResearchFilterList.vue
Normal file
|
|
@ -0,0 +1,677 @@
|
||||||
|
<template>
|
||||||
|
<div class="main-filter" ref="filterdiv">
|
||||||
|
<!-- <div class="button-hiden text__12" ref="button" :style="{ height: $attrs.height}">
|
||||||
|
<button class="btn btn-primary" @click.prevent="hidenfilter">
|
||||||
|
<svg class="icon icon-chevron-double-right ms-1">
|
||||||
|
<use xlink:href="#icon-chevron-double-right"></use>
|
||||||
|
</svg>
|
||||||
|
بستن فیلتر
|
||||||
|
</button>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="search-items filter-list firefox-scrollbar mt-2">
|
||||||
|
<div :key="reRender">
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
v-if="filterSelect.length"
|
||||||
|
@click.prevent="emptyFilter()"
|
||||||
|
class="filters__delete text__12"
|
||||||
|
>حذف فیلترها
|
||||||
|
</a>
|
||||||
|
<filter-items
|
||||||
|
:key="filterListKey"
|
||||||
|
:filters="filterItems"
|
||||||
|
@remove-filter="delFilterItem"
|
||||||
|
></filter-items>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-for="(filter, index) in researchSchemaGetter[0].filter"
|
||||||
|
v-if="researchSchemaGetter && listFilter && listFilter[filter.source_key]?.buckets.length > 0"
|
||||||
|
class="filters__sec"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<div class="main-title">{{ filter.title }}</div>
|
||||||
|
<ul>
|
||||||
|
<li
|
||||||
|
v-for="(item, i) in getFilterItems(
|
||||||
|
filter.source_key,
|
||||||
|
filter.by_more
|
||||||
|
)"
|
||||||
|
:key="i"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
@click.prevent="
|
||||||
|
toggelClick($event.target, filter.filter_key, item.key)
|
||||||
|
"
|
||||||
|
class="text-filter mt-2"
|
||||||
|
>
|
||||||
|
<span class="title text__14">{{ getTitle(item) }}</span>
|
||||||
|
<span class="num text__12">{{ getCount(item) }}</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
v-if="
|
||||||
|
filter.by_more &&
|
||||||
|
listFilter &&
|
||||||
|
listFilter[filter.source_key]?.buckets.length > maxItem
|
||||||
|
"
|
||||||
|
style="color: #3f4abc"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
v-if="!filter_expand2[filter.source_key]"
|
||||||
|
@click.prevent="setFilterExpand(filter.source_key, true)"
|
||||||
|
>بیشتر</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
v-if="filter_expand2[filter.source_key]"
|
||||||
|
@click.prevent="setFilterExpand(filter.source_key, false)"
|
||||||
|
>بستن</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useSearchStore } from "~/stores/searchStore";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "FilterList",
|
||||||
|
props: ["changePageFilter", "listAggregations", "selectedFilterItems"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
reRender: 1,
|
||||||
|
listFilter: [],
|
||||||
|
filterSelect: [],
|
||||||
|
filterItems: [],
|
||||||
|
filterListKey: 1,
|
||||||
|
filterUrl: "",
|
||||||
|
filter_schema: [],
|
||||||
|
filter_expand2: {},
|
||||||
|
maxItem: 5,
|
||||||
|
tagsExpanded: false,
|
||||||
|
isHideFilter: 0,
|
||||||
|
windowWidth: window?.innerWidth,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
...mapState(useSearchStore, [
|
||||||
|
"searchSchemaGetter",
|
||||||
|
"searchActiveTabGetter",
|
||||||
|
"selectionFilterItemsGetter",
|
||||||
|
]),
|
||||||
|
...mapState(useResearchStore, [
|
||||||
|
"researchSchemaGetter",
|
||||||
|
|
||||||
|
]),
|
||||||
|
|
||||||
|
listTags() {
|
||||||
|
if (
|
||||||
|
this.tagsExpanded ||
|
||||||
|
this.listFilter?.tags?.buckets.length < this.maxItem
|
||||||
|
)
|
||||||
|
return this.listFilter.tags.buckets;
|
||||||
|
else return this.listFilter.tags.buckets.slice(0, this.maxItem);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// changePageFilter(newVal) {
|
||||||
|
// if (this.$route.name === "searchResult") {
|
||||||
|
// if (newVal == 0) {
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
// this.$refs.filterdiv.classList.add("show");
|
||||||
|
// } else {
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
// this.$refs.filterdiv.classList.add("hide");
|
||||||
|
// }
|
||||||
|
// } else {
|
||||||
|
// if (newVal == 0) {
|
||||||
|
// this.$refs.filterdiv.classList.remove("d-none");
|
||||||
|
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
// this.$refs.filterdiv.classList.add("show");
|
||||||
|
// } else {
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
// this.$refs.filterdiv.classList.add("hide");
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
filterItems(newVal) {
|
||||||
|
// this.selectionFilterItemsSetter(newVal)
|
||||||
|
this.$emit("filterItems", newVal);
|
||||||
|
},
|
||||||
|
$route: {
|
||||||
|
handler: function (to, from) {},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeDestroy() {
|
||||||
|
window.removeEventListener("resize", this.handleResize);
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
window.addEventListener("resize", this.handleResize);
|
||||||
|
if (this.$route.name === "searchResult") {
|
||||||
|
// this.$refs.filterbuttom.classList.add("d-none");
|
||||||
|
// this.$refs.button.classList.add("d-none");
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
} else if (this.$route.name === "searchCategory") {
|
||||||
|
// this.$refs.filterbuttom.classList.remove("show");
|
||||||
|
// this.$refs.filterdiv.classList.add("d-none");
|
||||||
|
// this.$refs.filterbuttom.classList.add("d-none");
|
||||||
|
// this.hidenfilter();
|
||||||
|
} else if (this.$route.name === "searchNavigation") {
|
||||||
|
this.setAnswer(this.listAggregations);
|
||||||
|
this.filterItems = this.selectedFilterItems ;
|
||||||
|
this.selectedFilterItems.forEach((element) => {
|
||||||
|
this.filterSelect.push(element.id);
|
||||||
|
});
|
||||||
|
this.searchfilter();
|
||||||
|
// this.filterSelect = this.selectedFilterItems
|
||||||
|
} else if (this.$route.name !== "searchCategory") {
|
||||||
|
// this.$refs.filterbuttom.classList.add("d-none");
|
||||||
|
// this.$refs.button.classList.add("d-none");
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
}
|
||||||
|
|
||||||
|
// window.addEventListener('resize', this.handleResize);
|
||||||
|
// if (window.innerWidth <= 991) {
|
||||||
|
// this.$nextTick(() => {
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions(useSearchStore, ["selectionFilterItemsSetter"]),
|
||||||
|
|
||||||
|
// handleResize() {
|
||||||
|
// this.windowWidth = window.innerWidth;
|
||||||
|
// if (this.$route.name === "searchCategory") {
|
||||||
|
// this.$refs.filterdiv.classList.add("d-none");
|
||||||
|
// if (this.windowWidth < 991) {
|
||||||
|
// this.$refs.filterbuttom.classList.add("d-none");
|
||||||
|
// this.$refs.filterbuttom.classList.add("hide");
|
||||||
|
|
||||||
|
// // this.$refs.filterbuttom.classList.add("d-none");
|
||||||
|
// } else if (this.windowWidth > 991) {
|
||||||
|
// this.$refs.filterbuttom.classList.remove("d-none");
|
||||||
|
// this.$refs.filterbuttom.classList.remove("hide");
|
||||||
|
// }
|
||||||
|
|
||||||
|
// // if (!this.$refs.filterdiv.classList.contains("d-none")) {}
|
||||||
|
// } else {
|
||||||
|
// if (this.windowWidth > 991) {
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
// this.$refs.filterdiv.classList.add("show");
|
||||||
|
// this.$refs.filterbuttom.classList.remove("d-none");
|
||||||
|
// this.$refs.button.classList.remove("hide");
|
||||||
|
// } else if (this.windowWidth < 991) {
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
// this.$refs.filterdiv.classList.add("hide");
|
||||||
|
// this.$refs.filterbuttom.classList.add("hide");
|
||||||
|
// this.$refs.button.classList.add("hide");
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
showfilter: function () {
|
||||||
|
// this.$refs.filterdiv.classList.add("show");
|
||||||
|
// this.$refs.filterdiv.classList.remove("d-none");
|
||||||
|
// this.$refs.filterdiv.classList.remove("hide");
|
||||||
|
// this.$refs.filterdiv.classList.add("show");
|
||||||
|
// this.$refs.filterbuttom.classList.add("hide");
|
||||||
|
// this.$refs.filterbuttom.classList.remove("show");
|
||||||
|
|
||||||
|
this.isHideFilter = 0;
|
||||||
|
this.$emit("changeHideFilter", this.isHideFilter);
|
||||||
|
},
|
||||||
|
hidenfilter: function () {
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
// this.$refs.filterdiv.classList.add("hide");
|
||||||
|
// this.$refs.filterdiv.classList.remove("show");
|
||||||
|
// this.$refs.filterbuttom.classList.remove("hide");
|
||||||
|
|
||||||
|
this.isHideFilter = 1;
|
||||||
|
this.$emit("changeHideFilter", this.isHideFilter);
|
||||||
|
},
|
||||||
|
setAnswer: function (list, emptyPrevFilter = true) {
|
||||||
|
// console.log(list)
|
||||||
|
this.listFilter = list;
|
||||||
|
this.reRender++;
|
||||||
|
},
|
||||||
|
resetFilter() {
|
||||||
|
this.filterSelect = [];
|
||||||
|
this.filterItems = [];
|
||||||
|
this.listFilter = [];
|
||||||
|
this.filterListKey++;
|
||||||
|
},
|
||||||
|
emptyFilter: function () {
|
||||||
|
this.filterSelect = [];
|
||||||
|
this.filterItems = [];
|
||||||
|
this.filterListKey++;
|
||||||
|
this.$el.querySelectorAll("a.active").forEach((el) => {
|
||||||
|
el.classList.remove("active");
|
||||||
|
});
|
||||||
|
this.searchfilter();
|
||||||
|
},
|
||||||
|
// toggelClick(el, type, item) {
|
||||||
|
// var key = type + "#" + item;
|
||||||
|
// if (el.classList.contains("active")) {
|
||||||
|
// this.delFilter(key);
|
||||||
|
// el.classList.remove("active");
|
||||||
|
// } else {
|
||||||
|
// this.addFilter(key);
|
||||||
|
// this.filterItems.push({ id: key, title: item });
|
||||||
|
// el.classList.add("active");
|
||||||
|
// }
|
||||||
|
// // this.selectionFilterItemsSetter(this.filterItems);
|
||||||
|
// this.filterListKey++;
|
||||||
|
// },
|
||||||
|
toggelClick(el, type, item) {
|
||||||
|
var key = type + "#" + item;
|
||||||
|
var foundIndex = -1;
|
||||||
|
|
||||||
|
// جستجو در آرایه filterItems برای یافتن ایتم مورد نظر
|
||||||
|
for (var i = 0; i < this.filterItems.length; i++) {
|
||||||
|
if (this.filterItems[i].id === key) {
|
||||||
|
foundIndex = i;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (foundIndex !== -1) {
|
||||||
|
// اگر ایتم در آرایه وجود داشت، آن را حذف کن
|
||||||
|
this.delFilter(key);
|
||||||
|
// this.filterItems.splice(foundIndex, 1);
|
||||||
|
el.classList.remove("active");
|
||||||
|
|
||||||
|
|
||||||
|
} else {
|
||||||
|
// اگر ایتم در آرایه وجود نداشت، آن را اضافه کن
|
||||||
|
this.addFilter(key);
|
||||||
|
this.filterItems.push({ id: key, title: item });
|
||||||
|
el.classList.add("active");
|
||||||
|
}
|
||||||
|
// this.selectionFilterItemsSetter(this.filterItems);
|
||||||
|
this.filterListKey++;
|
||||||
|
},
|
||||||
|
|
||||||
|
delFilterItem(key) {
|
||||||
|
var index = this.filterItems.indexOf(key);
|
||||||
|
if (index != -1) {
|
||||||
|
this.filterSelect.splice(index, 1);
|
||||||
|
this.filterItems.splice(index, 1);
|
||||||
|
// this.selectionFilterItemsSetter(this.filterItems);
|
||||||
|
}
|
||||||
|
this.filterListKey++;
|
||||||
|
this.searchfilter();
|
||||||
|
},
|
||||||
|
delFilter(key) {
|
||||||
|
var index = this.filterSelect.indexOf(key);
|
||||||
|
if (index != -1) {
|
||||||
|
this.filterSelect.splice(index, 1);
|
||||||
|
this.filterItems.splice(index, 1);
|
||||||
|
}
|
||||||
|
this.filterListKey++;
|
||||||
|
this.searchfilter();
|
||||||
|
},
|
||||||
|
addFilter(key) {
|
||||||
|
this.filterSelect.push(key);
|
||||||
|
this.filterListKey++;
|
||||||
|
this.searchfilter();
|
||||||
|
},
|
||||||
|
searchfilter() {
|
||||||
|
this.filterSelect.sort(function (x, y) {
|
||||||
|
return y - x;
|
||||||
|
});
|
||||||
|
this.filterUrl = "";
|
||||||
|
var prevType = "";
|
||||||
|
this.filterSelect.forEach((item) => {
|
||||||
|
|
||||||
|
var items = item.split("#");
|
||||||
|
|
||||||
|
if (prevType == items[0]) {
|
||||||
|
this.filterUrl += "$" + items[1];
|
||||||
|
} else {
|
||||||
|
this.filterUrl += "&" + items[0] + "=" + items[1];
|
||||||
|
}
|
||||||
|
prevType = items[0];
|
||||||
|
});
|
||||||
|
this.$emit("filterUpdate", this.filterUrl);
|
||||||
|
},
|
||||||
|
isFilterExpand(key) {
|
||||||
|
if (!(key in this.filter_expand2))
|
||||||
|
this.$set(this.filter_expand2, key, false);
|
||||||
|
|
||||||
|
return this.filter_expand2[key];
|
||||||
|
},
|
||||||
|
setFilterExpand(key, state = false) {
|
||||||
|
this.$set(this.filter_expand2, key, state);
|
||||||
|
},
|
||||||
|
getFilterItems(key, by_more = 0) {
|
||||||
|
if (!(key in this.listFilter)) return [];
|
||||||
|
|
||||||
|
if (!by_more) {
|
||||||
|
return this.listFilter[key].buckets;
|
||||||
|
} else if (!this.isFilterExpand(key)) {
|
||||||
|
if (this.listFilter[key].buckets.length < this.maxItem)
|
||||||
|
return this.listFilter[key].buckets;
|
||||||
|
else return this.listFilter[key].buckets.slice(0, this.maxItem);
|
||||||
|
} else return this.listFilter[key].buckets;
|
||||||
|
},
|
||||||
|
getTitle(item) {
|
||||||
|
if (item && item.key && item.key != "") return item.key;
|
||||||
|
else return "نامشخص";
|
||||||
|
},
|
||||||
|
getCount(item) {
|
||||||
|
if (item.total && item.total.value)
|
||||||
|
return item.total.value; //برای حالت کولپس اجزاء مثل قانون
|
||||||
|
else return item.doc_count;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.accordion {
|
||||||
|
margin-top: 24px;
|
||||||
|
.card {
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
background-color: #fff;
|
||||||
|
// width: 20em;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
// border-bottom: none;
|
||||||
|
button {
|
||||||
|
position: relative;
|
||||||
|
left: -31px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
width: 10em;
|
||||||
|
position: relative;
|
||||||
|
right: -19px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.show {
|
||||||
|
height: 19vh;
|
||||||
|
}
|
||||||
|
.card-body {
|
||||||
|
padding: 0 !important;
|
||||||
|
height: 25vh;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .search-items {
|
||||||
|
// height: calc(100vh - 17em);
|
||||||
|
// border-left: 1px solid #f2f2e6;
|
||||||
|
// }
|
||||||
|
.circle {
|
||||||
|
position: relative;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: black solid 1px;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
cursor: pointer;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.circle-icon {
|
||||||
|
position: fixed;
|
||||||
|
margin-right: 15.6%;
|
||||||
|
top: 9em;
|
||||||
|
&:hover {
|
||||||
|
margin-right: 15.9%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<!-- <style lang="scss">
|
||||||
|
.main-tree {
|
||||||
|
position: fixed;
|
||||||
|
right: 57px;
|
||||||
|
z-index: 10;
|
||||||
|
top: 149px;
|
||||||
|
width: 13.1%;
|
||||||
|
background-color: #fff;
|
||||||
|
border-left: 1px solid #f2f2e6;
|
||||||
|
height: 81vh;
|
||||||
|
}
|
||||||
|
.main-tree-select {
|
||||||
|
.form-control {
|
||||||
|
border-radius: 0.35rem !important;
|
||||||
|
width: 92% !important;
|
||||||
|
margin: 15px auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.os-scrollbar-horizontal {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.os-host-overflow {
|
||||||
|
height: 79vh;
|
||||||
|
}
|
||||||
|
.button-close {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin: 5px 0;
|
||||||
|
button {
|
||||||
|
border: 0px;
|
||||||
|
color: #5897fb;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-page__filters {
|
||||||
|
top: 7.75rem !important;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
.scrollbar {
|
||||||
|
height: 100vh !important ;
|
||||||
|
padding-right: 18px !important;
|
||||||
|
padding-left: 18px !important;
|
||||||
|
}
|
||||||
|
.display-none {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.tab-content--scrolled {
|
||||||
|
max-height: 100vh;
|
||||||
|
}
|
||||||
|
.detail-page__filters {
|
||||||
|
top: 9.15rem !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.detail-page__filters{
|
||||||
|
right: 22.1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 720px) {
|
||||||
|
|
||||||
|
|
||||||
|
.buttonshow {
|
||||||
|
position: fixed;
|
||||||
|
right: 5px;
|
||||||
|
top: 30vh;
|
||||||
|
}
|
||||||
|
.detail-page__filters {
|
||||||
|
top: 11.35rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
.display-none {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
.display-none {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
.display-none {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style> -->
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
// .main-filter {
|
||||||
|
// background-color: green;
|
||||||
|
// z-index: 2;
|
||||||
|
// width: 16.3%;
|
||||||
|
// height: 82.6vh;
|
||||||
|
// position: fixed;
|
||||||
|
// margin-right: 16.5%;
|
||||||
|
// top: 8.9em;
|
||||||
|
// top: 0;
|
||||||
|
// background-color: #fff;
|
||||||
|
// width: 95%;
|
||||||
|
// margin: 5px auto;
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
.button-hiden {
|
||||||
|
padding: 1em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
// position: relative;
|
||||||
|
|
||||||
|
// top: 21px;
|
||||||
|
// left: 17px;
|
||||||
|
// z-index: 9;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
font-size: 0.7rem;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
border: 1px solid var(--primary-color);
|
||||||
|
|
||||||
|
* {
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .body-filter {
|
||||||
|
// height: calc(100dvh - 13em);
|
||||||
|
// overflow: auto;
|
||||||
|
// }
|
||||||
|
.text-filter {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between !important;
|
||||||
|
margin: 0px 12px;
|
||||||
|
}
|
||||||
|
.hide {
|
||||||
|
// transform: translateX(80%);
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show {
|
||||||
|
// transform: translateX(0);
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
// .main-filter {
|
||||||
|
// width: 100%;
|
||||||
|
// height: 99.5vh;
|
||||||
|
// top: 0;
|
||||||
|
// margin: 0;
|
||||||
|
// }
|
||||||
|
// .search-items {
|
||||||
|
// height: calc(100vh - 3em);
|
||||||
|
// border-left: 1px solid #f2f2e6;
|
||||||
|
// }
|
||||||
|
// .body-filter {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
|
||||||
|
// .main-filter {
|
||||||
|
// width: 26em;
|
||||||
|
// height: 98.2vh;
|
||||||
|
// top: 11.9em;
|
||||||
|
// margin-right: 3.5%;
|
||||||
|
// }
|
||||||
|
// .search-items {
|
||||||
|
// height: calc(100vh - 4em);
|
||||||
|
// }
|
||||||
|
// .body-filter {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
// .main-filter {
|
||||||
|
// width: 23em;
|
||||||
|
// height: 83.2vh;
|
||||||
|
// top: 8.9em;
|
||||||
|
// margin-right: 6.5%;
|
||||||
|
// }
|
||||||
|
// .body-filter {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
// .search-items {
|
||||||
|
// height: calc(100vh - 3em);
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1049.98px) {
|
||||||
|
// .main-filter {
|
||||||
|
// width: 20em;
|
||||||
|
// height: 83.2vh;
|
||||||
|
// top: 8.9em;
|
||||||
|
// margin-right: 5.5%;
|
||||||
|
// }
|
||||||
|
.circle-icon {
|
||||||
|
position: fixed;
|
||||||
|
margin-right: 2.8em;
|
||||||
|
top: 9em;
|
||||||
|
&:hover {
|
||||||
|
margin-right: 2.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 1050px) {
|
||||||
|
// .main-filter {
|
||||||
|
// width: 20em;
|
||||||
|
// height: 83.2vh;
|
||||||
|
// // top: 8.9em;
|
||||||
|
// margin-right: 3.5em;
|
||||||
|
// }
|
||||||
|
.circle-icon {
|
||||||
|
position: fixed;
|
||||||
|
margin-right: 2.8em;
|
||||||
|
top: 9em;
|
||||||
|
&:hover {
|
||||||
|
margin-right: 2.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style lang="scss">
|
||||||
|
.filters__delete {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.text-filter:hover {
|
||||||
|
.title {
|
||||||
|
color: var(--primary-color);
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
color: var(--primary-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
448
components/research/components/ResearchFishModal.vue
Normal file
448
components/research/components/ResearchFishModal.vue
Normal file
|
|
@ -0,0 +1,448 @@
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="container-fluid"
|
||||||
|
:style="{
|
||||||
|
height: $attrs.height,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div class="row h-100">
|
||||||
|
<!-- #region قسمت مربوط به تبهای فعال -->
|
||||||
|
<div v-if="valueModal.itemSchema">
|
||||||
|
<div class="col h-100 d-flex flex-column ">
|
||||||
|
<div class="row " style="height: 90%; overflow: auto;">
|
||||||
|
<div class="col-12">
|
||||||
|
<FormBuilder
|
||||||
|
v-if="showFormBuilder"
|
||||||
|
:formElements="valueModal.itemSchema.form.items_main"
|
||||||
|
:formData="formDataInit"
|
||||||
|
:readOnly="
|
||||||
|
readOnlyHandler(
|
||||||
|
valueModal.itemSchema,
|
||||||
|
valueModal.itemEdit._source.user.user_id
|
||||||
|
)
|
||||||
|
"
|
||||||
|
:displayMode="'default'"
|
||||||
|
@saveComponentValue="changedFormValues"
|
||||||
|
class="row"
|
||||||
|
></FormBuilder>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 mt-2" v-show="showMore">
|
||||||
|
<FormBuilder
|
||||||
|
v-if="showFormBuilder"
|
||||||
|
:formElements="valueModal.itemSchema.form.items_more"
|
||||||
|
:formData="formDataInit"
|
||||||
|
:displayMode="'default'"
|
||||||
|
:readOnly="
|
||||||
|
readOnlyHandler(
|
||||||
|
valueModal.itemSchema,
|
||||||
|
valueModal.itemEdit._source.user.user_id
|
||||||
|
)
|
||||||
|
"
|
||||||
|
@saveComponentValue="changedFormValues"
|
||||||
|
class="row"
|
||||||
|
></FormBuilder>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="col-12 d-flex justify-content-start align-items-start mb-2"
|
||||||
|
>
|
||||||
|
<ToggleButton
|
||||||
|
openText="بیشتر"
|
||||||
|
openIcon="Component-25--1"
|
||||||
|
closeText="بستن"
|
||||||
|
closeIcon="Component-22--1"
|
||||||
|
@toggle="clickToggleButton"
|
||||||
|
>
|
||||||
|
</ToggleButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row px-3 border-top h-auto">
|
||||||
|
<div class="col-12 d-flex justify-content-end align-items-end">
|
||||||
|
<button
|
||||||
|
title="ذخیره"
|
||||||
|
classes="btn btn-outline-primary fz-13"
|
||||||
|
@click="saveFish(valueModal.action)"
|
||||||
|
buttonText="ذخیره"
|
||||||
|
class="btn btn-outline-primary fz-13 mt-2"
|
||||||
|
:class="{ disabled: valueModal?.isReadonly == true }"
|
||||||
|
>
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<div class="col">
|
||||||
|
<h2>در حال بارگزاری ...</h2>
|
||||||
|
<!-- <EntityEditFormBuilder> </EntityEditFormBuilder> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- #endregion -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import entityApi from "~/apis/entityApi.js";
|
||||||
|
|
||||||
|
import { mapState } from "pinia";
|
||||||
|
/**
|
||||||
|
|
||||||
|
* @vue-prop {Object} [valueModal={}] - یک آبجکت از مقادیر مورد نیاز برای فیش
|
||||||
|
|
||||||
|
* @vue-data {Object} [formDataInit={}] - آبجکتی که شامل مقادیر ورودی ثابت برای فرم بیلدر است
|
||||||
|
* @vue-data {Object} [changValue={}] - مقادیر بازگشتی از فرم بیلدر که خود فرد پر کرده است
|
||||||
|
* @vue-data {Object} [itemForEdit={}] - آبجکتی که متشکل از مقادیری است که باید ویرایش شود
|
||||||
|
* @vue-data {String} [date_create=""] - تاریخ ایجاد فیش
|
||||||
|
* @vue-data {String} [username=""] - نام فردی که فیش را ایجاد کرده است
|
||||||
|
* @vue-data {String} [address=""] - آدرس ایجاد فیش
|
||||||
|
|
||||||
|
* @vue-data {Number} [showFormBuilder=false] - برای دوباره ساختن فرم بیلدر
|
||||||
|
* @vue-data {String} [httpService=undefined] - محل قرارگیری URL
|
||||||
|
* @vue-data {Array} [tableActions=[]] - لیست اقدامات context-menu
|
||||||
|
* @vue-data {String} [listFishs=""] - لیست تمام فیشهای زده شده
|
||||||
|
* @vue-data {Boolean} [ShowMore=false] - وضعیت نمایش موارد بیشتر .
|
||||||
|
*
|
||||||
|
* @vue-event {Object} removeItemHandler - این متد برای حذف آیتم از لیست استفاده میشود.
|
||||||
|
* @vue-event {Object} editItemHandler - این متد برای ویرایش آیتم از لیست استفاده میشود.
|
||||||
|
* @vue-event {String} saveFish - این متد برای ذخیره فیش جدید یا ویرایش شده استفاده میشود.
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
valueModal: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.valueModal.action == "edit") {
|
||||||
|
this.itemForEdit = this.valueModal.itemEdit._source;
|
||||||
|
|
||||||
|
// filter null/undefined values
|
||||||
|
Object.keys(this.itemForEdit).forEach((key) => {
|
||||||
|
if (this.itemForEdit[key] == null) return;
|
||||||
|
this.formDataInit[key] = this.itemForEdit[key];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
this.showFormBuilder = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showMore: false,
|
||||||
|
httpService: undefined,
|
||||||
|
formDataInit: {},
|
||||||
|
changValue: {},
|
||||||
|
itemForEdit: {},
|
||||||
|
|
||||||
|
date_create: "",
|
||||||
|
address: "",
|
||||||
|
username: "",
|
||||||
|
|
||||||
|
showFormBuilder: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(["userPermisionGetter", "currentUser"]),
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//برسی میکنه که آیا اجازه ویرایش فیش بدهد یا نه
|
||||||
|
readOnlyHandler(Schema, OwnerResearch) {
|
||||||
|
if (this.valueModal.isReadonly == true) return true;
|
||||||
|
let isUserAccess = this.isEditable(Schema.key);
|
||||||
|
|
||||||
|
let isOwnerResearch = "";
|
||||||
|
if (this.currentUser.user_id == OwnerResearch) isOwnerResearch = true;
|
||||||
|
else isOwnerResearch = false;
|
||||||
|
|
||||||
|
if (isUserAccess == true || isOwnerResearch == true) return false;
|
||||||
|
else return true;
|
||||||
|
},
|
||||||
|
isEditable(key) {
|
||||||
|
if (key) {
|
||||||
|
let res = this.hasPermission(key + "_edit");
|
||||||
|
return res;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
|
||||||
|
hasPermission(permission) {
|
||||||
|
if (this.currentUser?.user_level > 1) return true;
|
||||||
|
|
||||||
|
if (this.userPermisionGetter && this.userPermisionGetter?.length)
|
||||||
|
return this.userPermisionGetter?.includes(permission);
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* تغییر وضعیت نمایش بیشتر با توجه به ایونت دریافتی.
|
||||||
|
* @param {Boolean} event - وضعیت جدید برای نمایش بیشتر.
|
||||||
|
* @description این متد وضعیت نمایش بیشتر را بر اساس ایونت دریافتی تغییر میدهد.
|
||||||
|
* این متد معمولاً به عنوان یک هندلر برای ایونتهای toggle استفاده میشود.
|
||||||
|
*/
|
||||||
|
clickToggleButton(event) {
|
||||||
|
this.showMore = event;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* بستن مدال.
|
||||||
|
* @description این متد برای بستن مدال استفاده میشود.
|
||||||
|
* @fires close
|
||||||
|
*/
|
||||||
|
close() {
|
||||||
|
this.$emit("close");
|
||||||
|
},
|
||||||
|
|
||||||
|
// استفاده نشده ... !!!!!!!!!!!!!!!!!!!
|
||||||
|
// /**
|
||||||
|
// * دریافت متن مرجع.
|
||||||
|
// * @param {Object} fieldFooter متغیر حاوی اطلاعات مرجع
|
||||||
|
// * @returns {String} متن مرجع
|
||||||
|
// * @description این متد برای دریافت متن مرجع استفاده میشود.
|
||||||
|
// */
|
||||||
|
// referenceText(fieldFooter) {
|
||||||
|
// if (!fieldFooter.reference) return;
|
||||||
|
// const regex = /(\{(\w+)\})/gm;
|
||||||
|
// const str = fieldFooter.reference;
|
||||||
|
// let m;
|
||||||
|
// let matches = [];
|
||||||
|
|
||||||
|
// while ((m = regex.exec(str)) !== null) {
|
||||||
|
// if (m.index === regex.lastIndex) {
|
||||||
|
// regex.lastIndex++;
|
||||||
|
// }
|
||||||
|
// matches.push(m);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// let reference = str;
|
||||||
|
|
||||||
|
// matches.forEach((match, groupIndex) => {
|
||||||
|
// let group = match[0];
|
||||||
|
// let key = group.replace("{", "").replace("}", "");
|
||||||
|
// reference = reference.replaceAll(
|
||||||
|
// group,
|
||||||
|
// this.selectedItemEntityGetter[key]
|
||||||
|
// );
|
||||||
|
// });
|
||||||
|
// this.addressFish = reference;
|
||||||
|
// return reference;
|
||||||
|
// },
|
||||||
|
/**
|
||||||
|
* دریافت تاریخ امروز به شکل رشته متنی.
|
||||||
|
* @returns {String} تاریخ امروز به فرمت YYYY/MM/DD
|
||||||
|
* @description این متد برای دریافت تاریخ امروز به فرمت مشخص شده استفاده میشود.
|
||||||
|
*/
|
||||||
|
todays() {
|
||||||
|
const today = new Date();
|
||||||
|
const year = today.getFullYear();
|
||||||
|
const month = today.getMonth() + 1;
|
||||||
|
const day = today.getDate();
|
||||||
|
const currentDate = `${year}/${month}/${day}`;
|
||||||
|
|
||||||
|
return this.datefa(currentDate);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* تبدیل تاریخ میلادی به تاریخ فارسی.
|
||||||
|
* @param {String} date تاریخ میلادی
|
||||||
|
* @returns {String} تاریخ فارسی
|
||||||
|
* @description این متد برای تبدیل تاریخ میلادی به تاریخ فارسی استفاده میشود.
|
||||||
|
*/
|
||||||
|
datefa(date) {
|
||||||
|
var m = date;
|
||||||
|
var d = new Date(m).toLocaleDateString("fa-IR");
|
||||||
|
return d;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* تغییرات اعمال شده در فرم را ذخیره کنید.
|
||||||
|
* @param {Object} form فرم با تغییرات جدید
|
||||||
|
* @description این متد برای ذخیره تغییراتی که در فرم اعمال شدهاند استفاده میشود.
|
||||||
|
*/
|
||||||
|
changedFormValues(form) {
|
||||||
|
Object.keys(form).forEach((key) => {
|
||||||
|
if (this.itemForEdit[key] !== form[key]) {
|
||||||
|
this.changValue[key] = form[key];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* ذخیره فیش.
|
||||||
|
* @param {String} editState وضعیت ویرایش یا اضافه کردن
|
||||||
|
* @description این متد برای ذخیره فیش جدید یا ویرایش شده استفاده میشود.
|
||||||
|
*/
|
||||||
|
saveFish(editState) {
|
||||||
|
let item = this.changValue;
|
||||||
|
let url = "";
|
||||||
|
|
||||||
|
let formData = {};
|
||||||
|
let key = "";
|
||||||
|
if (this.$route.params?.key) key = this.$route.params.key;
|
||||||
|
if (editState == "edit") {
|
||||||
|
url = entityApi.fish.update;
|
||||||
|
url = url.replace("{{id}}", this.valueModal.itemEdit._id);
|
||||||
|
formData = item;
|
||||||
|
}
|
||||||
|
url = url.replace("{{index_key}}", "research");
|
||||||
|
|
||||||
|
this.httpService.postRequest(url, formData).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
html: res.message,
|
||||||
|
});
|
||||||
|
this.$emit("closeAfterSaving");
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
// #region all
|
||||||
|
.modal {
|
||||||
|
background-color: rgba(81, 79, 78, 0.577);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 2.75rem auto;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
background-color: #e8fcff;
|
||||||
|
}
|
||||||
|
.nav_item {
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #e8fcff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button_grop {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer_fish {
|
||||||
|
.footer_fish_main {
|
||||||
|
display: flex;
|
||||||
|
margin-right: 3px;
|
||||||
|
margin-top: 12px;
|
||||||
|
|
||||||
|
div {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #endregion
|
||||||
|
|
||||||
|
// #region activeTab===0
|
||||||
|
.header_fish_list {
|
||||||
|
display: grid;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
// grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
// grid-template-rows: 1fr 1fr 1fr;
|
||||||
|
// grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
margin-left: 5px;
|
||||||
|
// background-color: green;
|
||||||
|
// grid-template-columns: repeat(3, 12px);
|
||||||
|
// grid-template-rows: repeat(3, auto);
|
||||||
|
// grid-row-gap: 1px;
|
||||||
|
grid-column-gap: 9px;
|
||||||
|
|
||||||
|
.header_item {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 2fr 4fr;
|
||||||
|
align-items: center;
|
||||||
|
justify-items: flex-start;
|
||||||
|
margin: 5px 5px 5px 5px;
|
||||||
|
|
||||||
|
input {
|
||||||
|
margin: 0 5px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #endregion
|
||||||
|
|
||||||
|
// #region activeTab===1
|
||||||
|
.main_pag {
|
||||||
|
width: 83%;
|
||||||
|
// height: 76vh;
|
||||||
|
height: 15em;
|
||||||
|
// display: grid;
|
||||||
|
// grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||||
|
// gap: 15px 15px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-content: flex-start;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card_fish {
|
||||||
|
width: 17em;
|
||||||
|
height: 150px;
|
||||||
|
display: grid;
|
||||||
|
grid-template-rows: 1fr 2fr 1fr;
|
||||||
|
justify-self: center;
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
border-radius: 10px;
|
||||||
|
// box-shadow: 0px 3px 7px;
|
||||||
|
box-shadow: 0px 1px 3px;
|
||||||
|
margin: 2em;
|
||||||
|
.img {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 6px 10px;
|
||||||
|
.text-date {
|
||||||
|
font-size: 0.875em;
|
||||||
|
color: #a7a098;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card_fish_main {
|
||||||
|
.text_fish {
|
||||||
|
margin: 0px 12px;
|
||||||
|
|
||||||
|
height: 73px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card_fish_footer {
|
||||||
|
// display: grid;
|
||||||
|
display: none;
|
||||||
|
grid-template-columns: 25px 25px 25px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
|
||||||
|
div {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #endregion
|
||||||
|
|
||||||
|
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 576px) and (max-width: 766.98px) {
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
}
|
||||||
|
</style>
|
||||||
647
components/research/components/ResearchTreeList.vue
Normal file
647
components/research/components/ResearchTreeList.vue
Normal file
|
|
@ -0,0 +1,647 @@
|
||||||
|
<template>
|
||||||
|
<div class="tree-list-container text-end">
|
||||||
|
<div class="d-flex align-items-center py-1 my-2 border-bottom">
|
||||||
|
<label for="">پوشه جدید :</label>
|
||||||
|
<button
|
||||||
|
class="btn"
|
||||||
|
@click="openModal('FormAddToTree', ' فرم ایجاد خصوصیت ')"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-212--1">
|
||||||
|
<use xlink:href="#icon-Component-212--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="firefox-scrollbar v-jstree">
|
||||||
|
<v-jstree
|
||||||
|
allow-transition
|
||||||
|
:data="data"
|
||||||
|
:draggable="true"
|
||||||
|
ref="tree"
|
||||||
|
klass="tree-rtl"
|
||||||
|
size="large"
|
||||||
|
multiple
|
||||||
|
tree-rtl
|
||||||
|
textFieldName="text"
|
||||||
|
valueFieldName="item"
|
||||||
|
@item-click="itemclick"
|
||||||
|
@item-toggle="itemtoggle"
|
||||||
|
@item-drag-start="onItemDragStart"
|
||||||
|
@item-drag-end="onItemDragEnd"
|
||||||
|
@item-drop-before="onItemDropBefore"
|
||||||
|
@item-drop="onItemDrop"
|
||||||
|
>
|
||||||
|
<slot name="node">
|
||||||
|
<div
|
||||||
|
class="row tree-item mx-0"
|
||||||
|
style="width: 25em"
|
||||||
|
:class="{
|
||||||
|
'active-item': activeItem && activeItem.id === node.model.id,
|
||||||
|
}"
|
||||||
|
@click="setActiveItem(node.model, node.vm)"
|
||||||
|
>
|
||||||
|
<div class="col-8">
|
||||||
|
<div v-if="node.model.isEdit" class="d-flex align-items-center">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
v-model="node.model.text"
|
||||||
|
/>
|
||||||
|
<button @click.prevent="node.model.isEdit = false" class="btn">
|
||||||
|
Save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-truncate"
|
||||||
|
v-tooltip="node.model.text"
|
||||||
|
style="width: 100px"
|
||||||
|
v-else
|
||||||
|
>
|
||||||
|
{{ node.model.text }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 button-group" v-if="node.model.id !== 0">
|
||||||
|
<button
|
||||||
|
@click="removeNode(node.vm)"
|
||||||
|
class="btn p-0"
|
||||||
|
style="font-size: 0.6rem"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-295--1">
|
||||||
|
<use xlink:href="#icon-Component-295--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click.prevent="editNode(node.vm)"
|
||||||
|
class="btn p-0"
|
||||||
|
style="font-size: 0.6rem"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-242--1">
|
||||||
|
<use xlink:href="#icon-Component-242--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
@click.prevent="addChildNode(node.model, node.vm)"
|
||||||
|
class="btn p-0"
|
||||||
|
style="font-size: 0.6rem"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-133--1">
|
||||||
|
<use xlink:href="#icon-Component-133--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</slot>
|
||||||
|
</v-jstree>
|
||||||
|
</div>
|
||||||
|
<base-modal
|
||||||
|
v-if="uploadForFirstTime"
|
||||||
|
@canel="closeModal()"
|
||||||
|
:showHeaderCloseButton="true"
|
||||||
|
:modalTitle="modalTitle"
|
||||||
|
class="borhan-modal"
|
||||||
|
modalSize="modal-lg"
|
||||||
|
height="auto"
|
||||||
|
maxHeight="20em"
|
||||||
|
overflow="hidden"
|
||||||
|
width="30em"
|
||||||
|
:showSaveButton="true"
|
||||||
|
:hasFooter="false"
|
||||||
|
>
|
||||||
|
<component
|
||||||
|
:is="slotComponentName"
|
||||||
|
:uploadForFirstTime="uploadForFirstTime"
|
||||||
|
:editingItem="editingItem"
|
||||||
|
@close="closeModal()"
|
||||||
|
@addNew="addNewItem($event)"
|
||||||
|
@edit="edit($event)"
|
||||||
|
@addNewChildren="addNewChildren($event)"
|
||||||
|
></component>
|
||||||
|
</base-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import VJstree from "vue-jstree";
|
||||||
|
import researchApi from "~/apis/researchApi";
|
||||||
|
|
||||||
|
import { mapActions, mapState } from "pinia";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @vue-event {Number} increment - Emit counter's value after increment
|
||||||
|
* @vue-event {Number} decrement - Emit counter's value after decrement
|
||||||
|
*/
|
||||||
|
export default {
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
treeItems: {
|
||||||
|
default() {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
newProjects: {
|
||||||
|
default() {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isEdit: false,
|
||||||
|
// searchText: "",
|
||||||
|
uploadForFirstTime: false,
|
||||||
|
slotComponentName: null,
|
||||||
|
modalTitle: null,
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
text: "همه",
|
||||||
|
name: "Root",
|
||||||
|
id: "0",
|
||||||
|
pid: "Root",
|
||||||
|
opened: false,
|
||||||
|
selected: false,
|
||||||
|
disabled: true,
|
||||||
|
loading: false,
|
||||||
|
children: [],
|
||||||
|
label: {
|
||||||
|
backgroundColor: "#ee6666",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
httpService: undefined,
|
||||||
|
editingItem: "",
|
||||||
|
editingNode: "",
|
||||||
|
activeItem: null,
|
||||||
|
|
||||||
|
colors: [
|
||||||
|
"#5470C6",
|
||||||
|
"#d44646",
|
||||||
|
"#008b8b",
|
||||||
|
"#3BA272",
|
||||||
|
"#FC8452",
|
||||||
|
"#9A60B4",
|
||||||
|
"#EA7CCC",
|
||||||
|
"#F59F00",
|
||||||
|
"#ddc4b0",
|
||||||
|
"#73C0DE",
|
||||||
|
"#b333ad",
|
||||||
|
"#e86c6b",
|
||||||
|
"#39cfed",
|
||||||
|
],
|
||||||
|
currentIndex: 0,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
treeItems(newValue) {
|
||||||
|
this.data[0].children = [];
|
||||||
|
if (Array.isArray(newValue)) {
|
||||||
|
newValue.forEach((element, index) => {
|
||||||
|
const color = this.getNextColor();
|
||||||
|
var node = {
|
||||||
|
item: element,
|
||||||
|
text: element.title,
|
||||||
|
name: element.title,
|
||||||
|
id: element.id,
|
||||||
|
pid: 0,
|
||||||
|
opened: false,
|
||||||
|
selected: false,
|
||||||
|
disabled: false,
|
||||||
|
loading: false,
|
||||||
|
children: [],
|
||||||
|
label: {
|
||||||
|
backgroundColor: color,
|
||||||
|
},
|
||||||
|
itemStyle: {
|
||||||
|
color: color,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
// if (element.children >= 1) {
|
||||||
|
// node.children = [];
|
||||||
|
// }
|
||||||
|
this.data[0].children.push(node);
|
||||||
|
this.dataForTreeMapSetter(this.data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// data(newValue){
|
||||||
|
// console.log("🚀 ~ data ~ newValue:", newValue)
|
||||||
|
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useResearchStore, ["researchTermsGetter"]),
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions(useResearchStore, ["dataForTreeMapSetter"]),
|
||||||
|
getNextColor() {
|
||||||
|
// Get the color at the current index
|
||||||
|
const color = this.colors[this.currentIndex];
|
||||||
|
|
||||||
|
// Update the index to the next color
|
||||||
|
this.currentIndex = (this.currentIndex + 1) % this.colors.length;
|
||||||
|
|
||||||
|
return color;
|
||||||
|
},
|
||||||
|
// #region function Default for tree
|
||||||
|
/**
|
||||||
|
* دادههای لیست درخت را از API دریافت میکند.
|
||||||
|
* @param {number} [parent=0] - شناسه والد برای دریافت فرزندان.
|
||||||
|
* @param {boolean} [ischildren=false] - پرچمی برای نشان دادن دریافت گرههای فرزند.
|
||||||
|
* @param {Object} [parentItem={}] - شیء آیتم والد.
|
||||||
|
* @returns {Promise} - پاسخ API که شامل دادههای درخت است.
|
||||||
|
*/
|
||||||
|
getListTree(parent = 0, ischildren = false, parentItem = {}) {
|
||||||
|
const payload = {
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
parent: parent,
|
||||||
|
sortby: "id",
|
||||||
|
offset: 0,
|
||||||
|
limit: 100,
|
||||||
|
listtype: 0,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.list;
|
||||||
|
return this.httpService.formDataRequest(url, payload).then((res) => {
|
||||||
|
return res.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* مدال افزودن گره فرزند را باز میکند.
|
||||||
|
* @param {Object} parentNode - مدل گره والد.
|
||||||
|
* @param {Object} node - مدل نمای گره.
|
||||||
|
*/
|
||||||
|
addChildNode(parentNode, node) {
|
||||||
|
this.editingItem = node.model;
|
||||||
|
this.editingNode = node;
|
||||||
|
|
||||||
|
this.openModal("FormAddChildrenToTree", " فرم ایجاد فرزند ");
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* یک گره را از درخت پس از تأیید حذف میکند.
|
||||||
|
* @param {Object} vm - مدل نمای گره برای حذف.
|
||||||
|
*/
|
||||||
|
removeNode(vm) {
|
||||||
|
mySwalConfirm({
|
||||||
|
title: "هشدار!!!",
|
||||||
|
html: `از حذف <b>${vm.model.text}</b> اطمینان دارید؟ `,
|
||||||
|
icon: "warning",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
this.editingItem = vm.model;
|
||||||
|
this.editingNode = vm;
|
||||||
|
this.getRemov(this.editingItem);
|
||||||
|
if (this.editingItem.id !== undefined) {
|
||||||
|
var index = this.editingNode.parentItem.indexOf(this.editingItem);
|
||||||
|
this.editingNode.parentItem.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* درخواست حذف یک آیتم از API را ارسال میکند.
|
||||||
|
* @param {Object} item - آیتمی که باید حذف شود.
|
||||||
|
*/
|
||||||
|
getRemov(item) {
|
||||||
|
const payload = {
|
||||||
|
subjectid: item.id,
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
listid: item.id,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.delete;
|
||||||
|
this.httpService.postRequest(url, payload).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "موفق",
|
||||||
|
html: "با موفقیت حذف شد",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* مدال ویرایش یک گره را باز میکند.
|
||||||
|
* @param {Object} node - مدل نمای گره برای ویرایش.
|
||||||
|
*/
|
||||||
|
editNode(node) {
|
||||||
|
this.editingItem = node.model;
|
||||||
|
this.editingNode = node;
|
||||||
|
this.openModal("FormEditToTree", " فرم ویرایش خصوصیت ");
|
||||||
|
// this.editingNode = node;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* رویداد کلیک روی آیتم را مدیریت میکند و فرزندان را اگر قبلاً بارگیری نشده باشند بارگیری میکند.
|
||||||
|
* @param {Object} nodeItem - آیتم گره کلیک شده.
|
||||||
|
*/
|
||||||
|
itemclick(nodeItem) {
|
||||||
|
if (nodeItem.model.children.length >= 1) return;
|
||||||
|
let parent = nodeItem.model;
|
||||||
|
try {
|
||||||
|
this.getListTree(parent.id, true, parent).then((list) => {
|
||||||
|
list.forEach((element, index) => {
|
||||||
|
var node = {
|
||||||
|
item: element,
|
||||||
|
text: element.title,
|
||||||
|
name: element.title,
|
||||||
|
id: element.id,
|
||||||
|
pid: parent.id,
|
||||||
|
opened: false,
|
||||||
|
selected: false,
|
||||||
|
disabled: false,
|
||||||
|
loading: false,
|
||||||
|
lineStyle: parent.lineStyle,
|
||||||
|
label: parent.label,
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
const nodeExists = parent.children.some(
|
||||||
|
(child) => child.id === node.id
|
||||||
|
);
|
||||||
|
if (!nodeExists) {
|
||||||
|
parent.children.push(node);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching children nodes:", error);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* رویداد تغییر وضعیت آیتم را مدیریت میکند.
|
||||||
|
* @param {Object} data - دادههای آیتم تغییر وضعیت داده شده.
|
||||||
|
*/
|
||||||
|
itemtoggle(data) {
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* آیتم فعال را تنظیم میکند و رویداد 'on-click' را ارسال میکند.
|
||||||
|
* @param {Object} item - آیتمی که باید به عنوان فعال تنظیم شود.
|
||||||
|
*/
|
||||||
|
setActiveItem(item) {
|
||||||
|
this.activeItem = item;
|
||||||
|
this.$emit("on-click", item);
|
||||||
|
},
|
||||||
|
// #endregion
|
||||||
|
|
||||||
|
// #region function for modals
|
||||||
|
|
||||||
|
/**
|
||||||
|
* مدال را میبندد و پرچم uploadForFirstTime را تنظیم مجدد میکند.
|
||||||
|
*/
|
||||||
|
closeModal() {
|
||||||
|
$("#base-modal").modal("hide");
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
this.uploadForFirstTime = false;
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* یک مدال با مؤلفه و عنوان مشخص باز میکند.
|
||||||
|
* @param {string} componentName - نام مؤلفهای که باید در مدال بارگیری شود.
|
||||||
|
* @param {string} title - عنوان مدال.
|
||||||
|
*/
|
||||||
|
openModal(componentName, title) {
|
||||||
|
this.uploadForFirstTime = true;
|
||||||
|
this.slotComponentName = componentName;
|
||||||
|
this.modalTitle = title;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
$("#base-modal").modal({ backdrop: "static", keyboard: false }, "show");
|
||||||
|
}, 500);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* یک آیتم جدید به درخت اضافه میکند.
|
||||||
|
* @param {Object} item - آیتمی که باید اضافه شود.
|
||||||
|
*/
|
||||||
|
addNewItem(item) {
|
||||||
|
// console.log("🚀 ~ addNewItem ~ item:", item);
|
||||||
|
const payload = {
|
||||||
|
id: undefined,
|
||||||
|
listtype: 0,
|
||||||
|
parent: 0,
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
title: item,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.add;
|
||||||
|
this.httpService.postRequest(url, payload).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "موفق",
|
||||||
|
html: res.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
res.data.forEach((element, index) => {
|
||||||
|
var node = {
|
||||||
|
item: element,
|
||||||
|
text: element.title,
|
||||||
|
name: element.title,
|
||||||
|
id: element.id,
|
||||||
|
pid: 0,
|
||||||
|
opened: false,
|
||||||
|
selected: false,
|
||||||
|
disabled: false,
|
||||||
|
loading: false,
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
this.data[0].children.push(node);
|
||||||
|
this.dataForTreeMapSetter(this.data);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* یک آیتم موجود در درخت را ویرایش میکند.
|
||||||
|
* @param {string} item - عنوان جدید برای آیتم.
|
||||||
|
*/
|
||||||
|
edit(item) {
|
||||||
|
this.editingItem.text = item;
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
subjectid: this.editingItem.id,
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
title: this.editingItem.text,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.edit;
|
||||||
|
this.httpService.formDataRequest(url, payload).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "موفق",
|
||||||
|
html: "تغییر نام با موفقیت انجام شد ",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* یک آیتم فرزند جدید به درخت اضافه میکند.
|
||||||
|
* @param {Object} item - آیتم فرزند که باید اضافه شود.
|
||||||
|
*/
|
||||||
|
addNewChildren(item) {
|
||||||
|
const payload = {
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
parent: this.editingItem.id,
|
||||||
|
listid: this.editingItem.id,
|
||||||
|
listtype: 0,
|
||||||
|
title: item,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.add;
|
||||||
|
this.httpService.postRequest(url, payload).then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "موفق",
|
||||||
|
html: " با موفقیت انجام شد ",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
|
||||||
|
res.data.forEach((element, index) => {
|
||||||
|
var node = {
|
||||||
|
item: element,
|
||||||
|
text: element.title,
|
||||||
|
name: element.title,
|
||||||
|
id: element.id,
|
||||||
|
pid: 0,
|
||||||
|
opened: false,
|
||||||
|
selected: false,
|
||||||
|
disabled: false,
|
||||||
|
loading: false,
|
||||||
|
children: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
this.editingItem.children.push(node);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// #endregion
|
||||||
|
// #region function draggable for tree
|
||||||
|
|
||||||
|
/**
|
||||||
|
* قبل از انداختن آیتم، رویداد را مدیریت میکند.
|
||||||
|
* @param {Object} node - گرهای که آیتم به آن انداخته میشود.
|
||||||
|
* @param {Object} item - آیتمی که درگ شده است.
|
||||||
|
* @param {Object} draggedItem - آیتمی که در حال درگ شدن است.
|
||||||
|
* @param {Object} e - رویداد.
|
||||||
|
*/
|
||||||
|
onItemDropBefore(node, item, draggedItem, e) {
|
||||||
|
this.itemclick(node);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* رویداد انداختن آیتم را مدیریت میکند.
|
||||||
|
* @param {Object} node - گرهای که آیتم به آن انداخته شده است.
|
||||||
|
* @param {Object} item - آیتمی که درگ شده است.
|
||||||
|
* @param {Object} draggedItem - آیتمی که در حال درگ شدن است.
|
||||||
|
* @param {Object} e - رویداد.
|
||||||
|
*/
|
||||||
|
onItemDrop(node, item, draggedItem, e) {
|
||||||
|
const cloneId = draggedItem.id;
|
||||||
|
// const fromId = draggedItem.id;
|
||||||
|
const toId = item?.id;
|
||||||
|
|
||||||
|
this.moveFromFolderToFolder(cloneId, toId);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* آیتم را از یک فولدر به فولدر دیگر منتقل میکند.
|
||||||
|
* @param {number} cloneId - شناسه آیتمی که باید منتقل شود.
|
||||||
|
* @param {number} toId - شناسه فولدر مقصد.
|
||||||
|
*/
|
||||||
|
moveFromFolderToFolder(cloneId, toId) {
|
||||||
|
const formData = {
|
||||||
|
id: cloneId,
|
||||||
|
newparent: toId ?? 0,
|
||||||
|
projectid: this.researchTermsGetter?.id,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.moveItem(formData);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* آیتم را جابجا میکند.
|
||||||
|
* @param {Object} formData - دادههای فرم برای جابجایی آیتم.
|
||||||
|
*/
|
||||||
|
moveItem(formData) {
|
||||||
|
let url = listUrl() + researchApi.subject.move;
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.formDataRequest(url, formData)
|
||||||
|
.then((res) => {
|
||||||
|
// console.log("🚀 ~ .then ~ res:", res);
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: res.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "خطا!!!",
|
||||||
|
html: err?.message,
|
||||||
|
icon: "error",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onItemDragStart() {},
|
||||||
|
onItemDragEnd() {},
|
||||||
|
// #endregion
|
||||||
|
moveToParent(node) {
|
||||||
|
let cloneId = node.model.id;
|
||||||
|
|
||||||
|
this.moveFromFolderToRoot(cloneId);
|
||||||
|
},
|
||||||
|
moveUp() {},
|
||||||
|
moveDown() {},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.item-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
display: none;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tree-item:hover .button-group {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tree-open {
|
||||||
|
.tree-children {
|
||||||
|
.tree-anchor {
|
||||||
|
.tree-item {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.tree-list-container {
|
||||||
|
width: 100%;
|
||||||
|
// height: calc(100vh - 10em);
|
||||||
|
// overflow-y: auto;
|
||||||
|
.tree-item {
|
||||||
|
width: 220px;
|
||||||
|
position: relative;
|
||||||
|
&:hover {
|
||||||
|
color: var(--primary-color); /* رنگ پسزمینه هاور سفارشی */
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
&:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--primary-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.active-item {
|
||||||
|
background-color: var(--hover-color) !important;
|
||||||
|
}
|
||||||
|
.tree {
|
||||||
|
text-align: right;
|
||||||
|
height: calc(100vh - 10em);
|
||||||
|
overflow-y: auto;
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: #ccc #eee;
|
||||||
|
}
|
||||||
|
.v-jstree {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
443
components/research/components/RightPanel.vue
Normal file
443
components/research/components/RightPanel.vue
Normal file
|
|
@ -0,0 +1,443 @@
|
||||||
|
<template>
|
||||||
|
<div
|
||||||
|
class="menu-bar__content home-list p-3"
|
||||||
|
:class="[{ mini: sidebarListStatusGetter }]"
|
||||||
|
>
|
||||||
|
<div class="home-list__content" :class="{ loading: fetchingData }">
|
||||||
|
<div class="content scroll-needed">
|
||||||
|
<the-content-loading
|
||||||
|
class="absolute-positioning"
|
||||||
|
v-if="fetchingData"
|
||||||
|
></the-content-loading>
|
||||||
|
|
||||||
|
<div v-else>
|
||||||
|
<form action="" class="my-form">
|
||||||
|
<div class="prodigy-sidebar c0177">
|
||||||
|
<!-- <header class="prodigy-sidebar-title c0179">
|
||||||
|
<a href="https://prodi.gy"
|
||||||
|
><svg
|
||||||
|
aria-label="Prodigy"
|
||||||
|
viewBox="0 0 540 158"
|
||||||
|
width="100"
|
||||||
|
height="29"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M70.6 48.6c7 7.3 10.5 17 10.5 29.2s-3.3 22-10.4 29.2c-7 7.3-16 11-27 11-9.4 0-16.8-2.6-21.7-8v44.7H0V39h20.7v8c4.8-6.3 12.4-9.5 23-9.5 11 0 20 3.7 27 11zM22 76v3.6c0 12 7.2 19.8 18.2 19.8 11.2 0 18.7-8 18.7-21.6S51.3 56.2 40 56.2C29.2 56.2 22 64 22 76zM133.8 59.4c-12.6 0-20.5 7-20.5 17.8v39.3h-22V39h21v8.8c4-6.4 11.3-9.6 21.4-9.6v21.2zM209.5 107c-7.6 7.4-17.5 11.2-29.5 11.2s-22-3.8-29.7-11c-7.6-7.6-11.5-17.3-11.5-29.3 0-12.2 4-22 11.5-29.3 7.8-7.3 17.7-11 29.7-11s22 3.7 29.5 11c7.8 7.3 11.7 17 11.7 29.2 0 11.8-4 21.6-11.7 29zM180 56.3c-5.7 0-10.3 2-13.8 5.8s-5.2 9-5.2 15.7c0 6.7 1.8 12 5.2 15.7 3.4 3.8 8 5.7 13.8 5.7s10.3-1.8 13.8-5.6 5.2-9 5.2-15.7c0-6.8-1.8-12-5.2-15.7-3.5-3.8-8-5.8-13.8-5.8zM313 116.5h-20.5v-8c-4.4 5.6-12.7 9.7-23 9.7-11 0-20-3.8-27-11-7-7.5-10.5-17.2-10.5-29.4s3.5-22 10.3-29.2c7-7.3 16-11 27-11 9.7 0 17 2.6 22 8V0H313v116.5zm-58.8-38.7c0 13.6 7.5 21.4 18.7 21.4 10.8 0 18.2-7.3 18.2-19.8V76c0-12.2-7.3-19.8-18.3-19.8-11.3 0-18.8 8-18.8 21.6zM354 13.6c0 3.6-1.2 6.8-3.8 9.3-5 4.8-13.6 4.8-18.6 0C323.2 15.3 330-.3 341 .3c7.3 0 13 6 13 13.2zm-2 103h-22V39h22v77.5zM425 47v-8h20.6v80.4c0 11.2-3.6 20-10.6 26.8-7 6.7-16.6 10-28.5 10-23.4 0-37-11.4-40-29.8l21.8-.8c1 7.6 7.6 12 17.4 12 11.2 0 18-5.8 18-16.6v-11c-5 5.4-12.4 8-21.8 8-11 0-20-3.7-27-11s-10.4-17-10.4-29.2 3.5-22 10.3-29.2c7-7.3 16-11 27-11 10.6 0 18.3 3 23 9.5zM387 78c0 13.6 7.5 21.6 18.7 21.6 11 0 18.3-7.6 18.3-19.8V76c0-12.2-7.3-19.8-18.3-19.8-11.2 0-18.7 8-18.7 21.6zM488.8 154.8H465l19.8-45L454.5 39h24l18 46.2L514 39h24.3l-49.7 115.8z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<div class="c0180"></div>
|
||||||
|
</header> -->
|
||||||
|
<div class="prodigy-content">
|
||||||
|
<section class="c0197">
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">Example</div>
|
||||||
|
<select class="c01112">
|
||||||
|
<option value="ner_manual" id="ner_manual">
|
||||||
|
Named Entities (manual)
|
||||||
|
</option>
|
||||||
|
<option value="ner_chars" id="ner_chars">
|
||||||
|
Named Entities (character-based)
|
||||||
|
</option>
|
||||||
|
<option value="ner" id="ner">
|
||||||
|
Named Entities (binary)
|
||||||
|
</option>
|
||||||
|
<option value="spans_manual" id="spans_manual">
|
||||||
|
Span Categorization (overlapping)
|
||||||
|
</option>
|
||||||
|
<option value="textcat_multi" id="textcat_multi">
|
||||||
|
Text Classification (multiple)
|
||||||
|
</option>
|
||||||
|
<option value="textcat" id="textcat">
|
||||||
|
Text Classification (binary)
|
||||||
|
</option>
|
||||||
|
<option value="pos_manual" id="pos_manual">
|
||||||
|
POS Tagging (manual)
|
||||||
|
</option>
|
||||||
|
<option value="dep" id="dep">
|
||||||
|
Dependency Parsing (manual)
|
||||||
|
</option>
|
||||||
|
<option value="rel_spans" id="rel_spans">
|
||||||
|
Relations & Spans (manual)
|
||||||
|
</option>
|
||||||
|
<option value="rel_coref" id="rel_coref">
|
||||||
|
Relations (coreference)
|
||||||
|
</option>
|
||||||
|
<option value="rel_bio" id="rel_bio">
|
||||||
|
Relations (biomedical)
|
||||||
|
</option>
|
||||||
|
<option value="image_manual" id="image_manual">
|
||||||
|
Image (manual)
|
||||||
|
</option>
|
||||||
|
<option value="imageseg" id="imageseg">
|
||||||
|
Image (binary)
|
||||||
|
</option>
|
||||||
|
<option value="image_caption" id="image_caption">
|
||||||
|
Image (captioning)
|
||||||
|
</option>
|
||||||
|
<option value="audio_manual" id="audio_manual">
|
||||||
|
Audio (manual)
|
||||||
|
</option>
|
||||||
|
<option value="video" id="video">Video (manual)</option>
|
||||||
|
<option value="audio_transcript" id="audio_transcript">
|
||||||
|
Audio (transcript)
|
||||||
|
</option>
|
||||||
|
<option value="textchoice" id="textchoice">
|
||||||
|
Single Choice (Text)
|
||||||
|
</option>
|
||||||
|
<option value="imgchoice" id="imgchoice">
|
||||||
|
Multiple Choice (Image)
|
||||||
|
</option>
|
||||||
|
<option value="diff" id="diff">Diff</option>
|
||||||
|
<option value="html" id="html">Custom HTML</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">Theme</div>
|
||||||
|
<select class="c01112">
|
||||||
|
<option value="basic" id="basic">Basic</option>
|
||||||
|
<option value="dark" id="dark">Dark</option>
|
||||||
|
<option value="eighties" id="eighties">Eighties</option>
|
||||||
|
<option value="spacy" id="spacy">spaCy</option>
|
||||||
|
<option value="brutalist" id="brutalist">
|
||||||
|
Brutalist
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="c0197">
|
||||||
|
<h3 class="c0189">Project Info</h3>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">Dataset</div>
|
||||||
|
prodigy_demo
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">View ID</div>
|
||||||
|
ner_manual
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="c0197">
|
||||||
|
<h3 class="c0189">Progress</h3>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">This session</div>
|
||||||
|
0
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">Total</div>
|
||||||
|
0
|
||||||
|
</div>
|
||||||
|
<div class="c0194">
|
||||||
|
<progress class="c0195" max="100" value="0"></progress>
|
||||||
|
<div class="c0196">0%</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="c01113 c01114">
|
||||||
|
<svg viewBox="0 0 225 10" width="225" height="10"></svg>
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">accept</div>
|
||||||
|
0
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">reject</div>
|
||||||
|
0
|
||||||
|
</div>
|
||||||
|
<div class="c01104">
|
||||||
|
<div class="c01111">ignore</div>
|
||||||
|
0
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="c0197 c0198">
|
||||||
|
<h3 class="c0189 c0190">History</h3>
|
||||||
|
<span></span>
|
||||||
|
</section>
|
||||||
|
<footer class="c0188">
|
||||||
|
<a href="https://explosion.ai" target="_blank"
|
||||||
|
>© 2017-2024 Explosion</a
|
||||||
|
><a href="https://prodi.gy" target="_blank"
|
||||||
|
>(<strong>Prodigy</strong> v1.11)</a
|
||||||
|
>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!-- <div v-if="groups && groups.length"> </div>
|
||||||
|
<no-data v-else></no-data> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<base-modal
|
||||||
|
v-if="showInvitePostModal"
|
||||||
|
modalSize="modal-lg"
|
||||||
|
modalTitle="فرم ایجاد پست دعوت نامه"
|
||||||
|
:hasFooter="false"
|
||||||
|
@close="closeAndResetInvitePostModal"
|
||||||
|
>
|
||||||
|
</base-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import { dragDropMoveMixin } from "~/list/mixins/dragDropMoveMixin";
|
||||||
|
// import { searchMixin } from "~/list/mixins/searchMixin";
|
||||||
|
import aiToolsApi from "~/apis/aiToolsApi";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
|
||||||
|
import menu from "~/json/research/json/menu.json";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
|
||||||
|
props: {
|
||||||
|
// statusPagHedear: {
|
||||||
|
// default: 1,
|
||||||
|
// type: Number,
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route: {
|
||||||
|
handler: function (to) {},
|
||||||
|
deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(
|
||||||
|
import.meta.env.VITE_BASE_URL
|
||||||
|
// headers
|
||||||
|
);
|
||||||
|
|
||||||
|
// window.addEventListener("load", this.resizeAction);
|
||||||
|
// window.addEventListener("resize", this.resizeAction);
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// this.getGroupTypes();
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
// window.removeEventListener("load", this.resizeAction);
|
||||||
|
// window.removeEventListener("resize", this.resizeAction);
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// #region mehdi
|
||||||
|
|
||||||
|
showMainpag: true,
|
||||||
|
menu: menu,
|
||||||
|
|
||||||
|
// #endregion
|
||||||
|
|
||||||
|
typingTimer: 0,
|
||||||
|
doneTypingInterval: 500,
|
||||||
|
searchText: "",
|
||||||
|
|
||||||
|
searchType: "groups",
|
||||||
|
showAddUserForm: false,
|
||||||
|
busy: false,
|
||||||
|
foundGroups: [],
|
||||||
|
showUploadAvatarForm: false,
|
||||||
|
showGroupSearchForm: false,
|
||||||
|
|
||||||
|
groupsExpanded: false,
|
||||||
|
showNewGroupForm: false,
|
||||||
|
hasImage: false,
|
||||||
|
imageUrl: undefined,
|
||||||
|
uploading: false,
|
||||||
|
|
||||||
|
selectedUser: {},
|
||||||
|
foundUsers: [],
|
||||||
|
isLoading: false,
|
||||||
|
showUserSearchForm: false,
|
||||||
|
|
||||||
|
selectedGroup: undefined,
|
||||||
|
commonContextMenu: [],
|
||||||
|
|
||||||
|
fetchingData: false,
|
||||||
|
users: [],
|
||||||
|
prevSelectedItemIndex: 0,
|
||||||
|
prevParentSelectedItemIndex: 0,
|
||||||
|
|
||||||
|
convertGroupIntegerToString: {
|
||||||
|
groups: 1,
|
||||||
|
lobbies: 2,
|
||||||
|
privates: 3,
|
||||||
|
},
|
||||||
|
convertGroupStringToInteger: {
|
||||||
|
1: "groups",
|
||||||
|
2: "lobbies",
|
||||||
|
3: "privates",
|
||||||
|
},
|
||||||
|
showForm: false,
|
||||||
|
formType: 1,
|
||||||
|
form: {
|
||||||
|
id: undefined,
|
||||||
|
title: null,
|
||||||
|
desc: null,
|
||||||
|
type: 1,
|
||||||
|
is_public: 1,
|
||||||
|
message_state: 1,
|
||||||
|
members: [],
|
||||||
|
parent_id: undefined,
|
||||||
|
},
|
||||||
|
collapseAll: false,
|
||||||
|
groups: [],
|
||||||
|
showReplaceInput: true,
|
||||||
|
httpService: undefined,
|
||||||
|
authHttpService: undefined,
|
||||||
|
list: [],
|
||||||
|
|
||||||
|
pagination: {
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
offset: 0, // page * per_page
|
||||||
|
limit: 15, //per_page
|
||||||
|
},
|
||||||
|
isRedirectedFromOtherSystems: false,
|
||||||
|
groupId: undefined,
|
||||||
|
messageId: undefined,
|
||||||
|
|
||||||
|
groupModel: {
|
||||||
|
id: undefined,
|
||||||
|
title: null,
|
||||||
|
desc: null,
|
||||||
|
avatar: null,
|
||||||
|
user: undefined,
|
||||||
|
icon_type: 1,
|
||||||
|
type: 0,
|
||||||
|
parent_id: 0,
|
||||||
|
refrence_id: 0,
|
||||||
|
subject_id: 0,
|
||||||
|
template_key: null,
|
||||||
|
admins: [],
|
||||||
|
created_at: undefined,
|
||||||
|
message_state: 0,
|
||||||
|
live_link: null,
|
||||||
|
live_button_pic: null,
|
||||||
|
live_start_time: null,
|
||||||
|
live_duration: null,
|
||||||
|
message_expire_time: 0,
|
||||||
|
file_type: 0,
|
||||||
|
last_message: {
|
||||||
|
id: undefined,
|
||||||
|
text: null,
|
||||||
|
user: undefined,
|
||||||
|
message_type: undefined,
|
||||||
|
date_c: undefined,
|
||||||
|
date_e: undefined,
|
||||||
|
},
|
||||||
|
attachment: {
|
||||||
|
name: null,
|
||||||
|
url: null,
|
||||||
|
ext: null,
|
||||||
|
size: undefined,
|
||||||
|
length: 0,
|
||||||
|
width: 0,
|
||||||
|
height: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
showSearch: false,
|
||||||
|
showInvitePostModal: false,
|
||||||
|
groupToInvite: {},
|
||||||
|
|
||||||
|
inviteLinkId: null,
|
||||||
|
redirectViaInviteLink: false,
|
||||||
|
searchInCurrentGroup: false,
|
||||||
|
|
||||||
|
groupfilters: [],
|
||||||
|
isGroupFilterActive: false, // toggle group filter
|
||||||
|
selectedGroupFilter: [], // group filter items.
|
||||||
|
// showSidebarInMobile: false, // close the panel.
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
computed: {
|
||||||
|
...mapState([
|
||||||
|
"isSidebarCollapsed",
|
||||||
|
"getForwardItem",
|
||||||
|
"userPermisionGetter",
|
||||||
|
"getPanelStatus",
|
||||||
|
"sidebarListStatusGetter",
|
||||||
|
]),
|
||||||
|
...mapState("list", ["listGetter"]),
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions([
|
||||||
|
"TOGGLE_PANEL",
|
||||||
|
"checkPermissions",
|
||||||
|
"SET_SIDEBAR_LIST_STATUS",
|
||||||
|
]),
|
||||||
|
...mapActions("list", ["SET_LIST"]),
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.c0177 {
|
||||||
|
// width: 260px;
|
||||||
|
color: #fff;
|
||||||
|
// z-index: 30;
|
||||||
|
// transform: translateX(-100%);
|
||||||
|
font-size: 14px;
|
||||||
|
background: #54606e;
|
||||||
|
|
||||||
|
font-family: "Lato", "Trebuchet MS", Roboto, Helvetica, Arial, sans-serif;
|
||||||
|
border-right: none;
|
||||||
|
transition: transform 0.2s ease;
|
||||||
|
min-height: 90dvh;
|
||||||
|
max-height: 90dvh;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
padding:2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c0179 {
|
||||||
|
flex: 0 0 50px;
|
||||||
|
display: flex;
|
||||||
|
padding: 15px 20px;
|
||||||
|
background: #384451;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.c0197 {
|
||||||
|
padding: 0 17.5px 20px 17.5px;
|
||||||
|
}
|
||||||
|
.c0197:not(:last-child) {
|
||||||
|
border-bottom: 1px solid #384451;
|
||||||
|
margin-bottom: 17.5px;
|
||||||
|
}
|
||||||
|
.c01104 {
|
||||||
|
display: flex;
|
||||||
|
text-align: right;
|
||||||
|
line-height: 1.5;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.c01111 {
|
||||||
|
color: #b9b9b9;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
|
||||||
|
margin-right: 10px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.c01112 {
|
||||||
|
color: #444;
|
||||||
|
width: 130px;
|
||||||
|
height: 22px;
|
||||||
|
border: none;
|
||||||
|
padding: 0 2.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
background: #fff;
|
||||||
|
font-family: inherit;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.c0197:not(:last-child) {
|
||||||
|
border-bottom: 1px solid #384451;
|
||||||
|
margin-bottom: 17.5px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
579
components/research/components/SubjectForm.vue
Normal file
579
components/research/components/SubjectForm.vue
Normal file
|
|
@ -0,0 +1,579 @@
|
||||||
|
<template>
|
||||||
|
<div class="position-relative">
|
||||||
|
<form @submit.prevent="save()" class="p-3">
|
||||||
|
<!-- <div class="form-row p-0">
|
||||||
|
<div class="col d-flex align-items-center">
|
||||||
|
<div v-for="(metaItem, index) in metaItems">
|
||||||
|
<span :key="'meta' + metaItem.id" class="title text__12">
|
||||||
|
{{ metaItem.title }}
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
style="color: blue"
|
||||||
|
v-if="index < metaItems.length - 1"
|
||||||
|
class="tavasi tavasi-Component-22--1"
|
||||||
|
></span>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<div class="form-row form-group p-0">
|
||||||
|
<label class="col-md-4" for="title">فهرست موضوعی</label>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div class="row form-group">
|
||||||
|
<select
|
||||||
|
@change="projectChanged"
|
||||||
|
v-model="subjectProjectId"
|
||||||
|
class="form-control col-md-9"
|
||||||
|
>
|
||||||
|
<option :value="undefined" selected disabled>
|
||||||
|
انتخاب فهرست موضوعی
|
||||||
|
</option>
|
||||||
|
|
||||||
|
<option v-for="item in projects" :key="item.id" :value="item.id">
|
||||||
|
{{ item.title }}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<div class="col"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-row form-group p-0" v-if="comboListCount">
|
||||||
|
<label class="col-md-4" for="subject">موضوع</label>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<div
|
||||||
|
v-for="(comboItem, key) in comboListCount"
|
||||||
|
:key="key"
|
||||||
|
class="row d-flex align-items-center form-group"
|
||||||
|
>
|
||||||
|
<select
|
||||||
|
id="subject"
|
||||||
|
name="subject"
|
||||||
|
class="form-control col-md-9"
|
||||||
|
@change="getSubjects($event, comboItem)"
|
||||||
|
v-model="arrayOfSubjectId[key]"
|
||||||
|
>
|
||||||
|
<option :value="undefined" selected disabled>انتخاب موضوع</option>
|
||||||
|
|
||||||
|
<option
|
||||||
|
v-for="(item, key) in subjects[key]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.title + '#' + item.id"
|
||||||
|
>
|
||||||
|
{{ item.title }}
|
||||||
|
({{ item.children }})
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<!-- <div class="col-md-4 remov_button "> -->
|
||||||
|
<div class="col-auto d-flex">
|
||||||
|
<button-component
|
||||||
|
title="باز کردن فرم ایجاد موضوع جدید"
|
||||||
|
v-if="key == lastComboItem"
|
||||||
|
classes=" btn btn-default popUp-tab__clear button_giveup px-1"
|
||||||
|
@click="openNewSubjectForm(comboItem)"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-133--1"></span>
|
||||||
|
</button-component>
|
||||||
|
|
||||||
|
<button-component
|
||||||
|
v-if="key == lastComboItem && comboListCount > 1"
|
||||||
|
classes=" btn btn-default popUp-tab__clear button_giveup px-1"
|
||||||
|
@click="removeSubject(key)"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-295--1"></span>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="form-row form-group p-0 submit_button d-flex justify-content-sm-end"
|
||||||
|
>
|
||||||
|
<button-component
|
||||||
|
type="submit"
|
||||||
|
classes="btn-outline-primary"
|
||||||
|
buttonText="افزودن"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
@click="save()"
|
||||||
|
></button-component>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-row form-group p-0">
|
||||||
|
<!-- <the-content-loading v-if="fetchingData"></the-content-loading> -->
|
||||||
|
|
||||||
|
<!-- <template v-else> -->
|
||||||
|
<my-table
|
||||||
|
height="auto"
|
||||||
|
:showHeaderSortButton="false"
|
||||||
|
:hasPagination="false"
|
||||||
|
:fetchingData="fetchingData"
|
||||||
|
:items="itemSubject"
|
||||||
|
:tableActions="tableActions"
|
||||||
|
:tableColumns="tableColumns"
|
||||||
|
:paginationInfo="pagination"
|
||||||
|
:sortingInfo="sorting"
|
||||||
|
@delete-table-item="deleteItem"
|
||||||
|
/>
|
||||||
|
<!-- </template> -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div class="popUp-tab__buttons">
|
||||||
|
<div class="d-flex justify-content-between flex-grow-1">
|
||||||
|
<span> </span>
|
||||||
|
<div data-v-e8ee7a26="" class="d-flex">
|
||||||
|
<button
|
||||||
|
title="لغو"
|
||||||
|
@click.prevent="$emit('close-modal')"
|
||||||
|
class="popUp-tab__clear btn"
|
||||||
|
type="button"
|
||||||
|
data-dismiss="modal"
|
||||||
|
>
|
||||||
|
لغو
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<div class="new-subject-form-container" v-if="showSubjectForm">
|
||||||
|
<title-form
|
||||||
|
:selectedItem="{}"
|
||||||
|
@close-modal="closeNewSubjectForm"
|
||||||
|
@save-title="addNewItemToCombo"
|
||||||
|
></title-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import repoApi from "~/apis/repoApi";
|
||||||
|
import listApis from "~/apis/listApi";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
metaItems: {
|
||||||
|
default() {
|
||||||
|
return [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// called from jahat entity list subjecting.
|
||||||
|
projectTagsName: {
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
emits: ["update-list", "close-modal", "delete-item"],
|
||||||
|
mounted() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
this.httpServiceJahat = new HttpService(
|
||||||
|
import.meta.env.VITE_REPO_BASE_URL + this.researchActiveSchemaGetter?.key
|
||||||
|
);
|
||||||
|
this.httpServiceList = new HttpService(import.meta.env.VITE_LIST_BASE_URL);
|
||||||
|
|
||||||
|
this.getProjects();
|
||||||
|
if (
|
||||||
|
this.selectedItemGetter?.subject ||
|
||||||
|
this.selectedItemGetter?._source?.subject
|
||||||
|
)
|
||||||
|
this.itemSubject =
|
||||||
|
this.selectedItemGetter.subject ??
|
||||||
|
this.selectedItemGetter?._source?.subject;
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showSubjectForm: false,
|
||||||
|
tableActions: [
|
||||||
|
{
|
||||||
|
showOutside: true,
|
||||||
|
|
||||||
|
show: true,
|
||||||
|
icon: "tavasi tavasi-Component-295--1",
|
||||||
|
title: "حذف",
|
||||||
|
to: {
|
||||||
|
name: "undefined",
|
||||||
|
},
|
||||||
|
selected: false,
|
||||||
|
disabled: false,
|
||||||
|
howToOpen: "",
|
||||||
|
href: "",
|
||||||
|
class: "delete-btn",
|
||||||
|
action: "delete-table-item",
|
||||||
|
// can: "subject-",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
tableColumns: [
|
||||||
|
{
|
||||||
|
key: "title",
|
||||||
|
title: "عنوان",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "path",
|
||||||
|
title: "مسیر",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
sorting: {
|
||||||
|
sortby: "created",
|
||||||
|
sortorder: undefined, // asc | none
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
page: 1,
|
||||||
|
offset: 0, // page * per_page
|
||||||
|
limit: 100, //per_page
|
||||||
|
},
|
||||||
|
httpService: undefined,
|
||||||
|
httpServiceList: undefined,
|
||||||
|
httpServiceJahat: undefined,
|
||||||
|
fetchingData: false,
|
||||||
|
itemSubject: [],
|
||||||
|
subjectProjectId: undefined,
|
||||||
|
projects: [],
|
||||||
|
comboListCount: 0,
|
||||||
|
arrayOfSubjectId: [],
|
||||||
|
subjects: {},
|
||||||
|
buttonLoading: false,
|
||||||
|
lastSubjectSelected: undefined,
|
||||||
|
|
||||||
|
selectedItemClone: {
|
||||||
|
id: undefined,
|
||||||
|
title: "",
|
||||||
|
number: "",
|
||||||
|
resource: "",
|
||||||
|
date_text: "",
|
||||||
|
text: "",
|
||||||
|
projectid: this.subjectProjectId,
|
||||||
|
item_type: "text",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState("list", ["selectedProjectGetter", "selectedItemGetter"]),
|
||||||
|
...mapState(useResearchStore, ["researchActiveSchemaGetter"]),
|
||||||
|
lastComboItem() {
|
||||||
|
return this.comboListCount - 1;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
...mapActions("list", ["SET_SELECTED_PROJECT"]),
|
||||||
|
|
||||||
|
removeSubject(index) {
|
||||||
|
this.arrayOfSubjectId.splice(index, 1);
|
||||||
|
this.comboListCount--;
|
||||||
|
},
|
||||||
|
|
||||||
|
getProjects() {
|
||||||
|
const payload = {
|
||||||
|
isown: 3,
|
||||||
|
type: 3,
|
||||||
|
tags: "term",
|
||||||
|
...this.sorting,
|
||||||
|
...this.pagination,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.httpServiceList
|
||||||
|
.formDataRequest(listApis.projects.list, payload)
|
||||||
|
.then((response) => {
|
||||||
|
this.projects = response.data;
|
||||||
|
|
||||||
|
this.subjectProjectId = this.projects[0].id;
|
||||||
|
this.SET_SELECTED_PROJECT(this.projects[0]);
|
||||||
|
|
||||||
|
this.getSubjects(0, 0);
|
||||||
|
|
||||||
|
// this.getItemSubject();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
projectChanged() {
|
||||||
|
this.comboListCount = 0;
|
||||||
|
this.arrayOfSubjectId = [];
|
||||||
|
this.subjects = {};
|
||||||
|
|
||||||
|
this.getSubjects(0, 0);
|
||||||
|
},
|
||||||
|
|
||||||
|
getSubjects(ev, index) {
|
||||||
|
let parentid = 0;
|
||||||
|
|
||||||
|
this.lastSubjectSelected = undefined;
|
||||||
|
if (typeof ev == "object") {
|
||||||
|
let value = ev.target.value;
|
||||||
|
let items = value.split("#");
|
||||||
|
|
||||||
|
this.lastSubjectSelected = {
|
||||||
|
id: items[1],
|
||||||
|
title: items[0],
|
||||||
|
};
|
||||||
|
|
||||||
|
parentid = items[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
projectid: this.subjectProjectId,
|
||||||
|
parent: parentid,
|
||||||
|
sortby: "id",
|
||||||
|
offset: 0,
|
||||||
|
limit: 100,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.httpServiceList
|
||||||
|
.formDataRequest(listApis.subject.list, payload)
|
||||||
|
.then((response) => {
|
||||||
|
if (response.data.length) {
|
||||||
|
this.subjects[index] = response.data;
|
||||||
|
this.comboListCount = ++index;
|
||||||
|
this.arrayOfSubjectId = this.arrayOfSubjectId.slice(0, index);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
getItemSubject() {
|
||||||
|
if (this.fetchingData) return;
|
||||||
|
this.fetchingData = true;
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
projectid: this.selectedProjectGetter?.id,
|
||||||
|
id: this.selectedItemGetter.id,
|
||||||
|
sortby: "id",
|
||||||
|
offset: 0,
|
||||||
|
limit: 100,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.httpServiceJahat
|
||||||
|
.formDataRequest(repoApi.item.subject, payload)
|
||||||
|
.then((response) => {
|
||||||
|
if (response.data.length) {
|
||||||
|
{
|
||||||
|
const myResponse = structuredClone(response.data);
|
||||||
|
myResponse.forEach((element) => {
|
||||||
|
const stringPath = element.path.map((mapItem) => mapItem.title);
|
||||||
|
element.path = stringPath.join("/");
|
||||||
|
});
|
||||||
|
|
||||||
|
this.itemSubject = myResponse;
|
||||||
|
}
|
||||||
|
} else this.itemSubject = [];
|
||||||
|
|
||||||
|
this.fetchingData = false;
|
||||||
|
})
|
||||||
|
.catch(() => (this.fetchingData = false));
|
||||||
|
},
|
||||||
|
save() {
|
||||||
|
if (this.buttonLoading) return;
|
||||||
|
this.buttonLoading = true;
|
||||||
|
|
||||||
|
const formData = {
|
||||||
|
id: this.selectedItemGetter?._id,
|
||||||
|
subject_id: this.lastSubjectSelected?.id,
|
||||||
|
subject_title: this.lastSubjectSelected?.title,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (formData.subject_id === undefined) {
|
||||||
|
mySwalToast({
|
||||||
|
title: "موضوع انتخاب نشده است.",
|
||||||
|
html: null,
|
||||||
|
icon: "error",
|
||||||
|
});
|
||||||
|
this.buttonLoading = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let url =
|
||||||
|
repoUrl() +
|
||||||
|
"public/" +
|
||||||
|
this.researchActiveSchemaGetter?.key +
|
||||||
|
"/" +
|
||||||
|
repoApi.subject.add;
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.formDataRequest(url, formData)
|
||||||
|
.then((response) => {
|
||||||
|
this.itemSubject.push({
|
||||||
|
id: formData.subject_id,
|
||||||
|
title: formData?.subject_title,
|
||||||
|
});
|
||||||
|
|
||||||
|
mySwalToast({
|
||||||
|
title: response.message,
|
||||||
|
html: null,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
|
||||||
|
// setTimeout(() => {
|
||||||
|
// this.getItemSubject();
|
||||||
|
// }, 500);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
// mySwalToast({
|
||||||
|
// title: err.response.data.message,
|
||||||
|
// html: null,
|
||||||
|
// icon: "error",
|
||||||
|
// });
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.buttonLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
deleteItem(tableRowItemIndex) {
|
||||||
|
const data = {
|
||||||
|
id: this.selectedItemGetter?._id,
|
||||||
|
subject_id: this.itemSubject[tableRowItemIndex].id,
|
||||||
|
subject_title: this.itemSubject[tableRowItemIndex].title,
|
||||||
|
};
|
||||||
|
|
||||||
|
mySwalConfirm({
|
||||||
|
title: "هشدار",
|
||||||
|
html: "از حذف رابطه موضوع مطمئن هستید؟",
|
||||||
|
icon: "warning",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
const url =
|
||||||
|
repoUrl() +
|
||||||
|
"public/" +
|
||||||
|
this.researchActiveSchemaGetter.key +
|
||||||
|
"/" +
|
||||||
|
repoApi.subject.delete;
|
||||||
|
|
||||||
|
this.httpService.formDataRequest(url, data).then((res) => {
|
||||||
|
this.itemSubject.splice(tableRowItemIndex, 1);
|
||||||
|
|
||||||
|
mySwalToast({
|
||||||
|
title: res.message,
|
||||||
|
html: undefined,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
closeNewSubjectForm() {
|
||||||
|
this.showSubjectForm = false;
|
||||||
|
},
|
||||||
|
openNewSubjectForm(comboItem) {
|
||||||
|
this.showSubjectForm = true;
|
||||||
|
},
|
||||||
|
addNewItemToCombo(item) {
|
||||||
|
const payload = {
|
||||||
|
title: item.title,
|
||||||
|
listtype: this.listTypeId ?? 0,
|
||||||
|
projectid: this.selectedProjectGetter?.id,
|
||||||
|
parent: this.lastSubjectSelected?.id,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.httpServiceList
|
||||||
|
.formDataRequest(listApis.subject.add, payload)
|
||||||
|
.then((res) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: res.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
|
||||||
|
payload["id"] = res.data["id"];
|
||||||
|
this.subjects[this.lastComboItem].push(payload);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: err.message,
|
||||||
|
html: null,
|
||||||
|
icon: "error",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.closeNewSubjectForm();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
// pageChanged({ pageNumber, limit }) {
|
||||||
|
// let page = paging.pageNumber;
|
||||||
|
// page -= 1;
|
||||||
|
// this.pagination.offset = page * paging.limit;
|
||||||
|
// this.pagination.limit = paging.limit;
|
||||||
|
// this.pagination.page = pageNumber;
|
||||||
|
|
||||||
|
// this.countInPage = limit;
|
||||||
|
|
||||||
|
// this.getItemSubject();
|
||||||
|
// },
|
||||||
|
// pageLimitChanged(paging) {
|
||||||
|
// this.resetPagination();
|
||||||
|
// this.pagination.limit = paging.limit;
|
||||||
|
|
||||||
|
// this.getItemSubject();
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.new-subject-form-container {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0px 0px 17px 1px #eee;
|
||||||
|
padding: 1em;
|
||||||
|
width: 70%;
|
||||||
|
margin: auto;
|
||||||
|
height: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
// border-radius: 0 20px 20px 0;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-align: right;
|
||||||
|
color: #707b87;
|
||||||
|
height: 100%;
|
||||||
|
// border-color: transparent;
|
||||||
|
// padding-right: 0;
|
||||||
|
// padding-left: 0;
|
||||||
|
}
|
||||||
|
.remov_button {
|
||||||
|
top: 20px;
|
||||||
|
right: 60%;
|
||||||
|
}
|
||||||
|
.submit_button {
|
||||||
|
// position: relative;
|
||||||
|
// right: 90px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control::-webkit-input-placeholder {
|
||||||
|
/* Chrome/Opera/Safari */
|
||||||
|
color: pink;
|
||||||
|
}
|
||||||
|
.form-control::-moz-placeholder {
|
||||||
|
/* Firefox 19+ */
|
||||||
|
color: pink;
|
||||||
|
}
|
||||||
|
.form-control:-ms-input-placeholder {
|
||||||
|
/* IE 10+ */
|
||||||
|
color: pink;
|
||||||
|
}
|
||||||
|
.form-control:-moz-placeholder {
|
||||||
|
/* Firefox 18- */
|
||||||
|
color: pink;
|
||||||
|
}
|
||||||
|
.form-row {
|
||||||
|
flex-direction: unset !important;
|
||||||
|
}
|
||||||
|
.col {
|
||||||
|
flex-basis: unset;
|
||||||
|
}
|
||||||
|
.new-subject-form-container {
|
||||||
|
box-shadow: rgba(22, 19, 19, 0.24) 0px 2px 10px;
|
||||||
|
border-radius: 1em;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
59
components/research/components/WikiPage.vue
Normal file
59
components/research/components/WikiPage.vue
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
<template>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 d-flex justify-content-end">
|
||||||
|
<button @click.prevent="saveForm" title="" type="button" class="btn btn-outline-primary">
|
||||||
|
ثبت
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 mt-3">
|
||||||
|
<div style="height: calc(100dvh - 8em); overflow-y: auto;">
|
||||||
|
<VueEditor
|
||||||
|
dir="rtl"
|
||||||
|
v-model="editorData"
|
||||||
|
:editorOptions="editorOptions"
|
||||||
|
class="h-75"
|
||||||
|
></VueEditor>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import researchApi from "~/apis/researchApi";
|
||||||
|
import { mapActions, mapState } from "pinia";
|
||||||
|
import { VueEditor } from "vue2-editor";
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
httpService: undefined,
|
||||||
|
editorData: "",
|
||||||
|
editorOptions: {
|
||||||
|
formats: {
|
||||||
|
direction: "rtl",
|
||||||
|
align: "right",
|
||||||
|
},
|
||||||
|
placeholder: "توضیحات...",
|
||||||
|
// readOnly: true,
|
||||||
|
// theme: "snow",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter"]),
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
28
json/research/json/menu.json
Normal file
28
json/research/json/menu.json
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
{
|
||||||
|
"researches": [
|
||||||
|
{
|
||||||
|
"icon": "Home-21",
|
||||||
|
"color": 1,
|
||||||
|
"link": "defaultRoute",
|
||||||
|
"actionMode": 1,
|
||||||
|
"title": "خانه",
|
||||||
|
"translateKey": "Home"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 1,
|
||||||
|
"icon": "reports",
|
||||||
|
"link": "myResearches",
|
||||||
|
"title": "تحقیقات",
|
||||||
|
"longTitle": "تحقیقات ",
|
||||||
|
"translateKey": "MyResearchs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 1,
|
||||||
|
"icon": "Component-68--1",
|
||||||
|
"link": "TermPage",
|
||||||
|
"title": "اصطلاحات",
|
||||||
|
"longTitle": "اصطلاحات",
|
||||||
|
"translateKey": "TermPage"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
184
json/research/json/test.json
Normal file
184
json/research/json/test.json
Normal file
File diff suppressed because one or more lines are too long
50
mixins/research/searchLineMixin.js
Normal file
50
mixins/research/searchLineMixin.js
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
const HISTORY_SEARCH_RECENT = "historysearchrecent";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
mounted() {
|
||||||
|
if (window.localStorage.getItem([HISTORY_SEARCH_RECENT])) {
|
||||||
|
try {
|
||||||
|
this.historySearch = JSON.parse(
|
||||||
|
window.localStorage.getItem([HISTORY_SEARCH_RECENT])
|
||||||
|
);
|
||||||
|
} catch (e) {
|
||||||
|
window.localStorage.removeItem([HISTORY_SEARCH_RECENT]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
initText(item) {
|
||||||
|
this.textSearch = item;
|
||||||
|
},
|
||||||
|
|
||||||
|
getHighlight(item) {
|
||||||
|
var find = this.textSearch;
|
||||||
|
var text = item.replaceAll(find, "<b>" + find + "</b>");
|
||||||
|
return text;
|
||||||
|
},
|
||||||
|
selectHistorySearch(item) {
|
||||||
|
this.textSearch = item;
|
||||||
|
this.searchStart(this.textSearch);
|
||||||
|
},
|
||||||
|
addHistorySearch(newSearch = "") {
|
||||||
|
if (newSearch == "") {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var index = this.historySearch.indexOf(newSearch);
|
||||||
|
if (index != -1) {
|
||||||
|
this.historySearch.splice(index, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
this.historySearch.unshift(newSearch);
|
||||||
|
this.saveHistorySearch();
|
||||||
|
},
|
||||||
|
removeHistorySearch(x) {
|
||||||
|
this.historySearch.splice(x, 1);
|
||||||
|
this.saveHistorySearch();
|
||||||
|
},
|
||||||
|
saveHistorySearch() {
|
||||||
|
const parsed = JSON.stringify(this.historySearch);
|
||||||
|
window.localStorage.setItem([HISTORY_SEARCH_RECENT], parsed);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
441
mixins/research/selectTextMixin.js
Normal file
441
mixins/research/selectTextMixin.js
Normal file
|
|
@ -0,0 +1,441 @@
|
||||||
|
import apis from "~/apis/tahrirApi";
|
||||||
|
// import tinyTahrir from "assets/tahrir/vendors/tinymce-files/tinytahrir";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
// beforeMount() {
|
||||||
|
// this.commentHttpService = new HttpService(
|
||||||
|
// import.meta.env.VITE_TAHRIR_BASE_URL
|
||||||
|
// );
|
||||||
|
// },
|
||||||
|
destroyed() {
|
||||||
|
// window.removeEventListener("scroll", this.handleScroll);
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: "",
|
||||||
|
|
||||||
|
comments: [],
|
||||||
|
newComment: false,
|
||||||
|
selectedText: null,
|
||||||
|
globalGuid: undefined,
|
||||||
|
paragraphId: undefined,
|
||||||
|
paragraphParentId: undefined,
|
||||||
|
commentHttpService: undefined,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/*
|
||||||
|
open comment form when user select a text
|
||||||
|
*/
|
||||||
|
onMouseUp($event) {
|
||||||
|
// Get selected text and encode it
|
||||||
|
const selection = encodeURIComponent(
|
||||||
|
this.getSelected().toString()
|
||||||
|
).replace(/[!'()*]/g);
|
||||||
|
|
||||||
|
if (selection) {
|
||||||
|
this.selectedText = selection;
|
||||||
|
|
||||||
|
this.setParagraphId($event);
|
||||||
|
// this.createPopup($event);
|
||||||
|
this.saveSelectedTextComment($event);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
extract user selected text
|
||||||
|
*/
|
||||||
|
getSelected() {
|
||||||
|
if (window.getSelection) {
|
||||||
|
return window.getSelection();
|
||||||
|
} else if (document.getSelection) {
|
||||||
|
return document.getSelection();
|
||||||
|
} else {
|
||||||
|
var selection = document.selection && document.selection.createRange();
|
||||||
|
if (selection.text) {
|
||||||
|
return selection.text;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setParagraphId(ev) {
|
||||||
|
this.paragraphId = ev.target.id;
|
||||||
|
this.paragraphParentId = ev.target.parentNode?.id;
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
create comment popup and place it on top fo the selected text;
|
||||||
|
*/
|
||||||
|
createPopup(event) {
|
||||||
|
// this.openCommentForm();
|
||||||
|
// Get cursor position
|
||||||
|
// const posX = event.clientX - 130;
|
||||||
|
// const posY = event.clientY - 200;
|
||||||
|
// const posX = event.clientX;
|
||||||
|
// const posY = event.clientY;
|
||||||
|
// try {
|
||||||
|
// this.$refs.popupMenu.$el.style.top = posY + "px";
|
||||||
|
// this.$refs.popupMenu.$el.style.left = posX + "px";
|
||||||
|
// this.$refs.popupMenu.$el.style.opacity = 1;
|
||||||
|
// }
|
||||||
|
// catch(err) {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// this.$refs.popupMenu.$el.style.top = posY + "px";
|
||||||
|
// this.$refs.popupMenu.$el.style.left = posX + "px";
|
||||||
|
// this.$refs.popupMenu.$el.style.opacity = 1;
|
||||||
|
// }, 700);
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
openCommentForm() {
|
||||||
|
this.newComment = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: save selected text
|
||||||
|
|
||||||
|
description: replace selected text with the new span.tcomment tag and then save it.
|
||||||
|
send a new request to api for saving the comment.
|
||||||
|
then update/replace paragraph content with newely created content.
|
||||||
|
then crawle all paragraphs for .tcomment ids.
|
||||||
|
then request api for paragraphs comments.
|
||||||
|
|
||||||
|
@fires when user clicked on comment popup save button.
|
||||||
|
@param {userComment} Html user comment.
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
saveSelectedTextComment(userComment) {
|
||||||
|
const url = tahrirUrl()+ apis.comments.addCommentToSelectedParag;
|
||||||
|
const replacedContent = this.replaceSelectedText();
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
content: replacedContent,
|
||||||
|
guid: this.paragraphId,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.commentHttpService
|
||||||
|
.formDataRequest(url, payload)
|
||||||
|
.then((res) => {
|
||||||
|
this.newComment = false;
|
||||||
|
|
||||||
|
this.addComment(
|
||||||
|
{
|
||||||
|
text: userComment,
|
||||||
|
pid: this.globalGuid,
|
||||||
|
},
|
||||||
|
replacedContent
|
||||||
|
);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
mySwalToast({
|
||||||
|
html: err?.message,
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.finally(() => (this.loading = false));
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
summary: save comment
|
||||||
|
|
||||||
|
description:
|
||||||
|
send a new request to api for saving the comment.
|
||||||
|
then update/replace paragraph content with newely created content.
|
||||||
|
then crawle all paragraphs for .tcomment ids.
|
||||||
|
then request api for paragraphs comments.
|
||||||
|
|
||||||
|
@fires when saveSelectedTextComment method completed...
|
||||||
|
|
||||||
|
@param {text} String user comment.
|
||||||
|
@param {pid} String globalGuid.
|
||||||
|
@param {replacedContent} Html user comment.
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
addComment({ text, pid }, replacedContent) {
|
||||||
|
const payload = { text: JSON.stringify(text) };
|
||||||
|
const url = tahrirUrl()+ apis.comments.add + "/" + pid;
|
||||||
|
|
||||||
|
this.commentHttpService.formDataRequest(url, payload).then((res) => {
|
||||||
|
this.updateParagraphContentProperty(replacedContent);
|
||||||
|
|
||||||
|
this.crawlParagsForCommentId(this.localParagraphs).then((guidList) => {
|
||||||
|
this.getComments(guidList);
|
||||||
|
});
|
||||||
|
|
||||||
|
mySwalToast({
|
||||||
|
html: res.message,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
summary: update paragraph content property
|
||||||
|
|
||||||
|
description: update paragraph old content property with updated content.
|
||||||
|
|
||||||
|
@fires when addComment method completed...
|
||||||
|
|
||||||
|
@param {replacedContent} Html user comment.
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
updateParagraphContentProperty(replacedContent) {
|
||||||
|
this.localParagraphs.forEach((pars) => {
|
||||||
|
if (pars.id == this.paragraphParentId.slice(7))
|
||||||
|
pars.content = replacedContent;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: update new comment form position
|
||||||
|
|
||||||
|
description: update position of new comment form when scrolling.
|
||||||
|
|
||||||
|
@fires when user scroll
|
||||||
|
|
||||||
|
@param {event} event window scroll event.
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
updateCommentFormTopPosition(event) {
|
||||||
|
// Find out how much (if any) user has scrolled
|
||||||
|
var scrollTop =
|
||||||
|
window.screenY !== undefined
|
||||||
|
? window.screenY
|
||||||
|
: (
|
||||||
|
document.documentElement ||
|
||||||
|
document.body.parentNode ||
|
||||||
|
document.body
|
||||||
|
).scrollTop;
|
||||||
|
|
||||||
|
const posY = event.clientY - 200 + scrollTop;
|
||||||
|
this.$refs.popupMenu._vnode.elm.style.top = posY + "px";
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: comment list
|
||||||
|
description: getting list of comments from the api.
|
||||||
|
|
||||||
|
@fires after page crawl for tcomment complete.
|
||||||
|
|
||||||
|
@param {array} guidList paragraph's comment ids.
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
|
||||||
|
getComments(guidList) {
|
||||||
|
const payload = {
|
||||||
|
pids: guidList,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.commentHttpService
|
||||||
|
.formDataRequest(tahrirUrl()+apis.comments.documentComment, payload)
|
||||||
|
.then((res) => {
|
||||||
|
if (res.data) this.attachCommentsToParags(res.data);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/*
|
||||||
|
summary: attach comments to paragraphs object
|
||||||
|
description: loop over paragraphs and find paragraphs that
|
||||||
|
its content property math the comment id catched from the api.
|
||||||
|
|
||||||
|
@fires after getComment method called.
|
||||||
|
|
||||||
|
@param {object}
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
attachCommentsToParags(comments) {
|
||||||
|
try {
|
||||||
|
this.localParagraphs.forEach((parag) => {
|
||||||
|
const commentList = [];
|
||||||
|
|
||||||
|
Object.keys(comments).forEach((value) => {
|
||||||
|
if (parag.content.includes(value))
|
||||||
|
commentList.push(comments[value]);
|
||||||
|
});
|
||||||
|
this.$set(parag, "comments", commentList);
|
||||||
|
});
|
||||||
|
} catch (err) {
|
||||||
|
this.comments = comments;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.fetchingData = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: replace selected text with new span.
|
||||||
|
description: find the parent paragraph with its refs and
|
||||||
|
then replace the selected text with new span.
|
||||||
|
|
||||||
|
@fires when saveSelectedTextComment method called.
|
||||||
|
|
||||||
|
@return Html.
|
||||||
|
*/
|
||||||
|
replaceSelectedText() {
|
||||||
|
const text = decodeURIComponent(this.selectedText);
|
||||||
|
this.globalGuid = this.newGuid();
|
||||||
|
const replacementTag = `<mark id="${this.globalGuid}" class="c01206 c01172 c01173"><span class="c01186" id="19">${text} </span> <span class="c01210 c01209">ORG<span class="c01174">×</span></span></mark>`;
|
||||||
|
const refContent = this.$refs[this.paragraphParentId];
|
||||||
|
refContent.innerHTML = refContent.innerHTML.replace(text, replacementTag);
|
||||||
|
|
||||||
|
return refContent.innerHTML;
|
||||||
|
},
|
||||||
|
|
||||||
|
closeCommentForm() {
|
||||||
|
this.newComment = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: crawl paragraphs for .tcomment.
|
||||||
|
description: crawl paragraph fot .tcomment tags and getting its id.
|
||||||
|
|
||||||
|
@fires when addComment method called.
|
||||||
|
|
||||||
|
@return Html.
|
||||||
|
*/
|
||||||
|
async crawlParagsForCommentId(pars) {
|
||||||
|
return await pars
|
||||||
|
.map((par) => {
|
||||||
|
if (par?.content.includes("tcomment"))
|
||||||
|
return this.geCommenttIds(par.content);
|
||||||
|
})
|
||||||
|
.filter((item) => item)
|
||||||
|
.join(",");
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: create unique id.
|
||||||
|
|
||||||
|
@fires when crawlParagsForCommentId method called.
|
||||||
|
|
||||||
|
@return string.
|
||||||
|
*/
|
||||||
|
newGuid() {
|
||||||
|
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
|
||||||
|
/[xy]/g,
|
||||||
|
function (c) {
|
||||||
|
var r = (Math.random() * 16) | 0,
|
||||||
|
v = c == "x" ? r : (r & 0x3) | 0x8;
|
||||||
|
return v.toString(16);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: separate spans id property..
|
||||||
|
|
||||||
|
@fires when crawlParagsForCommentId method called.
|
||||||
|
|
||||||
|
@return string.
|
||||||
|
*/
|
||||||
|
|
||||||
|
geCommenttIds(content) {
|
||||||
|
var ids = "";
|
||||||
|
var regex =
|
||||||
|
/\<span id=\\{0,1}\"([a-z0-9-]*?)\\{0,1}\" class=\\{0,1}\"tcomment\\{0,1}\".*?\>/g;
|
||||||
|
var m = regex.exec(content);
|
||||||
|
while (m !== null) {
|
||||||
|
if (m.index === regex.lastIndex) {
|
||||||
|
regex.lastIndex++;
|
||||||
|
}
|
||||||
|
if (ids != "") ids += ",";
|
||||||
|
ids += m[1];
|
||||||
|
m = regex.exec(content);
|
||||||
|
}
|
||||||
|
|
||||||
|
return ids;
|
||||||
|
},
|
||||||
|
|
||||||
|
handleScroll(event) {
|
||||||
|
// Any code to be executed when the window is scrolled
|
||||||
|
},
|
||||||
|
|
||||||
|
/*
|
||||||
|
summary: hide/show other paragraphs comments.
|
||||||
|
description: when user clicked on comment, hide other
|
||||||
|
comments and add active class to .tcomment tag in the paragraph
|
||||||
|
|
||||||
|
@fires when user open/close the comments.
|
||||||
|
|
||||||
|
@param {object} paragraph
|
||||||
|
@param {Number} commentIndex
|
||||||
|
|
||||||
|
@return void.
|
||||||
|
*/
|
||||||
|
|
||||||
|
hideOtherComments({ paragraph, commentIndex }) {
|
||||||
|
const _this = this;
|
||||||
|
|
||||||
|
_this.localParagraphs.forEach((par) => {
|
||||||
|
// parse other paragraphs
|
||||||
|
if (par.id != paragraph.id) {
|
||||||
|
if (par.comments?.length) {
|
||||||
|
par.comments.forEach((com, index) => {
|
||||||
|
const res = com.isShow == undefined ? false : !com.isShow;
|
||||||
|
_this.$set(par.comments[index], "isShow", res);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// parse selected paragraph
|
||||||
|
else {
|
||||||
|
if (par.comments?.length) {
|
||||||
|
par.comments.forEach((com, index) => {
|
||||||
|
// hide sibling comments in the active paragraph.
|
||||||
|
if (index != commentIndex) {
|
||||||
|
const res = com.isShow == undefined ? false : !com.isShow;
|
||||||
|
_this.$set(par.comments[index], "isShow", res);
|
||||||
|
}
|
||||||
|
// toggle paragraph .tcomment class
|
||||||
|
else {
|
||||||
|
Array.from(
|
||||||
|
_this.$refs["parent-" + par.id][0].children[0].children
|
||||||
|
).forEach((child) => {
|
||||||
|
if (child.id == com[0].pid) {
|
||||||
|
child.classList.toggle("active");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
removSpan(comment) {
|
||||||
|
const spanTag = document.getElementsById(comment.pid);
|
||||||
|
const rawText = spanTag.innerHTML;
|
||||||
|
|
||||||
|
this.paragraph.content = this.paragraph.content.replace(spanTag, rawText);
|
||||||
|
return this.paragraph.content;
|
||||||
|
},
|
||||||
|
|
||||||
|
saveChangeSelectedTextComment(userComment) {
|
||||||
|
const url = apis.comments.addCommentToSelectedParag;
|
||||||
|
const replacedContent = this.removSpan();
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
content: replacedContent,
|
||||||
|
guid: this.paragraphId,
|
||||||
|
};
|
||||||
|
|
||||||
|
ApiService.formData(url, payload)
|
||||||
|
.then((res) => {
|
||||||
|
this.newComment = false;
|
||||||
|
|
||||||
|
this.addComment(
|
||||||
|
{
|
||||||
|
text: userComment,
|
||||||
|
pid: this.globalGuid,
|
||||||
|
},
|
||||||
|
replacedContent
|
||||||
|
);
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
mySwalToast({
|
||||||
|
html: err?.message,
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.finally(() => (this.loading = false));
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
1018
pages/Research.vue
Normal file
1018
pages/Research.vue
Normal file
File diff suppressed because it is too large
Load Diff
421
pages/TermPage.vue
Normal file
421
pages/TermPage.vue
Normal file
|
|
@ -0,0 +1,421 @@
|
||||||
|
<template>
|
||||||
|
<section :class="$route.name">
|
||||||
|
<div class="container-fluid mt-3">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col col-md-3 border-start right-panel" v-if="isRightPanel">
|
||||||
|
<div class="pages-content" ref="navigationFilter">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="d-flex justify-content-between w-100">
|
||||||
|
<multiselect
|
||||||
|
:allow-empty="false"
|
||||||
|
:searchable="true"
|
||||||
|
:close-on-select="true"
|
||||||
|
:show-labels="false"
|
||||||
|
label="title"
|
||||||
|
track-by="id"
|
||||||
|
placeholder="انتخاب پروژه"
|
||||||
|
:value="newProjects"
|
||||||
|
:options="projects"
|
||||||
|
@select="selectProject"
|
||||||
|
:hide-selected="false"
|
||||||
|
:max-height="200"
|
||||||
|
style="width: auto"
|
||||||
|
>
|
||||||
|
<template #singleLabel="props">
|
||||||
|
<span class="option__desc"
|
||||||
|
><span
|
||||||
|
class="option__title text-truncate"
|
||||||
|
style="display: block; max-width: 120px"
|
||||||
|
>
|
||||||
|
{{ props.option.title }}
|
||||||
|
</span></span
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</multiselect>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="close btn-right-panel"
|
||||||
|
aria-label="Close"
|
||||||
|
@click="isRightPanel = false"
|
||||||
|
>
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<ResearchTreeList
|
||||||
|
:treeItems="treeItems"
|
||||||
|
:newProjects="newProjects"
|
||||||
|
@on-click="clickOnTreeItem"
|
||||||
|
></ResearchTreeList>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col">
|
||||||
|
<div class="row border-bottom mx-0">
|
||||||
|
<div
|
||||||
|
class="col-12 order-1 order-lg-1 col-lg-1 d-flex justify-content-start"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="d-flex position-relative align-items-center"
|
||||||
|
style="top: -0.3em"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="btn btn-right-panel"
|
||||||
|
@click="isRightPanel = true"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-356--1">
|
||||||
|
<use xlink:href="#icon-Component-356--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
name="button"
|
||||||
|
type="button"
|
||||||
|
class="toggle-mobile-nav dropdown-hamburger d-md-none"
|
||||||
|
@click.prevent="toggleSidebarMenu()"
|
||||||
|
>
|
||||||
|
<span class="sr-only">باز کردن منوی کنار</span>
|
||||||
|
<svg class="s18" data-testid="sidebar-icon">
|
||||||
|
<use href="assets/common/img/icons.svg#sidebar"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 order-2 order-lg-1 col-lg-10">
|
||||||
|
<div class="nav-tabs-container nav-tabs border-bottom-0">
|
||||||
|
<ul class="nav">
|
||||||
|
<li
|
||||||
|
class="nav-item desktop"
|
||||||
|
v-for="(navItem, index) in myActiveSchema?.tabs"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
:title="navItem.label"
|
||||||
|
type="button"
|
||||||
|
@click.prevent="updateCategoryList(navItem, index)"
|
||||||
|
class="btn nav-link"
|
||||||
|
:class="{ active: activeTab?.key == navItem.key }"
|
||||||
|
>
|
||||||
|
{{ navItem.title }}
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="nav-item mobile tabs-more-btn d-md-none"
|
||||||
|
v-if="myActiveSchema?.tabs?.length > 2"
|
||||||
|
>
|
||||||
|
<div class="dropdown">
|
||||||
|
<button
|
||||||
|
class="btn"
|
||||||
|
type="button"
|
||||||
|
id="dropdownMenuButton"
|
||||||
|
data-bs-toggle="dropdown"
|
||||||
|
aria-haspopup="true"
|
||||||
|
aria-expanded="false"
|
||||||
|
>
|
||||||
|
<svg class="icon icon-Component-81--1">
|
||||||
|
<use xlink:href="#icon-Component-81--1"></use>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div
|
||||||
|
class="dropdown-menu"
|
||||||
|
aria-labelledby="dropdownMenuButton"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
@click.prevent="updateCategoryList(navItem, index)"
|
||||||
|
v-for="(navItem, index) in myActiveSchema?.tabs"
|
||||||
|
:key="index"
|
||||||
|
:class="{ active: activeTab?.key == navItem.key }"
|
||||||
|
>
|
||||||
|
{{ navItem.title }}</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 pt-3">
|
||||||
|
<component
|
||||||
|
:is="contentComponentName(activeTab?.key)"
|
||||||
|
:listAnswer="listAnswerForTerm"
|
||||||
|
:pagination="pagination"
|
||||||
|
@changePage="changePaging"
|
||||||
|
@researchModalHandler="researchModalHandler"
|
||||||
|
></component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<base-modal-v2
|
||||||
|
v-if="showModal"
|
||||||
|
@close="closeBaseModal"
|
||||||
|
:showHeaderCloseButton="true"
|
||||||
|
:hasFooter="false"
|
||||||
|
:modalTitle="modalTitle"
|
||||||
|
minHeight="17em"
|
||||||
|
overflow="hidden"
|
||||||
|
:showSaveButton="true"
|
||||||
|
:showCloseButton="true"
|
||||||
|
:showDeleteButton="false"
|
||||||
|
>
|
||||||
|
<slot> {{ modalTitle }}</slot>
|
||||||
|
|
||||||
|
<slot name="body">
|
||||||
|
<component
|
||||||
|
:is="slotComponentName"
|
||||||
|
:valueModal="valueModalResearch"
|
||||||
|
@closeAfterSaving="closeAfterSaving"
|
||||||
|
></component>
|
||||||
|
</slot>
|
||||||
|
</base-modal-v2>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import researchApi from "~/apis/researchApi";
|
||||||
|
|
||||||
|
import { useResearchStore } from "~/stores/researchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (this.myActiveSchema) {
|
||||||
|
this.researchActiveSchemaSetter(this.myActiveSchema);
|
||||||
|
|
||||||
|
this.getMultiSelect(this.myActiveSchema.lists.url_GET);
|
||||||
|
this.activeTab = this.myActiveTabs;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
beforeDestroy() {},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
projects: [],
|
||||||
|
showModal: false,
|
||||||
|
modalTitle: null,
|
||||||
|
slotComponentName: null,
|
||||||
|
valueModalResearch: {},
|
||||||
|
newProjects: "",
|
||||||
|
listAnswerForTerm: [],
|
||||||
|
treeItems: [],
|
||||||
|
childrenList: [],
|
||||||
|
parentList: {},
|
||||||
|
httpService: undefined,
|
||||||
|
activeTab: null,
|
||||||
|
listTypeId: 0,
|
||||||
|
firstChoiceOfTree: "",
|
||||||
|
isRightPanel: true,
|
||||||
|
pagination: {
|
||||||
|
page: 1,
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
offset: 0, // page * per_page
|
||||||
|
limit: 10, //per_page
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useResearchStore, ["researchSchemaGetter", "researchTermsGetter"]),
|
||||||
|
|
||||||
|
repoUrl() {
|
||||||
|
return import.meta.env.VITE_REPO + "/";
|
||||||
|
},
|
||||||
|
myActiveSchema() {
|
||||||
|
return this.researchSchemaGetter.find((item) => {
|
||||||
|
return item.key == "term";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
myActiveTabs() {
|
||||||
|
return this.myActiveSchema.tabs.find((item) => {
|
||||||
|
return item.key == "fish";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
...mapActions(useResearchStore, [
|
||||||
|
"researchTermsSetter",
|
||||||
|
"researchActiveSchemaSetter",
|
||||||
|
]),
|
||||||
|
closeAfterSaving() {
|
||||||
|
this.closeBaseModal();
|
||||||
|
setTimeout(() => {
|
||||||
|
this.getItemsForResearch(this.firstChoiceOfTree.id);
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
// #region function all
|
||||||
|
researchModalHandler(event) {
|
||||||
|
this.openBaseModal("ResearchFishModal", event.itemSchema.title);
|
||||||
|
this.valueModalResearch = event;
|
||||||
|
},
|
||||||
|
openBaseModal(componentName, title) {
|
||||||
|
this.showModal = true;
|
||||||
|
this.slotComponentName = componentName;
|
||||||
|
this.modalTitle = title;
|
||||||
|
},
|
||||||
|
closeBaseModal() {
|
||||||
|
this.showModal = false;
|
||||||
|
},
|
||||||
|
updateCategoryList(navItem, index) {
|
||||||
|
this.activeTab = navItem;
|
||||||
|
},
|
||||||
|
contentComponentName(key) {
|
||||||
|
if (key == "fish") return "ResearchContent";
|
||||||
|
else if (key == "wiki") return "WikiPage";
|
||||||
|
else if (key == "change") return "ProcessologyPage";
|
||||||
|
else if (key == "treechart") return "Tree";
|
||||||
|
|
||||||
|
return "ResearchContent";
|
||||||
|
},
|
||||||
|
selectProject(item) {
|
||||||
|
this.researchTermsSetter(item);
|
||||||
|
this.newProjects = item;
|
||||||
|
this.getListTree();
|
||||||
|
},
|
||||||
|
// #endregion
|
||||||
|
// #region function for tree and MultiSelect
|
||||||
|
getMultiSelect(url) {
|
||||||
|
this.httpService.getRequest(url).then((res) => {
|
||||||
|
this.researchTermsSetter(res.data[0]);
|
||||||
|
|
||||||
|
this.projects = res.data;
|
||||||
|
this.newProjects = res.data[0];
|
||||||
|
this.getListTree();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getListTree(parent = 0, ischildren = false, parentItem = {}) {
|
||||||
|
const payload = {
|
||||||
|
projectid: this.newProjects?.id,
|
||||||
|
parent: parent,
|
||||||
|
sortby: "id",
|
||||||
|
offset: 0,
|
||||||
|
limit: 100,
|
||||||
|
listtype: this.listTypeId,
|
||||||
|
};
|
||||||
|
let url = researchApi.subject.list;
|
||||||
|
|
||||||
|
this.httpService.formDataRequest(url, payload).then((res) => {
|
||||||
|
if (!ischildren) {
|
||||||
|
this.treeItems = res.data;
|
||||||
|
this.firstChoiceOfTree = res.data[0];
|
||||||
|
this.getItemsForResearch(res.data[0].id);
|
||||||
|
} else {
|
||||||
|
this.childrenList = res.data;
|
||||||
|
this.parentList = parentItem;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
clickOnTreeItem(item) {
|
||||||
|
this.firstChoiceOfTree = item;
|
||||||
|
this.resetPagination();
|
||||||
|
this.getItemsForResearch(item.id);
|
||||||
|
},
|
||||||
|
// #endregion
|
||||||
|
// #region function for component
|
||||||
|
getItemsForResearch(id) {
|
||||||
|
let url = this.activeTab?.url_GET;
|
||||||
|
url = url.replace("{{offset}}", this.pagination.offset);
|
||||||
|
url = url.replace("{{limit}}", this.pagination.limit);
|
||||||
|
let filter = "";
|
||||||
|
if (id == 0)
|
||||||
|
filter = `&f_rt=${this.myActiveSchema.label}`; // برای نمایش همه
|
||||||
|
else filter = `&f_rt=${this.myActiveSchema.label}&f_sb=${id}`;
|
||||||
|
url = url.replace("{{filter}}", filter);
|
||||||
|
|
||||||
|
this.httpService.getRequest(url).then((res) => {
|
||||||
|
this.listAnswerForTerm = res.hits.hits;
|
||||||
|
const total = res.hits.total.value;
|
||||||
|
|
||||||
|
const pages = Math.ceil(total / this.pagination.limit);
|
||||||
|
const pagination = {
|
||||||
|
total: total,
|
||||||
|
pages: pages == 0 ? 1 : pages,
|
||||||
|
};
|
||||||
|
this.pagination = { ...this.pagination, ...pagination };
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changePaging(item) {
|
||||||
|
this.pagination = item;
|
||||||
|
this.getItemsForResearch(this.firstChoiceOfTree.id);
|
||||||
|
},
|
||||||
|
resetPagination() {
|
||||||
|
this.pagination = {
|
||||||
|
page: 1,
|
||||||
|
pages: 0,
|
||||||
|
total: 0,
|
||||||
|
offset: 0, // page * per_page
|
||||||
|
limit: 10, //per_page
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
// #endregion
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.v-popper--theme-dropdown {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.v-popper__inner {
|
||||||
|
.my-tooltip-content {
|
||||||
|
color: white;
|
||||||
|
background-color: black;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-right-panel {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 61.998em) {
|
||||||
|
.right-panel {
|
||||||
|
padding-top: 0.5em;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 9;
|
||||||
|
width: 24em;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
margin-right: var(--sidebar-collapsed-width);
|
||||||
|
background: #fff;
|
||||||
|
justify-content: center;
|
||||||
|
// box-shadow: -1px 0px 7px 1px #eee;
|
||||||
|
}
|
||||||
|
.btn-right-panel {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 47.938em) {
|
||||||
|
.nav {
|
||||||
|
li {
|
||||||
|
.nav-link {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li.desktop:nth-child(n + 3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
a.dropdown-item:nth-child(-n + 2) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .combo-list {
|
||||||
|
// margin-top: 1em;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
.right-panel {
|
||||||
|
margin-right: 0;
|
||||||
|
width: 18em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
1176
pages/index.vue
Normal file
1176
pages/index.vue
Normal file
File diff suppressed because it is too large
Load Diff
116
stores/researchStore.ts
Normal file
116
stores/researchStore.ts
Normal file
|
|
@ -0,0 +1,116 @@
|
||||||
|
import type {
|
||||||
|
domain,
|
||||||
|
researchActiveSchema,
|
||||||
|
researchTerms,
|
||||||
|
searchActiveTab,
|
||||||
|
selectionFilterItems,
|
||||||
|
} from "~/types/researchTypes";
|
||||||
|
import { defineStore } from "pinia";
|
||||||
|
|
||||||
|
export const useResearchStore = defineStore("researchStore", {
|
||||||
|
persist: {
|
||||||
|
storage: piniaPluginPersistedstate.localStorage(),
|
||||||
|
|
||||||
|
}, state: () => ({
|
||||||
|
researchActiveSchema: [] as researchActiveSchema[],
|
||||||
|
researchSchema: [] as researchActiveSchema[],
|
||||||
|
researchDomainActive: {} as domain,
|
||||||
|
searchActiveTab: undefined as searchActiveTab | undefined,
|
||||||
|
selectionFilterItems: [] as selectionFilterItems,
|
||||||
|
researchTerms: undefined as researchTerms | undefined,
|
||||||
|
// dataForTreeMap: undefined,
|
||||||
|
// activeTab: undefined,
|
||||||
|
// navigateListActiveTab: undefined,
|
||||||
|
// navigateListSchema: undefined,
|
||||||
|
// activeNavigateListSchema: undefined,
|
||||||
|
// navigateChartActiveTab: undefined,
|
||||||
|
// navigateChartSchema: undefined,
|
||||||
|
// activeNavigateChartSchema: undefined,
|
||||||
|
}),
|
||||||
|
getters: {
|
||||||
|
researchSchemaGetter(state) {
|
||||||
|
return state.researchSchema;
|
||||||
|
},
|
||||||
|
researchActiveSchemaGetter(state) {
|
||||||
|
return state.researchActiveSchema;
|
||||||
|
},
|
||||||
|
researchDomainActiveGetter(state) {
|
||||||
|
return state.researchDomainActive;
|
||||||
|
},
|
||||||
|
searchActiveTabGetter(state) {
|
||||||
|
return state.searchActiveTab;
|
||||||
|
},
|
||||||
|
selectionFilterItemsGetter(state) {
|
||||||
|
return state.selectionFilterItems;
|
||||||
|
},
|
||||||
|
researchTermsGetter(state) {
|
||||||
|
return state.researchTerms;
|
||||||
|
},
|
||||||
|
// dataForTreeMapGetter(state) {
|
||||||
|
// return state.dataForTreeMap;
|
||||||
|
// },
|
||||||
|
// activeTabGetter(state) {
|
||||||
|
// return state.activeTab;
|
||||||
|
// },
|
||||||
|
// navigateListActiveTabGetter(state) {
|
||||||
|
// return state.activeTab;
|
||||||
|
// },
|
||||||
|
// navigateListSchemaGetter(state) {
|
||||||
|
// return state.navigateListSchema;
|
||||||
|
// },
|
||||||
|
// activeNavigateListSchemaGetter(state) {
|
||||||
|
// return state.activeNavigateListSchema;
|
||||||
|
// },
|
||||||
|
// activeTabGetter(state) {
|
||||||
|
// return state.activeTab;
|
||||||
|
// },
|
||||||
|
// navigateChartSchemaGetter(state) {
|
||||||
|
// return state.navigateChartSchema;
|
||||||
|
// },
|
||||||
|
// activeNavigateChartSchemaGetter(state) {
|
||||||
|
// return state.activeNavigateChartSchema;
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
researchTermsSetter( researchTerms = undefined) {
|
||||||
|
this.researchTerms = researchTerms;
|
||||||
|
},
|
||||||
|
|
||||||
|
researchSchemaSetter( researchSchema = undefined) {
|
||||||
|
this.researchSchema = researchSchema;
|
||||||
|
},
|
||||||
|
|
||||||
|
researchActiveSchemaSetter( researchActiveSchema = undefined) {
|
||||||
|
this.researchActiveSchema = researchActiveSchema;
|
||||||
|
},
|
||||||
|
researchDomainActiveSetter(domain:domain) {
|
||||||
|
this.researchDomainActive = domain;
|
||||||
|
},
|
||||||
|
searchActiveTabSetter( searchActiveTab = undefined) {
|
||||||
|
this.searchActiveTab = searchActiveTab;
|
||||||
|
},
|
||||||
|
selectionFilterItemsSetter( selectionFilterItems: selectionFilterItems = []) {
|
||||||
|
this.selectionFilterItems = selectionFilterItems;
|
||||||
|
},
|
||||||
|
// dataForTreeMapSetter(state, dataForTreeMap = undefined) {
|
||||||
|
// state.dataForTreeMap = dataForTreeMap;
|
||||||
|
// },
|
||||||
|
// activeTabSetter(state, activeTab = undefined) {
|
||||||
|
// state.activeTab = activeTab;
|
||||||
|
// },
|
||||||
|
// navigateChartActiveTabSetter(state, navigateChartActiveTab = undefined) {
|
||||||
|
// state.navigateChartActiveTab = navigateChartActiveTab;
|
||||||
|
// },
|
||||||
|
// navigateChartSchemaSetter(state, navigateChartSchema = undefined) {
|
||||||
|
// state.navigateChartSchema = navigateChartSchema;
|
||||||
|
// },
|
||||||
|
// activeNavigateChartSchemaSetter(
|
||||||
|
// state,
|
||||||
|
// activeNavigateChartSchema = undefined
|
||||||
|
// ) {
|
||||||
|
// state.activeNavigateChartSchema = activeNavigateChartSchema;
|
||||||
|
// },
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
});
|
||||||
307
types/researchTypes.ts
Normal file
307
types/researchTypes.ts
Normal file
|
|
@ -0,0 +1,307 @@
|
||||||
|
export type researchTerms = {
|
||||||
|
id: number;
|
||||||
|
created_at: number;
|
||||||
|
updated_at: number;
|
||||||
|
type: number;
|
||||||
|
title: string;
|
||||||
|
color: number;
|
||||||
|
meta: string;
|
||||||
|
guid: string;
|
||||||
|
owner: number;
|
||||||
|
comment: string;
|
||||||
|
ispublic: number;
|
||||||
|
stt: number;
|
||||||
|
project_version: number;
|
||||||
|
organ_code: number;
|
||||||
|
project_relations: null;
|
||||||
|
item_state: number;
|
||||||
|
table_columns: string;
|
||||||
|
tags: string;
|
||||||
|
repo_index: number;
|
||||||
|
};
|
||||||
|
export type options = [{ value: string; title: string }];
|
||||||
|
export type items_main = [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
label: string;
|
||||||
|
type: string;
|
||||||
|
placeholder: string;
|
||||||
|
required: string;
|
||||||
|
classes: string;
|
||||||
|
inputClass: string;
|
||||||
|
multi_select: string;
|
||||||
|
options: options[];
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type items_more = [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
label: string;
|
||||||
|
type: string;
|
||||||
|
placeholder: string;
|
||||||
|
required: number | string;
|
||||||
|
classes: string;
|
||||||
|
inputClass: string;
|
||||||
|
multi_select: number | string;
|
||||||
|
options: options[];
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type form = {
|
||||||
|
title: string;
|
||||||
|
key: string;
|
||||||
|
items_main: items_main[];
|
||||||
|
items_more: items_more[];
|
||||||
|
};
|
||||||
|
export type contextMenu = [
|
||||||
|
{ key: string; title: string; icon: string; form: form }
|
||||||
|
];
|
||||||
|
export type filter = [
|
||||||
|
{ title: string; filter_key: string; source_key: string; by_more: number }
|
||||||
|
];
|
||||||
|
export type advance = [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
label: string;
|
||||||
|
tag: string;
|
||||||
|
placeholder: string;
|
||||||
|
labelClass: string;
|
||||||
|
inputClass: string;
|
||||||
|
options: [];
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type lists = [
|
||||||
|
{
|
||||||
|
title: string;
|
||||||
|
list_key: string;
|
||||||
|
filter_key: string;
|
||||||
|
icon: string;
|
||||||
|
key: string;
|
||||||
|
number: number;
|
||||||
|
label: string;
|
||||||
|
type: string;
|
||||||
|
placeholder: string;
|
||||||
|
required: number | string;
|
||||||
|
classes: number | string;
|
||||||
|
multi_select: number | string;
|
||||||
|
url_GET: string;
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type researchSchemaRes = {
|
||||||
|
status: number;
|
||||||
|
message: string;
|
||||||
|
postion: number;
|
||||||
|
meta: null;
|
||||||
|
data: {
|
||||||
|
dataset: researchActiveSchema[];
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
export type researchActiveSchema = {
|
||||||
|
key: string;
|
||||||
|
routeName: string;
|
||||||
|
searchContent: string;
|
||||||
|
label: string;
|
||||||
|
description: string;
|
||||||
|
contextMenu: contextMenu[];
|
||||||
|
summary: null;
|
||||||
|
|
||||||
|
filter: filter[];
|
||||||
|
domain: {
|
||||||
|
tags: { عنوان: string; منبع: string; تاریخ: string };
|
||||||
|
domain: domain;
|
||||||
|
};
|
||||||
|
advance: advance[];
|
||||||
|
lists: lists[];
|
||||||
|
tabs: [
|
||||||
|
{
|
||||||
|
title: string;
|
||||||
|
key: string;
|
||||||
|
url_GET: string;
|
||||||
|
}
|
||||||
|
];
|
||||||
|
};
|
||||||
|
export type domain = { label: string; key: string };
|
||||||
|
|
||||||
|
export type table_actions = [
|
||||||
|
{
|
||||||
|
icon: string;
|
||||||
|
title: string;
|
||||||
|
key: string;
|
||||||
|
"v-can": string;
|
||||||
|
type: string;
|
||||||
|
api_items: {
|
||||||
|
data_type: string;
|
||||||
|
ref_key: string;
|
||||||
|
id: string;
|
||||||
|
title: string;
|
||||||
|
};
|
||||||
|
toggle_icons: { icon1: string; icon2: string };
|
||||||
|
link_route: { id: string; name: string; key: string };
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type table_columns = [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
title: string;
|
||||||
|
width: number | string;
|
||||||
|
textAlign: string;
|
||||||
|
isLink: boolean;
|
||||||
|
link_route: { id: string; name: string; key: string };
|
||||||
|
trancate_word: 50;
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
export type domainActive = {
|
||||||
|
label: string;
|
||||||
|
tag: string;
|
||||||
|
key: string;
|
||||||
|
field_collapse: string;
|
||||||
|
table_actions: table_actions[];
|
||||||
|
table_columns: table_columns[];
|
||||||
|
};
|
||||||
|
export type summary = {
|
||||||
|
title: string;
|
||||||
|
key: string;
|
||||||
|
options: [{ key: string; label: string; type: string }];
|
||||||
|
};
|
||||||
|
export type items = [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
source_key: string;
|
||||||
|
label: string;
|
||||||
|
style: string;
|
||||||
|
hilight_key: string;
|
||||||
|
link_route: { id: string; name: string; key: string };
|
||||||
|
}
|
||||||
|
];
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type actions = [
|
||||||
|
{
|
||||||
|
icon: string;
|
||||||
|
title: string;
|
||||||
|
key: string;
|
||||||
|
"v-can": string;
|
||||||
|
type: string;
|
||||||
|
api_items: {
|
||||||
|
data_type: string;
|
||||||
|
ref_key: string;
|
||||||
|
id: string;
|
||||||
|
title: string;
|
||||||
|
};
|
||||||
|
toggle_icons: {
|
||||||
|
icon1: string;
|
||||||
|
icon2: string;
|
||||||
|
};
|
||||||
|
link_route: {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
key: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export type search_content = {
|
||||||
|
items: items[];
|
||||||
|
actions: actions[];
|
||||||
|
};
|
||||||
|
export type searchActiveTab = {
|
||||||
|
key: string;
|
||||||
|
routeName: string;
|
||||||
|
searchContent: string;
|
||||||
|
label: string;
|
||||||
|
description: string;
|
||||||
|
showTableList: number;
|
||||||
|
summary: summary;
|
||||||
|
filter: filter[];
|
||||||
|
domain: {
|
||||||
|
tags: {
|
||||||
|
قانون: string;
|
||||||
|
عنوان: string;
|
||||||
|
متن: string;
|
||||||
|
سال: string;
|
||||||
|
مقنن: string;
|
||||||
|
منبع: string;
|
||||||
|
مصوب: string;
|
||||||
|
تاریخ: string;
|
||||||
|
};
|
||||||
|
domain: domainActive[];
|
||||||
|
};
|
||||||
|
advance: advance[];
|
||||||
|
searchType: [
|
||||||
|
{ key: string; label: string },
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
description: string;
|
||||||
|
label: string;
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
description: string;
|
||||||
|
label: string;
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
description: string;
|
||||||
|
label: string;
|
||||||
|
item: {
|
||||||
|
label: string;
|
||||||
|
type: string;
|
||||||
|
component: string;
|
||||||
|
};
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: string;
|
||||||
|
description: string;
|
||||||
|
label: string;
|
||||||
|
}
|
||||||
|
];
|
||||||
|
search_content: search_content;
|
||||||
|
lists: lists[];
|
||||||
|
};
|
||||||
|
export type selectionFilterItems = [];
|
||||||
|
export type researchQuery = [
|
||||||
|
{
|
||||||
|
_index: string;
|
||||||
|
_id: string;
|
||||||
|
_score: null;
|
||||||
|
_ignored: [string];
|
||||||
|
_source: {
|
||||||
|
research_type: string;
|
||||||
|
research_key: string;
|
||||||
|
service: string;
|
||||||
|
ref_key: string;
|
||||||
|
ref_id: string;
|
||||||
|
text_position: string;
|
||||||
|
address: string;
|
||||||
|
date_create: number;
|
||||||
|
text_main: string;
|
||||||
|
username: string;
|
||||||
|
take_type: string;
|
||||||
|
text_user: string;
|
||||||
|
user_create: number;
|
||||||
|
title: null;
|
||||||
|
text_target: null;
|
||||||
|
text_subject: null;
|
||||||
|
text_verb: null;
|
||||||
|
subject_public: null;
|
||||||
|
subject_specific: null;
|
||||||
|
time_edit: number;
|
||||||
|
date_edit: string;
|
||||||
|
user_edit: number;
|
||||||
|
user: {
|
||||||
|
id: number;
|
||||||
|
user_id: number;
|
||||||
|
first_name: string;
|
||||||
|
last_name: string;
|
||||||
|
username: string;
|
||||||
|
full_name: string;
|
||||||
|
avatar: string;
|
||||||
|
color: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
sort: [number];
|
||||||
|
}
|
||||||
|
];
|
||||||
Loading…
Reference in New Issue
Block a user