Merge branch 'shadi/develop' of https://git2.tavasi.ir/front/base_ui into main
This commit is contained in:
mustafa-rezae
commit
28bd8de77a
276
components/admin/components/Accordion.vue
Normal file
276
components/admin/components/Accordion.vue
Normal file
|
|
@ -0,0 +1,276 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="mb-5">
|
||||||
|
<select
|
||||||
|
name="project_id"
|
||||||
|
id="project_id"
|
||||||
|
v-model="project_id"
|
||||||
|
class="form-control text__14"
|
||||||
|
>
|
||||||
|
<option class="text-black-50" disabled :value="undefined" selected>
|
||||||
|
{{ $t("ProjectSelection") }}
|
||||||
|
</option>
|
||||||
|
|
||||||
|
<option
|
||||||
|
v-for="(project, index1) in projects"
|
||||||
|
:key="index1"
|
||||||
|
:value="project.id"
|
||||||
|
>
|
||||||
|
{{ project.title }}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="accordion" id="permission-accordion">
|
||||||
|
<div
|
||||||
|
v-for="(item, key, index) in groupbyList"
|
||||||
|
:key="index"
|
||||||
|
class="card border-0"
|
||||||
|
>
|
||||||
|
<div class="card-header border-bottom-0 p-0" :id="'heading' + index">
|
||||||
|
<button
|
||||||
|
class="btn btn-link btn-block has-indicator"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
:data-bs-target="'#collapse' + index"
|
||||||
|
:aria-expanded="!collapseAll"
|
||||||
|
:class="{ collapsed: collapseAll }"
|
||||||
|
:aria-controls="'collapse' + index"
|
||||||
|
>
|
||||||
|
{{ key }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:id="'collapse' + index"
|
||||||
|
class="collapse"
|
||||||
|
:class="{ show: !collapseAll }"
|
||||||
|
:aria-labelledby="'heading' + index"
|
||||||
|
data-parent="#permission-accordion"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<ul class="list-group list-group-flush">
|
||||||
|
<li
|
||||||
|
:key="index"
|
||||||
|
v-for="(action, index2) in groupItems(key)"
|
||||||
|
class="list-group-item text__14"
|
||||||
|
>
|
||||||
|
<div class="form-check d-flex align-items-center">
|
||||||
|
<input
|
||||||
|
v-can.checkbox="canEdit"
|
||||||
|
@change.prevent="changePermission(action)"
|
||||||
|
class="form-check-input"
|
||||||
|
type="checkbox"
|
||||||
|
value=""
|
||||||
|
:checked="action.check"
|
||||||
|
:value="action.check"
|
||||||
|
:id="'role-' + index2"
|
||||||
|
/>
|
||||||
|
<label class="form-check-label mt-2" :for="'role-' + index">
|
||||||
|
{{ action.action_title }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import apis from "~/apis/permitApi";
|
||||||
|
// import { mapGetters, mapMutations, mapActions } from "vuex";
|
||||||
|
import { mapActions, mapState } from "pinia";
|
||||||
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
user_id: {
|
||||||
|
type: Number,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
role_id: {
|
||||||
|
type: Number,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
canEdit: {
|
||||||
|
type: String,
|
||||||
|
default(val) {},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listUserPermission: [],
|
||||||
|
collapseAll: false,
|
||||||
|
grouplist: [],
|
||||||
|
groupbyList: {},
|
||||||
|
roles: [],
|
||||||
|
httpService: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// ...mapGetters("permit", ["projectsGetter", "projectGetter"]),
|
||||||
|
...mapState(usePermitStore, ["projectGetter", "projectsGetter"]),
|
||||||
|
projects() {
|
||||||
|
return this.projectsGetter ?? [];
|
||||||
|
},
|
||||||
|
project_id: {
|
||||||
|
get() {
|
||||||
|
return this.projectGetter?.id;
|
||||||
|
},
|
||||||
|
set(newVal) {
|
||||||
|
this.setProject(newVal);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getRoles();
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// ...mapMutations("permit", ["SET_PROJECT"]),
|
||||||
|
// ...mapActions("permit", ["getProjects"]),
|
||||||
|
...mapActions(usePermitStore, ["SET_PROJECT"]),
|
||||||
|
...mapActions(usePermitStore, ["getProjects"]),
|
||||||
|
getRoles() {
|
||||||
|
const payload = {
|
||||||
|
user_id: this.user_id,
|
||||||
|
role_id: this.role_id,
|
||||||
|
project_id: this.projectGetter?.id,
|
||||||
|
};
|
||||||
|
|
||||||
|
const { listUserPermission, listRolePermission } = apis.permissions;
|
||||||
|
const url = this.user_id ? listUserPermission : listRolePermission;
|
||||||
|
|
||||||
|
this.httpService.postRequest(permitUrl() + url, payload).then(({ data }) => {
|
||||||
|
|
||||||
|
this.listUserPermission = data;
|
||||||
|
this.groupbyList = this.groupBy(data, "section_title");
|
||||||
|
});
|
||||||
|
},
|
||||||
|
toggleRolesPanel() {},
|
||||||
|
groupBy(arrayToGroup, key) {
|
||||||
|
return arrayToGroup.reduce(function (previousValue, currentValue) {
|
||||||
|
(previousValue[currentValue[key]] =
|
||||||
|
previousValue[currentValue[key]] || []).push({
|
||||||
|
action_title: currentValue.action_title,
|
||||||
|
check: currentValue.check,
|
||||||
|
section_title: currentValue.section_title,
|
||||||
|
section_id: currentValue.id,
|
||||||
|
section_user_id: currentValue?.section_user_id,
|
||||||
|
section_role_id: currentValue?.section_role_id,
|
||||||
|
});
|
||||||
|
return previousValue;
|
||||||
|
}, {});
|
||||||
|
},
|
||||||
|
groupItems(section_title) {
|
||||||
|
return this.groupbyList[section_title];
|
||||||
|
},
|
||||||
|
changePermission(action) {
|
||||||
|
action.check
|
||||||
|
? this.deletePermission(action)
|
||||||
|
: this.addOrUpdatePermission(action);
|
||||||
|
},
|
||||||
|
addOrUpdatePermission(action) {
|
||||||
|
const payload = {
|
||||||
|
user_id: this.user_id,
|
||||||
|
role_id: this.role_id,
|
||||||
|
project_id: this.projectGetter?.id,
|
||||||
|
section_id: action.section_id,
|
||||||
|
state: 0,
|
||||||
|
section_user_id: action.section_user_id ?? undefined,
|
||||||
|
section_role_id: action.section_role_id ?? undefined,
|
||||||
|
};
|
||||||
|
|
||||||
|
const {
|
||||||
|
addOrEditUserPermission,
|
||||||
|
addOrEditRolePermission,
|
||||||
|
addOrEditLoginRolePermission,
|
||||||
|
} = apis.permissions;
|
||||||
|
|
||||||
|
let url = this.user_id
|
||||||
|
? addOrEditUserPermission
|
||||||
|
: addOrEditRolePermission;
|
||||||
|
|
||||||
|
// حالت دسترسی تشویقی
|
||||||
|
if (this.role_id === -1) url = addOrEditLoginRolePermission;
|
||||||
|
|
||||||
|
this.httpService.postRequest(url, payload).then(({ data }) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
this.getRoles();
|
||||||
|
// action.check = true;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deletePermission(action) {
|
||||||
|
const payload = {
|
||||||
|
project_id: this.projectGetter?.id,
|
||||||
|
id: action.section_user_id ?? undefined,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (action.section_role_id) payload.id = action.section_role_id;
|
||||||
|
|
||||||
|
const { deleteUserPermission, deleteRolePermission } = apis.permissions;
|
||||||
|
const url = this.user_id ? deleteUserPermission : deleteRolePermission;
|
||||||
|
|
||||||
|
this.httpService.postRequest(url, payload).then(({ data }) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
this.getRoles();
|
||||||
|
// action.check = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
async getProjects() {
|
||||||
|
return await this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.projects.list)
|
||||||
|
.then((res) => {
|
||||||
|
this.SET_PROJECT(res.data[0]);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
setProject(id) {
|
||||||
|
// const id = +$ev.target.value;
|
||||||
|
const result = this.projects.findIndex((item) => item.id === id);
|
||||||
|
const project = this.projects[result];
|
||||||
|
|
||||||
|
this.SET_PROJECT(project);
|
||||||
|
this.getRoles();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
watch: {
|
||||||
|
role_id() {
|
||||||
|
this.getRoles();
|
||||||
|
},
|
||||||
|
user_id() {
|
||||||
|
this.getRoles();
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.role-permission {
|
||||||
|
.form-check {
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
.form-check-input {
|
||||||
|
margin-left: 1em;
|
||||||
|
margin-top: 0em !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
right: unset;
|
||||||
|
top: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
|
|
||||||
<ul class="list-unstyled components">
|
<ul class="list-unstyled components">
|
||||||
<li class="active">
|
<li class="active">
|
||||||
<a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
|
<a href="#homeSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
|
||||||
<i class="fas fa-home"></i>
|
<i class="fas fa-home"></i>
|
||||||
Home
|
Home
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -30,7 +30,7 @@
|
||||||
<i class="fas fa-briefcase"></i>
|
<i class="fas fa-briefcase"></i>
|
||||||
About
|
About
|
||||||
</a>
|
</a>
|
||||||
<a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
|
<a href="#pageSubmenu" data-bs-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
|
||||||
<i class="fas fa-copy"></i>
|
<i class="fas fa-copy"></i>
|
||||||
Pages
|
Pages
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
86
components/admin/components/FormShow.vue
Normal file
86
components/admin/components/FormShow.vue
Normal file
|
|
@ -0,0 +1,86 @@
|
||||||
|
<template>
|
||||||
|
<div class="side-panel">
|
||||||
|
<div class="side-panel-header">
|
||||||
|
<h6 class="text-center">
|
||||||
|
مشخصات کامل مورد جاری
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="border redios-castom px-3 py-2 ">
|
||||||
|
<div class="side-panel-content">
|
||||||
|
<form-builder
|
||||||
|
:previewMode="true"
|
||||||
|
:formElements="clonedFormElements"
|
||||||
|
:formData="selectedItem"
|
||||||
|
></form-builder>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex btn-default"
|
||||||
|
@click="closeFormShow"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-71--1"></span>
|
||||||
|
</button-component>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex btn-default"
|
||||||
|
@click="editItem"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<i class="tavasi tavasi-Component-242--1"></i>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: ["selectedItem"],
|
||||||
|
emits: ["close-form-show", "edit-item"],
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
clonedFormElements: {
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: "title",
|
||||||
|
label: "عنوان",
|
||||||
|
type: "label",
|
||||||
|
placeholder: "عنوان مختصری وارد کنید",
|
||||||
|
required: "0",
|
||||||
|
validation_regex: "",
|
||||||
|
validation_error: "",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
value: null,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "comment",
|
||||||
|
label: "توضیح",
|
||||||
|
type: "label",
|
||||||
|
placeholder: "توضیح مختصری وارد کنید",
|
||||||
|
required: "0",
|
||||||
|
validation_regex: "",
|
||||||
|
validation_error: "",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
value: null,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
title: "فرم جزییات",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
closeFormShow() {
|
||||||
|
this.$emit("close-form-show");
|
||||||
|
},
|
||||||
|
editItem() {
|
||||||
|
this.$emit("edit-item", this.selectedItem);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
183
components/admin/components/NewFormItem.vue
Normal file
183
components/admin/components/NewFormItem.vue
Normal file
|
|
@ -0,0 +1,183 @@
|
||||||
|
<template>
|
||||||
|
<div class="side-panel">
|
||||||
|
<div class="side-panel-header">
|
||||||
|
<h6 class="text-center">
|
||||||
|
افزودن آیتم جدید
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="redios-castom px-3 py-2 ">
|
||||||
|
<div class="side-panel-content">
|
||||||
|
<form @submit.prevent="saveNewItemForm()" class="text__14">
|
||||||
|
<form-builder
|
||||||
|
ref="newFormItemBuilder"
|
||||||
|
:formElements="formElement"
|
||||||
|
:formData="formData"
|
||||||
|
></form-builder>
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<button-component
|
||||||
|
type="submit"
|
||||||
|
classes="btn-outline-primary mx-3"
|
||||||
|
buttonText="افزودن"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
></button-component>
|
||||||
|
|
||||||
|
<button-component
|
||||||
|
classes="btn-danger"
|
||||||
|
buttonText="انصراف"
|
||||||
|
:buttonLoading="buttonLoading"
|
||||||
|
@click="closeNewFormItem"
|
||||||
|
></button-component>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
emits: ["close-new-form-item","add-item-content"],
|
||||||
|
props: {
|
||||||
|
editFormData: {
|
||||||
|
default() {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
editFormData: {
|
||||||
|
handler(newVal) {
|
||||||
|
this.formData = newVal;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
this.formData = this.editFormData;
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
buttonLoading: false,
|
||||||
|
formData: {
|
||||||
|
name: "",
|
||||||
|
key: "",
|
||||||
|
placeholder: "",
|
||||||
|
type: "",
|
||||||
|
},
|
||||||
|
formElement: {
|
||||||
|
title: "مشخصات اصلی",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: "label",
|
||||||
|
label: "عنوان",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "عنوان را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "key",
|
||||||
|
label: "کلیدواژه",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "کلیدواژه را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "placeholder",
|
||||||
|
label: "راهنما",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "راهنمای اولیه مختصر را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "value",
|
||||||
|
label: "مقدار",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "مقدار را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "type",
|
||||||
|
label: "نوع",
|
||||||
|
type: "select",
|
||||||
|
placeholder: "نوع را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
title: "صوتی",
|
||||||
|
value: "sound",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "فیلم",
|
||||||
|
value: "video",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "تصویر",
|
||||||
|
value: "img",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "عبارت(نمایشی)",
|
||||||
|
value: "label",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "متن",
|
||||||
|
value: "textarea",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "انتخابی",
|
||||||
|
value: "select",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: "متن کوتاه",
|
||||||
|
value: "string",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
closeNewFormItem() {
|
||||||
|
this.$emit("close-new-form-item");
|
||||||
|
},
|
||||||
|
saveNewItemForm() {
|
||||||
|
const formData = this.$refs.newFormItemBuilder.localFormData;
|
||||||
|
this.$emit("add-item-content", formData);
|
||||||
|
},
|
||||||
|
resetForm() {
|
||||||
|
this.formData = {
|
||||||
|
name: "",
|
||||||
|
key: "",
|
||||||
|
placeholder: "",
|
||||||
|
type: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss"></style>
|
||||||
79
components/admin/components/SimpleForm.vue
Normal file
79
components/admin/components/SimpleForm.vue
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<template>
|
||||||
|
<div class="position-relative ms-5">
|
||||||
|
<my-table
|
||||||
|
height="auto"
|
||||||
|
maxHeight="calc(100vh - 15em)"
|
||||||
|
:isSortable="true"
|
||||||
|
:isDraggable="true"
|
||||||
|
:hasSearch="false"
|
||||||
|
:hasPagination="false"
|
||||||
|
:fetchingData="fetchingData"
|
||||||
|
:items="localMainFormElements[currentTab]?.items"
|
||||||
|
:tableColumns="tableColumns"
|
||||||
|
:tableActions="formTableActions"
|
||||||
|
@delete-table-item="deleteItem"
|
||||||
|
@edit-table-item="editNewFormItem"
|
||||||
|
@onSort="onSort"
|
||||||
|
@on-linked-title-click="onLinkedTitleClick"
|
||||||
|
|
||||||
|
/>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex add-new-form-item"
|
||||||
|
@click="openNewFormItem"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-220--1"
|
||||||
|
><span class="path1"></span><span class="path2"></span
|
||||||
|
><span class="path3"></span
|
||||||
|
></span>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import newFormExtension from "@forms/extensions/newFormExtension";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
extends: newFormExtension,
|
||||||
|
|
||||||
|
props: ["newFormItem", "formTitleData"],
|
||||||
|
mounted() {
|
||||||
|
const form = [
|
||||||
|
{
|
||||||
|
title: "فرم ساده",
|
||||||
|
items: [],
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
this.localMainFormElements = this.formTitleData.meta ?? form;
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
localMainFormElements: [
|
||||||
|
{
|
||||||
|
title: "فرم ساده",
|
||||||
|
items: [],
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
|
||||||
|
LabelComponent: () =>
|
||||||
|
import(
|
||||||
|
"@components/forms/LabelComponent.vue"
|
||||||
|
),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.add-new-form-item {
|
||||||
|
position: absolute;
|
||||||
|
left: -3em;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
337
components/admin/components/TabForm.vue
Normal file
337
components/admin/components/TabForm.vue
Normal file
|
|
@ -0,0 +1,337 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||||
|
<li
|
||||||
|
v-for="(groupItem, index) in localMainFormElements"
|
||||||
|
:key="index"
|
||||||
|
@click="setTab(index)"
|
||||||
|
class="nav-item"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
class="nav-link position-relative ms-3"
|
||||||
|
id="home-tab"
|
||||||
|
data-bs-toggle="tab"
|
||||||
|
:href="'#' + groupItem.key"
|
||||||
|
role="tab"
|
||||||
|
:aria-controls="groupItem.key"
|
||||||
|
aria-selected="true"
|
||||||
|
:class="{ active: groupItem.active ?? false }"
|
||||||
|
>{{ groupItem.title }}
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex tab-remove-btn"
|
||||||
|
@click="removeTab(index)"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-21--1"></span>
|
||||||
|
</button-component>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex tab-edit-btn"
|
||||||
|
@click="openEditTabFormModal(index)"
|
||||||
|
buttonText=""
|
||||||
|
title="ویرایش"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-242--1"></span>
|
||||||
|
</button-component>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="nav-item" role="presentation">
|
||||||
|
<!-- add button -->
|
||||||
|
<button-component
|
||||||
|
classes="nav-link d-inline-flex"
|
||||||
|
@click="openNewTabFormModal()"
|
||||||
|
buttonText="بخش جدید"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-220--1 ms-1"
|
||||||
|
><span class="path1"></span><span class="path2"></span
|
||||||
|
><span class="path3"></span
|
||||||
|
></span>
|
||||||
|
</button-component>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="tab-content"
|
||||||
|
id="myTabContent"
|
||||||
|
v-if="localMainFormElements?.length"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="tab-pane fade show active p-3"
|
||||||
|
id="home"
|
||||||
|
role="tabpanel"
|
||||||
|
aria-labelledby="home-tab"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-if="localMainFormElements[currentTab]?.hasChildren"
|
||||||
|
class="accordion"
|
||||||
|
id="accordionExample"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-for="(innerGroupItem, j) in localMainFormElements[currentTab]
|
||||||
|
?.items"
|
||||||
|
:key="j"
|
||||||
|
class="card"
|
||||||
|
>
|
||||||
|
<div class="card-header" :id="'heading' + j">
|
||||||
|
<h2 class="mb-0 d-flex">
|
||||||
|
<!-- حذف تب داخلی یا فرزند -->
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex p-0"
|
||||||
|
@click="removeChildTab(j)"
|
||||||
|
buttonText=""
|
||||||
|
title="حذف"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-295--1"></span>
|
||||||
|
</button-component>
|
||||||
|
|
||||||
|
<!-- باز کردن مودال ویرایش تب داخلی یا فرزند -->
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex p-0"
|
||||||
|
@click="openChildTabEditModal(j)"
|
||||||
|
buttonText=""
|
||||||
|
title="ویرایش"
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-242--1"></span>
|
||||||
|
</button-component>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="btn btn-link btn-block has-indicator"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
:data-bs-target="'#collapse' + j"
|
||||||
|
:aria-expanded="innerGroupItem.active ?? false"
|
||||||
|
:aria-controls="'collapse' + j"
|
||||||
|
:class="{ active: innerGroupItem.active ?? false }"
|
||||||
|
>
|
||||||
|
{{ innerGroupItem.title }}
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
:id="'collapse' + j"
|
||||||
|
class="collapse"
|
||||||
|
:class="{ show: innerGroupItem.active ?? false }"
|
||||||
|
:aria-labelledby="'heading' + j"
|
||||||
|
data-parent="#accordionExample"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="position-relative ms-5">
|
||||||
|
<my-table
|
||||||
|
height="auto"
|
||||||
|
maxHeight="calc(100vh - 15em)"
|
||||||
|
:isSortable="true"
|
||||||
|
:isDraggable="true"
|
||||||
|
:hasSearch="false"
|
||||||
|
:hasPagination="false"
|
||||||
|
:fetchingData="fetchingData"
|
||||||
|
:items="localMainFormElements[currentTab]?.items[j]?.items"
|
||||||
|
:tableColumns="tableColumns"
|
||||||
|
:tableActions="formTableActions"
|
||||||
|
@delete-table-item="deleteChildItem($event, j)"
|
||||||
|
@edit-table-item="childEditNewFormItem($event, j)"
|
||||||
|
@onSort="onSort"
|
||||||
|
@on-linked-title-click="onLinkedTitleClick"
|
||||||
|
/>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex add-new-form-item"
|
||||||
|
@click="openChildNewFormItem(j)"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-220--1"
|
||||||
|
><span class="path1"></span><span class="path2"></span
|
||||||
|
><span class="path3"></span
|
||||||
|
></span>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-else class="position-relative ms-5">
|
||||||
|
<my-table
|
||||||
|
height="auto"
|
||||||
|
maxHeight="calc(100vh - 15em)"
|
||||||
|
:isSortable="true"
|
||||||
|
:isDraggable="true"
|
||||||
|
:hasSearch="false"
|
||||||
|
:hasPagination="false"
|
||||||
|
:fetchingData="fetchingData"
|
||||||
|
:items="localMainFormElements[currentTab]?.items"
|
||||||
|
:tableColumns="tableColumns"
|
||||||
|
:tableActions="formTableActions"
|
||||||
|
@delete-table-item="deleteItem"
|
||||||
|
@edit-table-item="editNewFormItem"
|
||||||
|
@onSort="onSort"
|
||||||
|
@on-linked-title-click="onLinkedTitleClick"
|
||||||
|
/>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex add-new-form-item"
|
||||||
|
@click="openNewFormItem"
|
||||||
|
buttonText=""
|
||||||
|
>
|
||||||
|
<span class="tavasi tavasi-Component-220--1"
|
||||||
|
><span class="path1"></span><span class="path2"></span
|
||||||
|
><span class="path3"></span
|
||||||
|
></span>
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- new tab modal -->
|
||||||
|
<base-modal
|
||||||
|
v-if="showNewTabFormModal"
|
||||||
|
modalSize="modal-md"
|
||||||
|
modalTitle="فرم جدید"
|
||||||
|
@close="closeNewTabFormModal"
|
||||||
|
@save="addTab"
|
||||||
|
>
|
||||||
|
<form-builder
|
||||||
|
ref="tabFormBuilder"
|
||||||
|
:formElements="formTabElement"
|
||||||
|
:formData="formTabData"
|
||||||
|
></form-builder>
|
||||||
|
</base-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import newFormExtension from "@forms/extensions/newFormExtension";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
extends: newFormExtension,
|
||||||
|
|
||||||
|
props: ["newFormItem", "formTitleData"],
|
||||||
|
mounted() {
|
||||||
|
this.localMainFormElements = this.formTitleData.meta ?? [];
|
||||||
|
if (this.localMainFormElements && this.localMainFormElements[0])
|
||||||
|
this.localMainFormElements[0].active = true;
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
prevActiveTabIndex: undefined,
|
||||||
|
localMainFormElements: [],
|
||||||
|
showNewTabFormModal: false,
|
||||||
|
// form title elemnets and data.
|
||||||
|
formTabData: {
|
||||||
|
title: null,
|
||||||
|
},
|
||||||
|
formTabElement: {
|
||||||
|
title: "",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
key: "parent",
|
||||||
|
label: "والد",
|
||||||
|
type: "select",
|
||||||
|
placeholder: "والد را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "title",
|
||||||
|
label: "عنوان",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "عنوان را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
key: "key",
|
||||||
|
label: "کلیدواژه",
|
||||||
|
type: "string",
|
||||||
|
placeholder: "کلیدواژه را وارد کنید",
|
||||||
|
required: "1",
|
||||||
|
validation_regex: "{3-100}",
|
||||||
|
validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
multi_select: "0",
|
||||||
|
options: [],
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// key: "newButtonText",
|
||||||
|
// label: "عنوان دکمه ایجاد",
|
||||||
|
// type: "string",
|
||||||
|
// placeholder: "عنوان دکمه ایجاد را وارد کنید",
|
||||||
|
// required: "1",
|
||||||
|
// validation_regex: "{3-100}",
|
||||||
|
// validation_error: "عبارت باید حداقل 3 و حداکثر 100 حرف باشد",
|
||||||
|
// multi_select: "0",
|
||||||
|
// options: [],
|
||||||
|
// },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
|
||||||
|
LabelComponent: () =>
|
||||||
|
import(
|
||||||
|
"@components/forms/LabelComponent.vue"
|
||||||
|
),
|
||||||
|
NewTabForm: () =>
|
||||||
|
import(
|
||||||
|
"@forms/forms/NewTabForm.vue"
|
||||||
|
),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.tab-remove-btn {
|
||||||
|
position: absolute;
|
||||||
|
left: -0.5em;
|
||||||
|
top: -0.5em;
|
||||||
|
background-color: #fff;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: var(--danger);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: var(--danger);
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tab-edit-btn {
|
||||||
|
position: absolute;
|
||||||
|
left: -0.5em;
|
||||||
|
bottom: 0em;
|
||||||
|
background-color: #fff;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: #ddd;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.add-new-form-item {
|
||||||
|
position: absolute;
|
||||||
|
left: -3em;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
.accordion .card .card-body .btn::after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
<!-- <button
|
<!-- <button
|
||||||
class="btn dropdown-toggle"
|
class="btn dropdown-toggle"
|
||||||
type="button"
|
type="button"
|
||||||
data-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-haspopup="true"
|
aria-haspopup="true"
|
||||||
aria-expanded="false"
|
aria-expanded="false"
|
||||||
>
|
>
|
||||||
|
|
@ -69,7 +69,7 @@
|
||||||
<!-- <button
|
<!-- <button
|
||||||
@click.prevent="showSearchs()"
|
@click.prevent="showSearchs()"
|
||||||
type="button"
|
type="button"
|
||||||
class="btn close-search p-0 pr-1"
|
class="btn close-search p-0 pe-1"
|
||||||
>
|
>
|
||||||
<svg class="icon icon-Component-71--1">
|
<svg class="icon icon-Component-71--1">
|
||||||
<use xlink:href="#icon-Component-71--1"></use>
|
<use xlink:href="#icon-Component-71--1"></use>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
class="form-control"
|
class="form-control"
|
||||||
id="title"
|
id="title"
|
||||||
name="title"
|
name="title"
|
||||||
v-model="form?._source.title"
|
v-model="form._source.title"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -75,12 +75,18 @@
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="title">متن</label>
|
<label for="title">متن</label>
|
||||||
<my-quill
|
<!-- <my-quill
|
||||||
ref="quill-editor"
|
ref="quill-editor"
|
||||||
:parentButtonLoading="buttonLoading"
|
:parentButtonLoading="buttonLoading"
|
||||||
:tinyText="form?._source.description"
|
:tinyText="form?._source.description"
|
||||||
:showSaveButton="false"
|
:showSaveButton="false"
|
||||||
></my-quill>
|
></my-quill> -->
|
||||||
|
<quill-editor
|
||||||
|
ref="quill-editor"
|
||||||
|
v-model="form._source.description"
|
||||||
|
content-type="html"
|
||||||
|
:options="editorOptions"
|
||||||
|
></quill-editor>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group d-flex">
|
<div class="form-group d-flex">
|
||||||
|
|
@ -142,6 +148,9 @@ export default {
|
||||||
mounted() {
|
mounted() {
|
||||||
if (this.formData) this.form = this.formData;
|
if (this.formData) this.form = this.formData;
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
computed: {
|
computed: {
|
||||||
imageBaseUrl() {
|
imageBaseUrl() {
|
||||||
return import.meta.env.VITE_BASE_URL;
|
return import.meta.env.VITE_BASE_URL;
|
||||||
|
|
@ -181,9 +190,26 @@ export default {
|
||||||
time_edit: 1111111111,
|
time_edit: 1111111111,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
httpService: {},
|
||||||
hasImage: false,
|
hasImage: false,
|
||||||
imageUrl: undefined,
|
imageUrl: undefined,
|
||||||
uploading: false,
|
uploading: false,
|
||||||
|
editorOptions: {
|
||||||
|
theme: "snow", // تم ویرایشگر: 'snow' یا 'bubble'
|
||||||
|
placeholder: "متن خود را بنویسید...",
|
||||||
|
modules: {
|
||||||
|
toolbar: [
|
||||||
|
[{ header: [1, 2, 3, false] }], // سطح هدینگها
|
||||||
|
["bold", "italic", "underline", "strike"], // دکمههای استایل متن
|
||||||
|
[{ color: [] }, { background: [] }], // رنگ متن و پسزمینه
|
||||||
|
[{ list: "ordered" }, { list: "bullet" }], // لیستهای شمارهدار و نقطهای
|
||||||
|
["blockquote", "code-block"], // نقلقول و کد
|
||||||
|
[{ align: [] }], // تراز بندی متن
|
||||||
|
["link", "image", "video"], // افزودن لینک، تصویر، و ویدیو
|
||||||
|
["clean"], // حذف فرمتها
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -265,7 +291,7 @@ export default {
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.$emit("close-modal", true);
|
this.$emit("close-modal", true);
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: res.message,
|
html: res.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -277,7 +303,7 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
onDeleteItem(item) {
|
onDeleteItem(item) {
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
|
|
@ -289,7 +315,6 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
664
components/admin/modal/Share.vue
Normal file
664
components/admin/modal/Share.vue
Normal file
|
|
@ -0,0 +1,664 @@
|
||||||
|
<template>
|
||||||
|
<!-- <div class="modal-dialog"> -->
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="popUp-tab__content tab-content share-modal__content">
|
||||||
|
<div class="share-modal__search-content">
|
||||||
|
<div class="share-modal__content">
|
||||||
|
<div class="share-modal__search">
|
||||||
|
<span>با </span>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="نام کاربر یا email@exaple.com"
|
||||||
|
id="searchForName"
|
||||||
|
v-model="query"
|
||||||
|
@keyup="showSearchResult"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
id="user-search-recommend"
|
||||||
|
class="share-modal__search-recommend"
|
||||||
|
:class="{ show: suggestionMode }"
|
||||||
|
>
|
||||||
|
<div class="search-recommend">
|
||||||
|
<div
|
||||||
|
class="search-users__item d-flex justify-content-between align-items-center mx-2"
|
||||||
|
v-for="(user, i) in userSuggestions"
|
||||||
|
:key="'h' + i"
|
||||||
|
>
|
||||||
|
<div class="search-users__pic">
|
||||||
|
<img :src="userAvatar(user)" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="search-users__content">
|
||||||
|
<div class="search-users__name">
|
||||||
|
{{ user.full_name }}
|
||||||
|
</div>
|
||||||
|
<div class="search-users__id">@{{ user.username }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-users__type">
|
||||||
|
<div class="order-select main-page__date-select">
|
||||||
|
<select
|
||||||
|
@change="addUser($event, user)"
|
||||||
|
class="form-control d-block"
|
||||||
|
>
|
||||||
|
<option selected disabled :value="undefined">
|
||||||
|
انتخاب نقش
|
||||||
|
</option>
|
||||||
|
<option
|
||||||
|
v-for="role in roles"
|
||||||
|
:key="role.id"
|
||||||
|
:value="role.id"
|
||||||
|
>
|
||||||
|
{{ role.title }}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- </div> -->
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
// import HttpService from "@services/httpService";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "sharemodal",
|
||||||
|
props: ["item", "itemType", "roles"],
|
||||||
|
mounted() {
|
||||||
|
// this.httpService = new HttpService();
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
httpService: {},
|
||||||
|
newItemType: 0,
|
||||||
|
suggestionMode: false,
|
||||||
|
query: "",
|
||||||
|
userSuggestions: [],
|
||||||
|
userToAdd: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// formData(url, data = []) {
|
||||||
|
// const formData = new FormData();
|
||||||
|
// for (const [key, value] of Object.entries(data)) {
|
||||||
|
// if (value !== undefined && value !== null) formData.append(key, value);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// return axios.post(url, formData);
|
||||||
|
// },
|
||||||
|
showSearchResult() {
|
||||||
|
var vm = this;
|
||||||
|
let url = loginUrl() + "user/suggestion";
|
||||||
|
if (this.query.length > 2) {
|
||||||
|
this.httpService
|
||||||
|
.postRequest(url, { query: this.query })
|
||||||
|
.then((response) => {
|
||||||
|
var items = response.data;
|
||||||
|
vm.userSuggestions = items;
|
||||||
|
vm.suggestionMode = true;
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
vm.userSuggestions = [];
|
||||||
|
vm.suggestionMode = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteUser: function (index) {
|
||||||
|
this.userToAdd.splice(index, 1);
|
||||||
|
},
|
||||||
|
addUser(ev, item) {
|
||||||
|
this.userToAdd.push(item);
|
||||||
|
this.suggestionMode = false;
|
||||||
|
|
||||||
|
this.$emit("update-user-role", {
|
||||||
|
user_id: item.user_id,
|
||||||
|
role_id: +ev.target.value,
|
||||||
|
});
|
||||||
|
// this.addPerm(ev, item);
|
||||||
|
},
|
||||||
|
addPerm(ev, item) {
|
||||||
|
// var guid = this.item.guid;
|
||||||
|
// this.userToAdd.forEach(function (item) {
|
||||||
|
// ApiService.post(this, "perm/set", {
|
||||||
|
// pid: guid,
|
||||||
|
// act: "add",
|
||||||
|
// read: 1,
|
||||||
|
// write: 0,
|
||||||
|
// username: item.username,
|
||||||
|
// });
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "../../../assets/permit/scss/permit.scss";
|
||||||
|
</style>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.share-modal {
|
||||||
|
height: 20em;
|
||||||
|
background-color: #fff;
|
||||||
|
top: 7em;
|
||||||
|
left: 2em;
|
||||||
|
}
|
||||||
|
.search-users__pic {
|
||||||
|
display: flex;
|
||||||
|
margin-left: 15px;
|
||||||
|
position: relative;
|
||||||
|
img {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.share-modal__content{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
}
|
||||||
|
.share-modal__search-top {
|
||||||
|
background-color: #eee;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-modal__search-recommend {
|
||||||
|
opacity: 1;
|
||||||
|
display: block;
|
||||||
|
position: static;
|
||||||
|
visibility: visible;
|
||||||
|
height: calc(100% - 12.5em);
|
||||||
|
overflow: auto;
|
||||||
|
/* display: none; */
|
||||||
|
/* opacity: unset; */
|
||||||
|
/* visibility: hidden; */
|
||||||
|
/* top: 117px; */
|
||||||
|
/* right: 0px; */
|
||||||
|
/* width: 100%; */
|
||||||
|
/* background: white; */
|
||||||
|
/* -webkit-transition: all 0.3s ease-in-out; */
|
||||||
|
/* transition: all 0.3s ease-in-out; */
|
||||||
|
/* opacity: 0; */
|
||||||
|
/* visibility: hidden; */
|
||||||
|
/* display: none; */
|
||||||
|
/* z-index: 10; */
|
||||||
|
|
||||||
|
&.show {
|
||||||
|
position: static !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
display: block !important;
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// .share-modal {
|
||||||
|
// width: 337px;
|
||||||
|
// height: 385px;
|
||||||
|
// background-color: #fff;
|
||||||
|
// border: 1px solid #bac4ce;
|
||||||
|
// border-radius: 20px;
|
||||||
|
// top: 63px;
|
||||||
|
// left: 253px;
|
||||||
|
// transform: unset;
|
||||||
|
|
||||||
|
// &__modal {
|
||||||
|
// .modal-dialog {
|
||||||
|
// transform: unset !important;
|
||||||
|
// transition: unset !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__content {
|
||||||
|
// position: relative;
|
||||||
|
// width: 337px;
|
||||||
|
// height: 385px;
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__search-content {
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0;
|
||||||
|
// left: 0;
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__search {
|
||||||
|
// border-bottom: 1px solid #f1f1f1;
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// padding-top: 15px;
|
||||||
|
// padding-bottom: 15px;
|
||||||
|
|
||||||
|
// span {
|
||||||
|
// font-size: 16px;
|
||||||
|
// // color: var(--color-2);
|
||||||
|
// width: 50px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
|
||||||
|
// i {
|
||||||
|
// cursor: pointer;
|
||||||
|
// color: #92a2b2;
|
||||||
|
// font-size: 24px;
|
||||||
|
// width: 70px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// #get-back {
|
||||||
|
// width: 70px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// input {
|
||||||
|
// flex-grow: 2;
|
||||||
|
// border: unset;
|
||||||
|
// outline: unset;
|
||||||
|
// // color: var(--color-2);
|
||||||
|
// font-size: 14px;
|
||||||
|
|
||||||
|
// &::placeholder {
|
||||||
|
// color: #92a2b2;
|
||||||
|
// font-size: 14px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__add-person {
|
||||||
|
// width: 50px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
|
||||||
|
// i {
|
||||||
|
// font-size: 24px;
|
||||||
|
// -webkit-transition: all 0.5s ease-in-out;
|
||||||
|
// transition: all 0.5s ease-in-out;
|
||||||
|
// font-size: 23px;
|
||||||
|
// background: -webkit-linear-gradient(#a9bdc4 0%, #c6cfda 100%);
|
||||||
|
// background-clip: border-box;
|
||||||
|
// -webkit-background-clip: text;
|
||||||
|
// -webkit-text-fill-color: transparent;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &:hover {
|
||||||
|
// i {
|
||||||
|
// background: -webkit-linear-gradient(#00b6e3 0%, #81e6ff 100%);
|
||||||
|
// background-clip: border-box;
|
||||||
|
// -webkit-background-clip: text;
|
||||||
|
// -webkit-text-fill-color: transparent;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__search-recommend {
|
||||||
|
// display: none;
|
||||||
|
// opacity: unset;
|
||||||
|
// visibility: hidden;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 57px;
|
||||||
|
// right: 0px;
|
||||||
|
// width: 100%;
|
||||||
|
// height: calc(100% - 57px);
|
||||||
|
// background: white;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// opacity: 0;
|
||||||
|
// visibility: hidden;
|
||||||
|
// display: none;
|
||||||
|
// z-index: 10;
|
||||||
|
|
||||||
|
// .os-host {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
|
||||||
|
// bottom: 0;
|
||||||
|
// right: 7px;
|
||||||
|
// top: 17px;
|
||||||
|
// width: 0px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
||||||
|
// background: rgba(0, 0, 0, 0.16);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__users {
|
||||||
|
// flex-grow: 1;
|
||||||
|
// max-height: 259px;
|
||||||
|
|
||||||
|
// .os-scrollbar-vertical {
|
||||||
|
// width: 0;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__icon {
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
// margin-bottom: 18px;
|
||||||
|
|
||||||
|
// img {
|
||||||
|
// width: 142px;
|
||||||
|
// padding-top: 42px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__text {
|
||||||
|
// color: #92a2b2;
|
||||||
|
// font-size: 14px;
|
||||||
|
// padding-bottom: 37px;
|
||||||
|
// width: 246px;
|
||||||
|
// text-align: center;
|
||||||
|
// margin-right: auto;
|
||||||
|
// margin-left: auto;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__search-content-footer {
|
||||||
|
// display: flex;
|
||||||
|
// align-items: flex-end;
|
||||||
|
// justify-content: space-between;
|
||||||
|
// padding-top: 15px;
|
||||||
|
// padding-bottom: 15px;
|
||||||
|
// border-top: 1px solid #bac4ce;
|
||||||
|
// padding-right: 22px;
|
||||||
|
// padding-left: 22px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__sign {
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column;
|
||||||
|
|
||||||
|
// span {
|
||||||
|
// font-size: 12px;
|
||||||
|
// color: #92a2b2;
|
||||||
|
// display: block;
|
||||||
|
// margin-bottom: 2px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// a {
|
||||||
|
// // color: var(--color-1);
|
||||||
|
// font-size: 12px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__settings {
|
||||||
|
// a {
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__settings-btn {
|
||||||
|
// font-size: 14px;
|
||||||
|
// // color: var(--color-1);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__settings-content {
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0;
|
||||||
|
// left: 0;
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// opacity: 0;
|
||||||
|
// visibility: hidden;
|
||||||
|
// display: none;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__title {
|
||||||
|
// padding-top: 15px;
|
||||||
|
// padding-bottom: 15px;
|
||||||
|
// border-bottom: 1px solid #f1f1f1;
|
||||||
|
// padding-right: 22px;
|
||||||
|
// padding-left: 22px;
|
||||||
|
|
||||||
|
// h4 {
|
||||||
|
// font-size: 16px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__form {
|
||||||
|
// padding-right: 22px;
|
||||||
|
// padding-left: 22px;
|
||||||
|
|
||||||
|
// &-question {
|
||||||
|
// font-size: 14px;
|
||||||
|
// font-weight: 500;
|
||||||
|
// text-shadow: 0 -0.75px #6b6b6b;
|
||||||
|
// margin-bottom: 17px;
|
||||||
|
// color: #444444;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &-item {
|
||||||
|
// padding-top: 17px;
|
||||||
|
|
||||||
|
// &:last-child {
|
||||||
|
// margin-bottom: 17px;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &-radio-item {
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
|
||||||
|
// &:not(:last-child) {
|
||||||
|
// margin-bottom: 20px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// input {
|
||||||
|
// }
|
||||||
|
|
||||||
|
// label {
|
||||||
|
// color: #444444;
|
||||||
|
// font-size: 14px;
|
||||||
|
// margin-right: 16px;
|
||||||
|
// margin-bottom: 0;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &-btn {
|
||||||
|
// min-width: 57px;
|
||||||
|
// height: 32px;
|
||||||
|
// border-radius: 20px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
// margin-right: 10px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &-radio {
|
||||||
|
// position: relative;
|
||||||
|
|
||||||
|
// input {
|
||||||
|
// position: absolute;
|
||||||
|
// opacity: 0;
|
||||||
|
// cursor: pointer;
|
||||||
|
// height: 20px;
|
||||||
|
// width: 20px;
|
||||||
|
// z-index: 5;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// span {
|
||||||
|
// display: flex;
|
||||||
|
// height: 20px;
|
||||||
|
// width: 20px;
|
||||||
|
// border-radius: 50%;
|
||||||
|
// border: 2px solid #bac4ce;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
|
||||||
|
// &::before {
|
||||||
|
// content: " ";
|
||||||
|
// width: 10px;
|
||||||
|
// height: 10px;
|
||||||
|
// border-radius: 50%;
|
||||||
|
// display: flex;
|
||||||
|
// background: linear-gradient(#3def90 0%, #1ed975 100%);
|
||||||
|
// opacity: 0;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// input:checked ~ span::before {
|
||||||
|
// opacity: 1;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__form-btn--deactive {
|
||||||
|
// font-size: 14px;
|
||||||
|
// // color: var(--color-2);
|
||||||
|
|
||||||
|
// &:hover {
|
||||||
|
// opacity: 0.8;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__from-btn--active {
|
||||||
|
// // border: 2px solid var(--color-1);
|
||||||
|
// // color: var(--color-1);
|
||||||
|
// font-size: 14px;
|
||||||
|
|
||||||
|
// &:hover {
|
||||||
|
// color: white;
|
||||||
|
// // background: var(--color-1);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__setting-footer {
|
||||||
|
// margin-top: auto;
|
||||||
|
// border-top: 1px solid #f1f1f1;
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// justify-content: flex-end;
|
||||||
|
// padding: 16px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__people-search {
|
||||||
|
// background: #fff;
|
||||||
|
// position: absolute;
|
||||||
|
// top: 0;
|
||||||
|
// display: none;
|
||||||
|
|
||||||
|
// left: 0;
|
||||||
|
// width: 100%;
|
||||||
|
// height: 100%;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// opacity: 0;
|
||||||
|
// visibility: hidden;
|
||||||
|
|
||||||
|
// .os-host {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
|
||||||
|
// bottom: 0;
|
||||||
|
// right: 7px;
|
||||||
|
// top: 17px;
|
||||||
|
// width: 0px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
||||||
|
// background: rgba(0, 0, 0, 0.16);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__user-search-content {
|
||||||
|
// opacity: unset;
|
||||||
|
|
||||||
|
// width: 100%;
|
||||||
|
// height: calc(100% - 57px);
|
||||||
|
// background: white;
|
||||||
|
// transition: all 0.3s ease-in-out;
|
||||||
|
// top: 57px;
|
||||||
|
// display: none;
|
||||||
|
|
||||||
|
// .os-host {
|
||||||
|
// height: 100%;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
|
||||||
|
// bottom: 0;
|
||||||
|
// right: 7px;
|
||||||
|
// top: 17px;
|
||||||
|
// width: 0px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
||||||
|
// background: rgba(0, 0, 0, 0.16);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__users-footer {
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__textarea {
|
||||||
|
// border-top: 1px solid #f1f1f1;
|
||||||
|
// padding-top: 12px;
|
||||||
|
// padding-bottom: 12px;
|
||||||
|
// padding-right: 22px;
|
||||||
|
// padding-left: 22px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__invite-row {
|
||||||
|
// border-top: 1px solid #f1f1f1;
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// padding-top: 17.5px;
|
||||||
|
// padding-bottom: 26px;
|
||||||
|
// justify-content: space-between;
|
||||||
|
// padding-right: 22px;
|
||||||
|
// padding-left: 22px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__select {
|
||||||
|
// font-size: 14px;
|
||||||
|
|
||||||
|
// .main-page__date-select .select-selected {
|
||||||
|
// border: unset;
|
||||||
|
// padding: 0;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .main-page__date-select .select-selected {
|
||||||
|
// height: 32px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .select-items {
|
||||||
|
// width: 160px;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// .main-page__date-select .select-items {
|
||||||
|
// top: unset;
|
||||||
|
// bottom: calc(5px + 100%);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
// &__send-invite {
|
||||||
|
// a {
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// align-items: center;
|
||||||
|
// min-width: 120px;
|
||||||
|
// border-radius: 20px;
|
||||||
|
// // border: 2px solid var(--color-1);
|
||||||
|
// height: 32px;
|
||||||
|
// font-size: 14px;
|
||||||
|
|
||||||
|
// &:hover {
|
||||||
|
// color: white;
|
||||||
|
// // background: var(--color-1);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
|
|
@ -271,7 +271,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
@import "../assets/majles/scss/majles";
|
@import "../../../assets/majles/scss/majles";
|
||||||
|
|
||||||
.custom-class {
|
.custom-class {
|
||||||
.dropdown-toggle {
|
.dropdown-toggle {
|
||||||
|
|
|
||||||
106
components/forms/TableColumnSelectForm.vue
Normal file
106
components/forms/TableColumnSelectForm.vue
Normal file
|
|
@ -0,0 +1,106 @@
|
||||||
|
<template>
|
||||||
|
<div class="side-panel">
|
||||||
|
<div class="side-panel-header">
|
||||||
|
<h6>
|
||||||
|
انتخاب ستونها در حالت نمایش فهرستی(جدولی)
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="side-panel-content">
|
||||||
|
<form @submit.prevent="saveColumn">
|
||||||
|
<div class="row form-group">
|
||||||
|
<label for="key" class="col-md-3">کلیدواژه: </label>
|
||||||
|
<select
|
||||||
|
class="form-control col-md-9"
|
||||||
|
placeholder="کلیدواژه"
|
||||||
|
type="key"
|
||||||
|
id="key"
|
||||||
|
name="key"
|
||||||
|
v-model="localFormElement.key"
|
||||||
|
>
|
||||||
|
<option
|
||||||
|
v-for="option in selectedForm.flatedItems"
|
||||||
|
:value="option.key"
|
||||||
|
>{{ option.label }}({{ option.key }})</option
|
||||||
|
>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="row form-group">
|
||||||
|
<label for="title" class="col-md-3">عنوان: </label>
|
||||||
|
<input
|
||||||
|
class="form-control col-md-9"
|
||||||
|
placeholder="عنوان"
|
||||||
|
type="title"
|
||||||
|
id="title"
|
||||||
|
name="title"
|
||||||
|
v-model="localFormElement.title"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="row form-group">
|
||||||
|
<label for="width" class="col-md-3">وزن: </label>
|
||||||
|
<input
|
||||||
|
class="form-control col-md-9"
|
||||||
|
placeholder="وزن"
|
||||||
|
type="width"
|
||||||
|
id="width"
|
||||||
|
name="width"
|
||||||
|
v-model="localFormElement.width"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="row form-group">
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<button-component
|
||||||
|
classes="btn btn-primary d-inline-flex btn-default"
|
||||||
|
buttonText="افزودن"
|
||||||
|
type="submit"
|
||||||
|
>
|
||||||
|
</button-component>
|
||||||
|
<button-component
|
||||||
|
classes="d-inline-flex btn-danger"
|
||||||
|
@click="closeFormShow"
|
||||||
|
buttonText="بستن"
|
||||||
|
>
|
||||||
|
<!-- <span class="tavasi tavasi-Component-71--1"></span> -->
|
||||||
|
</button-component>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: ["selectedItem", "selectedForm"],
|
||||||
|
emits: ["close-form-show", "update-column"],
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
displayMode:'table',
|
||||||
|
localFormElement: {
|
||||||
|
title: null,
|
||||||
|
key: null,
|
||||||
|
width: 1,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.localFormElement = structuredClone(this.selectedItem);
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
selectedItem(newval) {
|
||||||
|
this.localFormElement = structuredClone(newval);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
closeFormShow() {
|
||||||
|
this.$emit("close-form-show");
|
||||||
|
},
|
||||||
|
saveColumn() {
|
||||||
|
const clonedLocalFormElement = structuredClone(this.localFormElement);
|
||||||
|
this.$emit("update-column", clonedLocalFormElement);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
72
json/admin/json/formListTableAction.json
Normal file
72
json/admin/json/formListTableAction.json
Normal file
|
|
@ -0,0 +1,72 @@
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"showOutside": true,
|
||||||
|
"show": true,
|
||||||
|
"icon": "tavasi tavasi-Component-71--1",
|
||||||
|
"title": "جزییات",
|
||||||
|
"to": {
|
||||||
|
"name": "undefined"
|
||||||
|
},
|
||||||
|
"selected": false,
|
||||||
|
"disabled": false,
|
||||||
|
"howToOpen": "",
|
||||||
|
"href": "",
|
||||||
|
"class": "btn show-detail-btn -rotate-180",
|
||||||
|
"action": "showDetails",
|
||||||
|
"can": ""
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"showOutside": false,
|
||||||
|
|
||||||
|
"show": true,
|
||||||
|
"icon": "default",
|
||||||
|
"title": "ویرایش",
|
||||||
|
"to": {
|
||||||
|
"name": "undefined"
|
||||||
|
},
|
||||||
|
"selected": false,
|
||||||
|
"disabled": false,
|
||||||
|
"howToOpen": "",
|
||||||
|
"href": "",
|
||||||
|
"class": "edit-btn",
|
||||||
|
"action": "edit-table-item",
|
||||||
|
"can": ""
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
"showOutside": false,
|
||||||
|
|
||||||
|
"show": true,
|
||||||
|
"icon": "default",
|
||||||
|
"title": "حذف",
|
||||||
|
"to": {
|
||||||
|
"name": "undefined"
|
||||||
|
},
|
||||||
|
"selected": false,
|
||||||
|
"disabled": false,
|
||||||
|
"howToOpen": "",
|
||||||
|
"href": "",
|
||||||
|
"class": "delete-btn",
|
||||||
|
"action": "delete-table-item",
|
||||||
|
"can": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"showOutside": false,
|
||||||
|
|
||||||
|
"show": true,
|
||||||
|
"icon": "default",
|
||||||
|
"title": "ستون های فهرست",
|
||||||
|
"to": {
|
||||||
|
"name": "undefined"
|
||||||
|
},
|
||||||
|
"selected": false,
|
||||||
|
"disabled": false,
|
||||||
|
"howToOpen": "",
|
||||||
|
"href": "",
|
||||||
|
"class": "",
|
||||||
|
"action": "select-list-columns",
|
||||||
|
"can": ""
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
|
@ -14,6 +14,174 @@
|
||||||
"link": "admin",
|
"link": "admin",
|
||||||
"title": "پیشخوان مدیر",
|
"title": "پیشخوان مدیر",
|
||||||
"translateKey": "AdminDashboard"
|
"translateKey": "AdminDashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "settings",
|
||||||
|
"link": "dataSettingAboutUs",
|
||||||
|
"title": "تنظیمات",
|
||||||
|
"translateKey": "Settings",
|
||||||
|
"subMenu": [
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "profile",
|
||||||
|
"link": "dataSettingAboutUs",
|
||||||
|
"title": "متن در باره ما",
|
||||||
|
"translateKey": "AboutUsText"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "contact",
|
||||||
|
"link": "dataSettingContactUs",
|
||||||
|
"title": "متن تماس با ما",
|
||||||
|
"translateKey": "ContactUsText"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "Component-295--1",
|
||||||
|
"link": "stopWord",
|
||||||
|
"title": "کلمات حذفی",
|
||||||
|
"translateKey": "DeletedWords"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "search-iconldpi",
|
||||||
|
"link": "searchAmplify",
|
||||||
|
"title": "جستجوی مفهومی",
|
||||||
|
"translateKey": "ConceptualSearch"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "Component-285--2",
|
||||||
|
"link": "adminNotifications",
|
||||||
|
"title": "اعلانات",
|
||||||
|
"translateKey": "Notifications"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "access",
|
||||||
|
"link": "sections",
|
||||||
|
"title": "دسترسی",
|
||||||
|
"translateKey": "Access",
|
||||||
|
"subMenu": [
|
||||||
|
|
||||||
|
{
|
||||||
|
"icon": "panel-sectioned",
|
||||||
|
"color": 3,
|
||||||
|
"link": "sections",
|
||||||
|
"title": "بخش ها",
|
||||||
|
"translateKey": "Sections"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "portal-roles",
|
||||||
|
"color": 3,
|
||||||
|
"link": "Roles",
|
||||||
|
"title": "نقش ها",
|
||||||
|
"translateKey": "Roles"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "access",
|
||||||
|
"color": 3,
|
||||||
|
"link": "rolePermission",
|
||||||
|
"title": "دسترسی نقش",
|
||||||
|
"translateKey": "RoleAccess"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "user-role",
|
||||||
|
"color": 3,
|
||||||
|
"link": "UserPermission",
|
||||||
|
"title": "نقش کاربر",
|
||||||
|
"translateKey": "UserRole"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "Group-7932",
|
||||||
|
"link": "adminUsers",
|
||||||
|
"title": "مدیریت ",
|
||||||
|
"translateKey": "Management",
|
||||||
|
"subMenu": [
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "Component-259--1",
|
||||||
|
"link": "adminUsers",
|
||||||
|
"title": "کاربران",
|
||||||
|
"translateKey": "Users"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "Component-259--1",
|
||||||
|
"link": "userModifications",
|
||||||
|
"title": " اصلاحیات کاربران",
|
||||||
|
"translateKey": "UserModifications"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "groups",
|
||||||
|
"link": "groupsWithoutAdmin",
|
||||||
|
"title": " گروه های آزاد",
|
||||||
|
"translateKey": "FreeGroups"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 3,
|
||||||
|
"icon": "doc-outline",
|
||||||
|
"link": "formList",
|
||||||
|
"title": "فرم ها",
|
||||||
|
"translateKey": "forms",
|
||||||
|
"subMenu": [
|
||||||
|
{
|
||||||
|
"icon": "doc-outline",
|
||||||
|
"color": 3,
|
||||||
|
"link": "formList",
|
||||||
|
"title": "فرم ها",
|
||||||
|
"translateKey": "forms"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "folder-plus",
|
||||||
|
"color": 3,
|
||||||
|
"link": "newForm",
|
||||||
|
"title": "فرم جدید",
|
||||||
|
"translateKey": "NewForm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon": "Component-68--1",
|
||||||
|
"color": 3,
|
||||||
|
"link": "selectListColumnsCreate",
|
||||||
|
"title": "انتخاب ستون های فهرست",
|
||||||
|
"translateKey": "SelectColumnsOfList"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "question",
|
||||||
|
"link": "adminGuides",
|
||||||
|
"title": " راهنما",
|
||||||
|
"translateKey": "Help",
|
||||||
|
"subMenu": [
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "Component-220--11",
|
||||||
|
"link": "adminGuides",
|
||||||
|
"title": "جدید",
|
||||||
|
"translateKey": "New"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": 2,
|
||||||
|
"icon": "Component-68--1",
|
||||||
|
"link": "guidesList",
|
||||||
|
"title": "فهرست ",
|
||||||
|
"translateKey": "Contents"
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
37
json/admin/json/selectListColumnAction.json
Normal file
37
json/admin/json/selectListColumnAction.json
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
[
|
||||||
|
{
|
||||||
|
"showOutside": true,
|
||||||
|
|
||||||
|
"show": true,
|
||||||
|
"icon": "tavasi tavasi-Component-242--1",
|
||||||
|
"title": "ویرایش",
|
||||||
|
"to": {
|
||||||
|
"name": "undefined"
|
||||||
|
},
|
||||||
|
"selected": false,
|
||||||
|
"disabled": false,
|
||||||
|
"howToOpen": "",
|
||||||
|
"href": "",
|
||||||
|
"class": "edit-btn",
|
||||||
|
"action": "edit-table-item",
|
||||||
|
"can": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"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": ""
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
3065
package-lock.json
generated
3065
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
|
|
@ -22,6 +22,7 @@
|
||||||
"@popperjs/core": "^2.11.8",
|
"@popperjs/core": "^2.11.8",
|
||||||
"@vuelidate/core": "^2.0.3",
|
"@vuelidate/core": "^2.0.3",
|
||||||
"@vuelidate/validators": "^2.0.4",
|
"@vuelidate/validators": "^2.0.4",
|
||||||
|
"@vueup/vue-quill": "^1.2.0",
|
||||||
"axios": "^1.7.7",
|
"axios": "^1.7.7",
|
||||||
"bootstrap": "^5.3.3",
|
"bootstrap": "^5.3.3",
|
||||||
"docx": "^9.1.1",
|
"docx": "^9.1.1",
|
||||||
|
|
@ -38,6 +39,7 @@
|
||||||
"jquery": "^3.7.1",
|
"jquery": "^3.7.1",
|
||||||
"mammoth": "^1.8.0",
|
"mammoth": "^1.8.0",
|
||||||
"mitt": "^3.0.1",
|
"mitt": "^3.0.1",
|
||||||
|
"npm": "^11.1.0",
|
||||||
"nuxt": "^3.15.4",
|
"nuxt": "^3.15.4",
|
||||||
"nuxt-echarts": "^0.2.3",
|
"nuxt-echarts": "^0.2.3",
|
||||||
"pinia-plugin-persistedstate": "^4.1.1",
|
"pinia-plugin-persistedstate": "^4.1.1",
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
|
|
@ -143,29 +144,35 @@
|
||||||
:hasFooter="false"
|
:hasFooter="false"
|
||||||
@close="closeModal"
|
@close="closeModal"
|
||||||
>
|
>
|
||||||
<admin-notification-form
|
<AdminNotificationForm
|
||||||
ref="tabFormBuilder"
|
ref="tabFormBuilder"
|
||||||
:formData="notificationItem"
|
:formData="notificationItem"
|
||||||
@close-modal="closeModal"
|
@close-modal="closeModal"
|
||||||
></admin-notification-form>
|
></AdminNotificationForm>
|
||||||
</base-modal>
|
</base-modal>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import notificationMixin from "~/mixins/notifications/notificationMixin";
|
import notificationMixin from "~/mixins/notifications/notificationMixin";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
export default {
|
export default {
|
||||||
name: "adminNotifications",
|
name: "adminNotifications",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "adminNotifications",
|
name: "adminNotifications",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
extends: notificationMixin,
|
extends: notificationMixin,
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
// this.canView = true;
|
// this.canView = true;
|
||||||
this.checkPermisionBeforGetList("notification_edit").then(() => {
|
this.checkPermisionBeforGetList("notification_edit" ).then(() => {
|
||||||
|
|
||||||
this.getList();
|
this.getList();
|
||||||
this.numberOfMark();
|
this.numberOfMark();
|
||||||
});
|
});
|
||||||
|
|
@ -182,6 +189,7 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
showModal: false,
|
showModal: false,
|
||||||
|
adminMenu: adminMenu,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -191,7 +199,7 @@ export default {
|
||||||
this.openModal();
|
this.openModal();
|
||||||
},
|
},
|
||||||
onDeleteItem(item) {
|
onDeleteItem(item) {
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
|
|
@ -208,13 +216,13 @@ export default {
|
||||||
openModal() {
|
openModal() {
|
||||||
this.showModal = true;
|
this.showModal = true;
|
||||||
|
|
||||||
setTimeout(() => {
|
// setTimeout(() => {
|
||||||
$("#base-modal").modal({ backdrop: "static", keyboard: false }, "show");
|
// $("#base-modal").modal({ backdrop: "static", keyboard: false }, "show");
|
||||||
}, 500);
|
// }, 500);
|
||||||
},
|
},
|
||||||
closeModal(isCreate = false) {
|
closeModal(isCreate = false) {
|
||||||
$("#base-modal").modal("hide");
|
// $("#base-modal").modal("hide");
|
||||||
|
this.showModal = false;
|
||||||
if (isCreate)
|
if (isCreate)
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.showModal = false;
|
this.showModal = false;
|
||||||
|
|
@ -229,7 +237,12 @@ export default {
|
||||||
}, 500);
|
}, 500);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
AdminNotificationForm: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/modal/AdminNotificationForm.vue")
|
||||||
|
),
|
||||||
|
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
131
pages/admin/about/contact-us.vue
Normal file
131
pages/admin/about/contact-us.vue
Normal file
|
|
@ -0,0 +1,131 @@
|
||||||
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
|
<div class="m-2">
|
||||||
|
<the-content-loading v-if="fetchingData"></the-content-loading>
|
||||||
|
|
||||||
|
<!-- <my-quill
|
||||||
|
:parentButtonLoading="buttonLoading"
|
||||||
|
v-else
|
||||||
|
:tinyText="tinyText"
|
||||||
|
@input="onSave"
|
||||||
|
@on-save="onSave"
|
||||||
|
></my-quill> -->
|
||||||
|
|
||||||
|
<quill-editor
|
||||||
|
v-else
|
||||||
|
v-model="tinyText"
|
||||||
|
content-type="html"
|
||||||
|
:options="editorOptions"
|
||||||
|
></quill-editor>
|
||||||
|
<button @click="onSave" type="button" class="btn btn-primary mt-3">
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "dataSettingContactUs",
|
||||||
|
setup() {
|
||||||
|
definePageMeta({
|
||||||
|
name: "dataSettingContactUs",
|
||||||
|
layout: false,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// $route: {
|
||||||
|
// handler: function () {
|
||||||
|
// this.$store.state.collapsed = false;
|
||||||
|
// },
|
||||||
|
// deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
|
httpService: {},
|
||||||
|
buttonLoading: false,
|
||||||
|
tinyText: "",
|
||||||
|
fetchingData: false,
|
||||||
|
data: undefined,
|
||||||
|
editorOptions: {
|
||||||
|
theme: "snow", // تم ویرایشگر: 'snow' یا 'bubble'
|
||||||
|
placeholder: "متن خود را بنویسید...",
|
||||||
|
modules: {
|
||||||
|
toolbar: [
|
||||||
|
[{ header: [1, 2, 3, false] }], // سطح هدینگها
|
||||||
|
["bold", "italic", "underline", "strike"], // دکمههای استایل متن
|
||||||
|
[{ color: [] }, { background: [] }], // رنگ متن و پسزمینه
|
||||||
|
[{ list: "ordered" }, { list: "bullet" }], // لیستهای شمارهدار و نقطهای
|
||||||
|
["blockquote", "code-block"], // نقلقول و کد
|
||||||
|
[{ align: [] }], // تراز بندی متن
|
||||||
|
["link", "image", "video"], // افزودن لینک، تصویر، و ویدیو
|
||||||
|
["clean"], // حذف فرمتها
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
var vm = this;
|
||||||
|
this.fetchingData = true;
|
||||||
|
|
||||||
|
var url = settingsApi.app.getByKey;
|
||||||
|
url = url.replace("{{key_option}}", "conect_text");
|
||||||
|
|
||||||
|
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.getRequest(url)
|
||||||
|
.then((response) => {
|
||||||
|
vm.fetchingData = false;
|
||||||
|
|
||||||
|
this.tinyText = response.data.hits.hits[0]._source.value;
|
||||||
|
this.data = response.data.hits.hits[0]._source;
|
||||||
|
})
|
||||||
|
.catch((error) => {})
|
||||||
|
.finally(() => {
|
||||||
|
vm.fetchingData = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onSave(newContent) {
|
||||||
|
if (this.buttonLoading) return;
|
||||||
|
this.buttonLoading = true;
|
||||||
|
|
||||||
|
// var url = apis.admin.save;
|
||||||
|
// const payload = { ...this.data, ...{ value: newContent } }
|
||||||
|
|
||||||
|
var url = settingsApi.app.saveByKey;
|
||||||
|
url = url.replace("{{key_option}}", "conect_text");
|
||||||
|
const payload = { value: newContent };
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.postRequest(url, payload)
|
||||||
|
.then((response) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: response.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((error) => {})
|
||||||
|
.finally(() => {
|
||||||
|
this.buttonLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
143
pages/admin/about/index.vue
Normal file
143
pages/admin/about/index.vue
Normal file
|
|
@ -0,0 +1,143 @@
|
||||||
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
|
<div class="m-2">
|
||||||
|
<the-content-loading v-if="fetchingData"></the-content-loading>
|
||||||
|
<!--
|
||||||
|
<my-quillr
|
||||||
|
:parentButtonLoading="buttonLoading"
|
||||||
|
v-else
|
||||||
|
:tinyText="tinyText"
|
||||||
|
@input="onSave"
|
||||||
|
@on-save="onSave"
|
||||||
|
></my-quillr> -->
|
||||||
|
<quill-editor
|
||||||
|
v-else
|
||||||
|
:content="tinyText"
|
||||||
|
ref="quillEditor"
|
||||||
|
content-type="html"
|
||||||
|
theme="snow"
|
||||||
|
@input="onInputChange"
|
||||||
|
:options="editorOptions"
|
||||||
|
|
||||||
|
></quill-editor>
|
||||||
|
|
||||||
|
<button @click="onSave" type="button" class="btn btn-primary mt-3">
|
||||||
|
ذخیره
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { render } from "vue";
|
||||||
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "dataSettingAboutUs",
|
||||||
|
setup() {
|
||||||
|
definePageMeta({
|
||||||
|
name: "dataSettingAboutUs",
|
||||||
|
layout: false,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// $route: {
|
||||||
|
// handler: function () {
|
||||||
|
// this.$store.state.collapsed = false;
|
||||||
|
// },
|
||||||
|
// deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
// },
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
|
httpService: {},
|
||||||
|
buttonLoading: false,
|
||||||
|
tinyText: "",
|
||||||
|
render: 0,
|
||||||
|
|
||||||
|
fetchingData: false,
|
||||||
|
data: undefined,
|
||||||
|
editorOptions: {
|
||||||
|
theme: "snow", // تم ویرایشگر: 'snow' یا 'bubble'
|
||||||
|
placeholder: "متن خود را بنویسید...",
|
||||||
|
modules: {
|
||||||
|
toolbar: [
|
||||||
|
[{ header: [1, 2, 3, false] }], // سطح هدینگها
|
||||||
|
["bold", "italic", "underline", "strike"], // دکمههای استایل متن
|
||||||
|
[{ color: [] }, { background: [] }], // رنگ متن و پسزمینه
|
||||||
|
[{ list: "ordered" }, { list: "bullet" }], // لیستهای شمارهدار و نقطهای
|
||||||
|
["blockquote", "code-block"], // نقلقول و کد
|
||||||
|
[{ align: [] }, { direction: "rtl" }], // تراز بندی متن
|
||||||
|
["link", "image", "video"], // افزودن لینک، تصویر، و ویدیو
|
||||||
|
["clean"], // حذف فرمتها
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
var vm = this;
|
||||||
|
this.fetchingData = true;
|
||||||
|
|
||||||
|
var url = settingsApi.app.getByKey;
|
||||||
|
url = url.replace("{{key_option}}", "about_text");
|
||||||
|
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.getRequest(repoUrl() + url)
|
||||||
|
.then((response) => {
|
||||||
|
console.log("🚀 ~ .then ~ response:", response);
|
||||||
|
vm.fetchingData = false;
|
||||||
|
|
||||||
|
this.tinyText = response.hits.hits[0]._source.value;
|
||||||
|
this.data = response.hits.hits[0]._source;
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch((error) => {})
|
||||||
|
.finally(() => {
|
||||||
|
vm.fetchingData = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onInputChange(event) {
|
||||||
|
// console.log("🚀 ~ onInputChange ~ event:", event);
|
||||||
|
// this.tinyText = event
|
||||||
|
},
|
||||||
|
onSave(newContent) {
|
||||||
|
if (this.buttonLoading) return;
|
||||||
|
this.buttonLoading = true;
|
||||||
|
|
||||||
|
// var url = apis.admin.save;
|
||||||
|
// const payload = { ...this.data, ...{ value: newContent } }
|
||||||
|
|
||||||
|
var url = settingsApi.app.saveByKey;
|
||||||
|
url = url.replace("{{key_option}}", "about_text");
|
||||||
|
const payload = { value: newContent };
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.postRequest(url, payload)
|
||||||
|
.then((response) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "تبریک",
|
||||||
|
html: response.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((error) => {})
|
||||||
|
.finally(() => {
|
||||||
|
this.buttonLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div>
|
<div>
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
<the-content-loading v-if="fetchingData"></the-content-loading>
|
||||||
|
|
||||||
|
|
@ -24,20 +25,40 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import settingsApi from "~/apis/settingsApi";
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "searchAmplify",
|
name: "searchAmplify",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "searchAmplify",
|
name: "searchAmplify",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// $route: {
|
||||||
|
// handler: function () {
|
||||||
|
// this.$store.state.collapsed = false;
|
||||||
|
// },
|
||||||
|
// deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
// },
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
|
httpService: {},
|
||||||
stopWords: '',
|
stopWords: '',
|
||||||
fetchingData: false,
|
fetchingData: false,
|
||||||
buttonLoading: false,
|
buttonLoading: false,
|
||||||
|
|
@ -57,7 +78,7 @@ export default {
|
||||||
url = url.replace("{{key_option}}", "search_amplify");
|
url = url.replace("{{key_option}}", "search_amplify");
|
||||||
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
this.httpService.getRequest(url)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.payload = response.data.hits.hits[0]._source;
|
this.payload = response.data.hits.hits[0]._source;
|
||||||
this.properties = JSON.parse(response.data.hits.hits[0]._source.value);
|
this.properties = JSON.parse(response.data.hits.hits[0]._source.value);
|
||||||
|
|
@ -79,9 +100,9 @@ export default {
|
||||||
const payload = { value: JSON.stringify(this.properties) }
|
const payload = { value: JSON.stringify(this.properties) }
|
||||||
|
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
this.httpService.postRequest(url, payload)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: response.data.message,
|
html: response.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -93,17 +114,6 @@ export default {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
|
<div class="m-3">
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
<the-content-loading v-if="fetchingData"></the-content-loading>
|
||||||
|
|
||||||
<form v-else @submit.prevent="onSave()">
|
<form v-else @submit.prevent="onSave()">
|
||||||
|
|
@ -17,23 +18,41 @@
|
||||||
<button-component
|
<button-component
|
||||||
type="submit"
|
type="submit"
|
||||||
classes="btn-primary"
|
classes="btn-primary"
|
||||||
|
class="mt-2"
|
||||||
:buttonText="saveButtonText"
|
:buttonText="saveButtonText"
|
||||||
>
|
>
|
||||||
</button-component>
|
</button-component>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import settingsApi from "~/apis/settingsApi";
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
export default {
|
export default {
|
||||||
name: "stopWord",
|
name: "stopWord",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "stopWord",
|
name: "stopWord",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
// $route: {
|
||||||
|
// handler: function () {
|
||||||
|
// this.$store.state.collapsed = false;
|
||||||
|
// },
|
||||||
|
// deep: true,
|
||||||
|
// immediate: true,
|
||||||
|
// },
|
||||||
|
},
|
||||||
props: {
|
props: {
|
||||||
saveButtonText: {
|
saveButtonText: {
|
||||||
default: "ذخیره",
|
default: "ذخیره",
|
||||||
|
|
@ -41,6 +60,8 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
|
httpService: {},
|
||||||
stopWords: "",
|
stopWords: "",
|
||||||
fetchingData: false,
|
fetchingData: false,
|
||||||
data: undefined,
|
data: undefined,
|
||||||
|
|
@ -57,7 +78,7 @@ export default {
|
||||||
url = url.replace("{{key_option}}", "words_stop");
|
url = url.replace("{{key_option}}", "words_stop");
|
||||||
// let url = apis.admin.get.replace("{{system}}", this.$route.meta.apiKey);
|
// let url = apis.admin.get.replace("{{system}}", this.$route.meta.apiKey);
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
this.httpService.getRequest(url)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
vm.fetchingData = false;
|
vm.fetchingData = false;
|
||||||
|
|
||||||
|
|
@ -80,9 +101,9 @@ export default {
|
||||||
url = url.replace("{{key_option}}", "words_stop");
|
url = url.replace("{{key_option}}", "words_stop");
|
||||||
const payload = { value: this.stopWords };
|
const payload = { value: this.stopWords };
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
this.httpService.postRequest(url, payload)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: response.data.message,
|
html: response.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -94,17 +115,6 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div class="pages">
|
<div class="pages">
|
||||||
<sub-header
|
<sub-header
|
||||||
myClass="mt-0 mb-3"
|
myClass="mt-0 mb-3"
|
||||||
|
|
@ -44,31 +45,40 @@
|
||||||
</div>
|
</div>
|
||||||
</no-data>
|
</no-data>
|
||||||
|
|
||||||
<form-show
|
<FormShow
|
||||||
v-if="shwoPreviewForm"
|
v-if="shwoPreviewForm"
|
||||||
:selectedItem="rowItem"
|
:selectedItem="rowItem"
|
||||||
:tableColumns="tableColumns"
|
:tableColumns="tableColumns"
|
||||||
@edit-item="formShowEditItem"
|
@edit-item="formShowEditItem"
|
||||||
@close-form-show="closeFormShow"
|
@close-form-show="closeFormShow"
|
||||||
></form-show>
|
></FormShow>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import keyValueApi from "@apis/keyValueApi";
|
import keyValueApi from "~/apis/keyValueApi";
|
||||||
import HttpService from "@services/httpService";
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
import tableActions from "@forms/json/formListTableAction";
|
// import HttpService from "@services/httpService";
|
||||||
import { mapGetters, mapMutations, mapActions } from "vuex";
|
import tableActions from "~/json/admin/json/formListTableAction";
|
||||||
|
// import { mapGetters, mapMutations, mapActions } from "vuex";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "formList",
|
name: "formList",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "formList",
|
name: "formList",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.httpService = new HttpService();
|
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -79,6 +89,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
canView: true,
|
canView: true,
|
||||||
rowItem: {},
|
rowItem: {},
|
||||||
shwoPreviewForm: false,
|
shwoPreviewForm: false,
|
||||||
|
|
@ -107,11 +118,13 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(["getPanelStatus"]),
|
...mapState(useCommonStore, ["getPanelStatus"]),
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapMutations(["TOGGLE_PANEL"]),
|
// ...mapMutations(["TOGGLE_PANEL"]),
|
||||||
...mapActions(["checkPermissions"]),
|
...mapActions(useCommonStore, ["TOGGLE_PANEL"]),
|
||||||
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
|
// ...mapActions(["checkPermissions"]),
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
this.checkPermissions({ permission: "forms_list", _this: this })
|
this.checkPermissions({ permission: "forms_list", _this: this })
|
||||||
.then(() => {
|
.then(() => {
|
||||||
|
|
@ -166,7 +179,7 @@ export default {
|
||||||
...this.sorting,
|
...this.sorting,
|
||||||
...this.pagination,
|
...this.pagination,
|
||||||
};
|
};
|
||||||
let url = this.keyValueMicroServiceName + keyValueApi.forms.list;
|
let url = keyValueUrl() + keyValueApi.forms.list;
|
||||||
return await this.httpService
|
return await this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
|
|
@ -214,7 +227,7 @@ export default {
|
||||||
id: this.items[index].id,
|
id: this.items[index].id,
|
||||||
};
|
};
|
||||||
let url = this.keyValueMicroServiceName + keyValueApi.forms.delete;
|
let url = this.keyValueMicroServiceName + keyValueApi.forms.delete;
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
|
|
@ -274,8 +287,10 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
FormShow: () =>
|
// FormShow: () => import("@forms/forms/FormShow.vue"),
|
||||||
import( "@forms/forms/FormShow.vue"),
|
FormShow: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/FormShow.vue")
|
||||||
|
),
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<template v-if="canView">
|
<template v-if="canView">
|
||||||
|
|
@ -31,7 +32,9 @@
|
||||||
</keep-alive>
|
</keep-alive>
|
||||||
|
|
||||||
<!--start: form actions ( save/preview form) -->
|
<!--start: form actions ( save/preview form) -->
|
||||||
<div class="d-flex justify-content-end mt-5 ms-3 form-actions">
|
<div
|
||||||
|
class="d-flex justify-content-end mt-5 ms-3 form-actions"
|
||||||
|
>
|
||||||
<button-component
|
<button-component
|
||||||
classes="btn btn-secondary mx-2"
|
classes="btn btn-secondary mx-2"
|
||||||
@click="showFormPreView"
|
@click="showFormPreView"
|
||||||
|
|
@ -51,12 +54,12 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- start: create new form element -->
|
<!-- start: create new form element -->
|
||||||
<div class="col-auto" v-if="showNewFormItem">
|
<div class="col-auto" v-if="showNewFormItem">
|
||||||
<new-form-item
|
<NewFormItem
|
||||||
:key="changeDetectionCounter"
|
:key="changeDetectionCounter"
|
||||||
@close-new-form-item="closeNewFormItem"
|
@close-new-form-item="closeNewFormItem"
|
||||||
@add-item-content="addFormItemToFormElements"
|
@add-item-content="addFormItemToFormElements"
|
||||||
:editFormData="editFormData"
|
:editFormData="editFormData"
|
||||||
></new-form-item>
|
></NewFormItem>
|
||||||
</div>
|
</div>
|
||||||
<!-- end: create new form element -->
|
<!-- end: create new form element -->
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -112,27 +115,35 @@
|
||||||
></form-builder>
|
></form-builder>
|
||||||
</base-modal>
|
</base-modal>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import keyValueApi from "@apis/keyValueApi";
|
import keyValueApi from "~/apis/keyValueApi";
|
||||||
import HttpService from "@services/httpService";
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
import { mapActions } from "vuex";
|
// import HttpService from "@services/httpService";
|
||||||
|
// import { mapActions } from "vuex";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "newForm",
|
name: "newForm",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "newForm",
|
name: "newForm",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.httpService = new HttpService();
|
// this.httpService = new HttpService();
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
canView: false,
|
canView: false,
|
||||||
changeDetectionCounter: 0,
|
changeDetectionCounter: 0,
|
||||||
isFormTitleEntered: false,
|
isFormTitleEntered: false,
|
||||||
|
|
@ -221,7 +232,8 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions(["checkPermissions"]),
|
// ...mapActions(["checkPermissions"]),
|
||||||
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
const isEditMode = Boolean(this.$route.params.id);
|
const isEditMode = Boolean(this.$route.params.id);
|
||||||
this.checkPermissions({
|
this.checkPermissions({
|
||||||
|
|
@ -260,7 +272,7 @@ export default {
|
||||||
this.buttonLoading = true;
|
this.buttonLoading = true;
|
||||||
|
|
||||||
const url =
|
const url =
|
||||||
this.keyValueMicroServiceName + this.$route.params.id
|
this.keyValueUrl() + this.$route.params.id
|
||||||
? keyValueApi.forms.edit
|
? keyValueApi.forms.edit
|
||||||
: keyValueApi.forms.add;
|
: keyValueApi.forms.add;
|
||||||
|
|
||||||
|
|
@ -279,7 +291,7 @@ export default {
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: res.message,
|
title: res.message,
|
||||||
html: null,
|
html: null,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -331,7 +343,7 @@ export default {
|
||||||
if (this.fetchingData) return;
|
if (this.fetchingData) return;
|
||||||
this.fetchingData = true;
|
this.fetchingData = true;
|
||||||
|
|
||||||
const url = this.keyValueMicroServiceName + keyValueApi.forms.get;
|
const url = this.keyValueUrl()+ keyValueApi.forms.get;
|
||||||
return await this.httpService
|
return await this.httpService
|
||||||
.getRequest(url + "/" + formId)
|
.getRequest(url + "/" + formId)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|
@ -358,7 +370,7 @@ export default {
|
||||||
|
|
||||||
this.form = this.$refs.titleFormBuilder.localFormData;
|
this.form = this.$refs.titleFormBuilder.localFormData;
|
||||||
const url =
|
const url =
|
||||||
this.keyValueMicroServiceName + this.$route.params.id
|
this.keyValueUrl() + this.$route.params.id
|
||||||
? keyValueApi.forms.edit
|
? keyValueApi.forms.edit
|
||||||
: keyValueApi.forms.add;
|
: keyValueApi.forms.add;
|
||||||
|
|
||||||
|
|
@ -373,7 +385,7 @@ export default {
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: res.message,
|
html: res.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -415,17 +427,18 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
NewFormItem: () =>
|
// NewFormItem: () => import("@forms/forms/NewFormItem.vue"),
|
||||||
import(
|
// SimpleForm: () => import("@forms/components/SimpleForm.vue"),
|
||||||
"@forms/forms/NewFormItem.vue"
|
// TabForm: () => import("@forms/components/TabForm.vue"),
|
||||||
|
TabForm: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/TabForm.vue")
|
||||||
),
|
),
|
||||||
SimpleForm: () =>
|
SimpleForm: defineAsyncComponent(() =>
|
||||||
import(
|
import("@/components/admin/components/SimpleForm.vue")
|
||||||
"@forms/components/SimpleForm.vue"
|
),
|
||||||
|
NewFormItem: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/NewFormItem.vue")
|
||||||
),
|
),
|
||||||
TabForm: () =>
|
|
||||||
import( "@forms/components/TabForm.vue"),
|
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<template v-if="canView">
|
<template v-if="canView">
|
||||||
|
|
@ -146,11 +147,16 @@
|
||||||
</no-data>
|
</no-data>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import apis from "@apis/adminApi";
|
import apis from "~/apis/adminApi";
|
||||||
import HttpService from "@services/httpService";
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
// import tableActions from "@forms/json/selectListColumnAction";
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
// import HttpService from "@services/httpService";
|
||||||
|
import tableActions from "~/json/admin/json/selectListColumnAction.json";
|
||||||
// import { mapActions } from "vuex";
|
// import { mapActions } from "vuex";
|
||||||
|
|
||||||
const LIST_TYPES = {
|
const LIST_TYPES = {
|
||||||
|
|
@ -163,16 +169,18 @@ export default {
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "selectListColumnsCreate",
|
name: "selectListColumnsCreate",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.httpService = new HttpService();
|
// this.httpService = new HttpService();
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
canView: false,
|
canView: false,
|
||||||
|
adminMenu: adminMenu,
|
||||||
changeDetectionCounter: 0,
|
changeDetectionCounter: 0,
|
||||||
LIST_TYPES: LIST_TYPES,
|
LIST_TYPES: LIST_TYPES,
|
||||||
rowItem: {},
|
rowItem: {},
|
||||||
|
|
@ -215,7 +223,8 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions(["checkPermissions"]),
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
|
// ...mapActions(["checkPermissions"]),
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
this.checkPermissions({
|
this.checkPermissions({
|
||||||
permission: "forms_select-list-columns",
|
permission: "forms_select-list-columns",
|
||||||
|
|
@ -282,7 +291,7 @@ export default {
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: res.message,
|
title: res.message,
|
||||||
html: null,
|
html: null,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -307,7 +316,7 @@ export default {
|
||||||
|
|
||||||
...this.pagination,
|
...this.pagination,
|
||||||
};
|
};
|
||||||
let url = this.keyValueMicroServiceName + apis.projectForm.list;
|
let url = keyValueUrl() + apis.projectForm.list;
|
||||||
return await this.httpService
|
return await this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
|
|
@ -364,7 +373,7 @@ export default {
|
||||||
].items.filter((item) => item.key == updatedColumn.key);
|
].items.filter((item) => item.key == updatedColumn.key);
|
||||||
|
|
||||||
if (res.length)
|
if (res.length)
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "ستونی با چنین مشخصاتی قبلا ایجاد شده است.",
|
title: "ستونی با چنین مشخصاتی قبلا ایجاد شده است.",
|
||||||
html: null,
|
html: null,
|
||||||
icon: "error",
|
icon: "error",
|
||||||
|
|
@ -414,7 +423,7 @@ export default {
|
||||||
this.selectedForm[this.LIST_TYPES[this.selectedForm.listType]].items
|
this.selectedForm[this.LIST_TYPES[this.selectedForm.listType]].items
|
||||||
.length > 1
|
.length > 1
|
||||||
) {
|
) {
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
|
|
@ -425,7 +434,7 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else
|
} else
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "حداقل تعداد ستون های جدول یک می باشد.",
|
title: "حداقل تعداد ستون های جدول یک می باشد.",
|
||||||
html: null,
|
html: null,
|
||||||
icon: "error",
|
icon: "error",
|
||||||
|
|
@ -439,7 +448,7 @@ export default {
|
||||||
components: {
|
components: {
|
||||||
TableColumnSelectForm: defineAsyncComponent(() =>
|
TableColumnSelectForm: defineAsyncComponent(() =>
|
||||||
import("@components/forms/TableColumnSelectForm.vue")
|
import("@components/forms/TableColumnSelectForm.vue")
|
||||||
)
|
),
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div>
|
<div>
|
||||||
<Multiselect
|
<Multiselect
|
||||||
:allow-empty="false"
|
:allow-empty="false"
|
||||||
|
|
@ -17,7 +18,7 @@
|
||||||
:max-width="200"
|
:max-width="200"
|
||||||
>
|
>
|
||||||
</Multiselect>
|
</Multiselect>
|
||||||
<MyTable
|
<my-table
|
||||||
height="auto"
|
height="auto"
|
||||||
maxHeight="calc(100vh - 9em)"
|
maxHeight="calc(100vh - 9em)"
|
||||||
class="my-table"
|
class="my-table"
|
||||||
|
|
@ -40,7 +41,7 @@
|
||||||
@sort-changed="sortChanged" -->
|
@sort-changed="sortChanged" -->
|
||||||
<!-- :paginationInfo="pagination"
|
<!-- :paginationInfo="pagination"
|
||||||
:sortingInfo="sorting -->
|
:sortingInfo="sorting -->
|
||||||
</MyTable>
|
</my-table>
|
||||||
<base-modal
|
<base-modal
|
||||||
v-if="openSubjectForm"
|
v-if="openSubjectForm"
|
||||||
modalSize="modal-lg"
|
modalSize="modal-lg"
|
||||||
|
|
@ -54,24 +55,31 @@
|
||||||
></component>
|
></component>
|
||||||
</base-modal>
|
</base-modal>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import settingsApi from "~/apis/settingsApi";
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
import { mapState, mapActions } from "pinia";
|
import { mapState, mapActions } from "pinia";
|
||||||
import searchApi from "~/apis/searchApi";
|
import searchApi from "~/apis/searchApi";
|
||||||
import { useStorage } from "@vueuse/core";
|
import { useStorage } from "@vueuse/core";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { useSearchStore } from "~/stores/searchStore";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "guidesList",
|
name: "guidesList",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "guidesList",
|
name: "guidesList",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
||||||
...mapState(["organNameGetter"]),
|
...mapState(useCommonStore, ["organNameGetter"]),
|
||||||
|
|
||||||
|
// ...mapState(["organNameGetter"]),
|
||||||
|
|
||||||
myActiveSchema() {
|
myActiveSchema() {
|
||||||
return this.helpSchemaGetter?.find((item) => {
|
return this.helpSchemaGetter?.find((item) => {
|
||||||
return item.key == "help";
|
return item.key == "help";
|
||||||
|
|
@ -79,7 +87,7 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let localStoageHelpSchema = useStorage("settingSchema",undefined).value;
|
let localStoageHelpSchema = useStorage("settingSchema", undefined).value;
|
||||||
|
|
||||||
if (localStoageHelpSchema) {
|
if (localStoageHelpSchema) {
|
||||||
let helpSchema = JSON.parse(localStoageHelpSchema);
|
let helpSchema = JSON.parse(localStoageHelpSchema);
|
||||||
|
|
@ -93,6 +101,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
||||||
httpService: undefined,
|
httpService: undefined,
|
||||||
value: "",
|
value: "",
|
||||||
|
|
@ -160,11 +169,12 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
// this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions("search", ["helpSchemaSetter"]),
|
// ...mapActions("search", ["helpSchemaSetter"]),
|
||||||
|
...mapActions(useSearchStore, ["helpSchemaSetter"]),
|
||||||
openModal(componentName, title) {
|
openModal(componentName, title) {
|
||||||
this.openSubjectForm = true;
|
this.openSubjectForm = true;
|
||||||
this.slotComponentName = componentName;
|
this.slotComponentName = componentName;
|
||||||
|
|
@ -191,7 +201,7 @@ export default {
|
||||||
this.openModal("editModalItem", "فیلتر ها");
|
this.openModal("editModalItem", "فیلتر ها");
|
||||||
},
|
},
|
||||||
deleteItem(item) {
|
deleteItem(item) {
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "تمامی اطلاعات پاک خواهد. آیا مطمئن هستید؟ ",
|
html: "تمامی اطلاعات پاک خواهد. آیا مطمئن هستید؟ ",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
|
|
@ -199,8 +209,8 @@ export default {
|
||||||
var id = this.listSections[item]?._id;
|
var id = this.listSections[item]?._id;
|
||||||
let url = settingsApi.help.delete;
|
let url = settingsApi.help.delete;
|
||||||
url = url.replace("{{id}}", id);
|
url = url.replace("{{id}}", id);
|
||||||
this.httpService.postRequest(url).then((response) => {
|
this.httpService.postRequest(repoUrl() + url).then((response) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "با موفقیت حذف شد",
|
title: "با موفقیت حذف شد",
|
||||||
// html: response.data.message,
|
// html: response.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -215,7 +225,7 @@ export default {
|
||||||
url = url.replace("{{key_option}}", this.value?.key);
|
url = url.replace("{{key_option}}", this.value?.key);
|
||||||
url = url.replace("{{offset}}", this.pagination?.offset);
|
url = url.replace("{{offset}}", this.pagination?.offset);
|
||||||
url = url.replace("{{limit}}", this.pagination?.limit);
|
url = url.replace("{{limit}}", this.pagination?.limit);
|
||||||
this.httpService.getRequest(url).then((response) => {
|
this.httpService.getRequest(repoUrl() + url).then((response) => {
|
||||||
let list = response.hits?.hits;
|
let list = response.hits?.hits;
|
||||||
this.listSections = list;
|
this.listSections = list;
|
||||||
if (this.sections.length >= 0) this.sections = [];
|
if (this.sections.length >= 0) this.sections = [];
|
||||||
|
|
@ -239,7 +249,7 @@ export default {
|
||||||
},
|
},
|
||||||
getSchemas() {
|
getSchemas() {
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(searchApi.schema.list, {
|
.postRequest(repoUrl() + searchApi.schema.list, {
|
||||||
organ: this.organNameGetter,
|
organ: this.organNameGetter,
|
||||||
system: "setting",
|
system: "setting",
|
||||||
build_state: buildState(),
|
build_state: buildState(),
|
||||||
242
pages/admin/guides/index.vue
Normal file
242
pages/admin/guides/index.vue
Normal file
|
|
@ -0,0 +1,242 @@
|
||||||
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
|
<div class="page">
|
||||||
|
<div class="container">
|
||||||
|
<form>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col-3">
|
||||||
|
<label for=""> انتخاب بخش:</label>
|
||||||
|
<multiselect
|
||||||
|
:allow-empty="false"
|
||||||
|
:searchable="true"
|
||||||
|
:close-on-select="true"
|
||||||
|
:show-labels="false"
|
||||||
|
:value="value"
|
||||||
|
:options="options"
|
||||||
|
class="multi"
|
||||||
|
@select="select"
|
||||||
|
label="label"
|
||||||
|
track-by="key"
|
||||||
|
placeholder="دسته"
|
||||||
|
:hide-selected="false"
|
||||||
|
:max-height="200"
|
||||||
|
>
|
||||||
|
</multiselect>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col-6">
|
||||||
|
<label for="">عنوان سوال:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="عنوان سوال را کوتاه و واضح وارد نمایید"
|
||||||
|
v-model="title"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<label for="">نشانی صفحه:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="نشانی از همین سامانه انتخاب کنید"
|
||||||
|
v-model="link"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col">
|
||||||
|
<label for="">توضیح کوتاه:</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="توضیح مختصر حداکثر یک خط باشد"
|
||||||
|
v-model="description"
|
||||||
|
maxlength="500"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col">
|
||||||
|
<label for="" class="mt-2">توضیح مفصل:</label>
|
||||||
|
<quill-editor
|
||||||
|
v-model="editorData"
|
||||||
|
content-type="html"
|
||||||
|
:options="editorOptions"
|
||||||
|
></quill-editor>
|
||||||
|
<!-- <VueEditor
|
||||||
|
dir="rtl"
|
||||||
|
v-model="editorData"
|
||||||
|
:editorOptions="editorOptions"
|
||||||
|
></VueEditor> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<button class="btn-save" @click="saveData">ذخیره</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import searchApi from "~/apis/searchApi";
|
||||||
|
import settingsApi from "~/apis/settingsApi";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
// import { VueEditor } from "vue2-editor";
|
||||||
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import { useStorage } from "@vueuse/core";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { useSearchStore } from "~/stores/searchStore";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "adminGuides",
|
||||||
|
setup() {
|
||||||
|
definePageMeta({
|
||||||
|
name: "adminGuides",
|
||||||
|
layout: false,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
// this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
||||||
|
...mapState(useCommonStore, ["organNameGetter"]),
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
let localStoageHelpSchema = useStorage("settingSchema", undefined).value;
|
||||||
|
|
||||||
|
if (localStoageHelpSchema) {
|
||||||
|
let helpSchema = JSON.parse(localStoageHelpSchema);
|
||||||
|
this.helpSchemaSetter(helpSchema);
|
||||||
|
this.options = this.helpSchemaGetter[0].category;
|
||||||
|
} else this.getSchemas();
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
|
value: "",
|
||||||
|
editorData: "",
|
||||||
|
title: "",
|
||||||
|
link: "",
|
||||||
|
description: "",
|
||||||
|
fullDesc: "",
|
||||||
|
httpService: undefined,
|
||||||
|
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
||||||
|
editorOptions: {
|
||||||
|
theme: "snow", // تم ویرایشگر: 'snow' یا 'bubble'
|
||||||
|
placeholder: "متن خود را بنویسید...",
|
||||||
|
modules: {
|
||||||
|
toolbar: [
|
||||||
|
[{ header: [1, 2, 3, false] }], // سطح هدینگها
|
||||||
|
["bold", "italic", "underline", "strike"], // دکمههای استایل متن
|
||||||
|
[{ color: [] }, { background: [] }], // رنگ متن و پسزمینه
|
||||||
|
[{ list: "ordered" }, { list: "bullet" }], // لیستهای شمارهدار و نقطهای
|
||||||
|
["blockquote", "code-block"], // نقلقول و کد
|
||||||
|
[{ align: [] }], // تراز بندی متن
|
||||||
|
["link", "image", "video"], // افزودن لینک، تصویر، و ویدیو
|
||||||
|
["clean"], // حذف فرمتها
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// ...mapActions("search", ["helpSchemaSetter"]),
|
||||||
|
...mapActions(useSearchStore, ["helpSchemaSetter"]),
|
||||||
|
// searchStore
|
||||||
|
select(e) {
|
||||||
|
this.value = e;
|
||||||
|
},
|
||||||
|
getSchemas() {
|
||||||
|
this.httpService
|
||||||
|
.postRequest(repoUrl() + searchApi.schema.list, {
|
||||||
|
organ: this.organNameGetter,
|
||||||
|
system: "setting",
|
||||||
|
build_state: buildState(),
|
||||||
|
})
|
||||||
|
.then((response) => {
|
||||||
|
this.helpSchemaSetter(response.data.setting);
|
||||||
|
this.options = this.helpSchemaGetter[0].category;
|
||||||
|
// this.options = response;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
saveData() {
|
||||||
|
var origin = location.origin;
|
||||||
|
|
||||||
|
let cleaned = this.link;
|
||||||
|
if (this.link.startsWith(origin) || this.link == "") {
|
||||||
|
cleaned = this.link.replace(origin, "");
|
||||||
|
} else {
|
||||||
|
let errorMessage = "نشانی پیوند باید با " + origin + "شروع شود";
|
||||||
|
mySwalToast({
|
||||||
|
title: errorMessage,
|
||||||
|
// html: response.data.message,
|
||||||
|
|
||||||
|
icon: "error",
|
||||||
|
timer: 7000,
|
||||||
|
});
|
||||||
|
return "";
|
||||||
|
}
|
||||||
|
|
||||||
|
let payload = {
|
||||||
|
value_key: this.value.key,
|
||||||
|
value: this.editorData,
|
||||||
|
meta: {
|
||||||
|
title: this.title,
|
||||||
|
link: cleaned,
|
||||||
|
description: this.description,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
this.httpService
|
||||||
|
.postRequest(repoUrl() + settingsApi.help.addItem, payload)
|
||||||
|
.then((response) => {
|
||||||
|
mySwalToast({
|
||||||
|
title: "با موفقیت ثبت شد",
|
||||||
|
// html: response.data.message,
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
this.resetItem();
|
||||||
|
// this.helpSchemaSetter(response.data.setting);
|
||||||
|
// this.options = response;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
resetItem() {
|
||||||
|
this.title = "";
|
||||||
|
this.link = "";
|
||||||
|
this.description = "";
|
||||||
|
this.editorData = "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
input {
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
border: 2px solid rgb(127, 170, 170);
|
||||||
|
font-size: 14px;
|
||||||
|
height: 3em;
|
||||||
|
width: 100%;
|
||||||
|
&::placeholder {
|
||||||
|
color: #a7a098;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.multi {
|
||||||
|
// width: 200px;
|
||||||
|
border: 2px solid rgb(127, 170, 170);
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
}
|
||||||
|
.btn-save {
|
||||||
|
width: 100px;
|
||||||
|
height: 2.5em;
|
||||||
|
float: left;
|
||||||
|
background-color: white;
|
||||||
|
margin-top: 0.8em;
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
border: 2px solid rgb(127, 170, 170);
|
||||||
|
}
|
||||||
|
.page {
|
||||||
|
height: calc(100vh - 5em);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="main" id="top">
|
|
||||||
<header>
|
|
||||||
<the-navbar></the-navbar>
|
|
||||||
</header>
|
|
||||||
<the-sidebar :menu="menu"></the-sidebar>
|
|
||||||
|
|
||||||
<main
|
|
||||||
class="pages-content-container p-3"
|
|
||||||
:class="{ 'expanded': !isSidebarCollapsed }"
|
|
||||||
>
|
|
||||||
<router-view></router-view>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
import menu from "~/json/admin/json/menu.json";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
menu: menu,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(["isSidebarCollapsed"]),
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
...mapActions(["TOGGLE_PANEL"]),
|
|
||||||
toggleSidebarMenu() {
|
|
||||||
this.$store.commit('TOGGLE_SIDEBAR_MENU')
|
|
||||||
},
|
|
||||||
},
|
|
||||||
beforeCreate() {
|
|
||||||
ApiService.init(import.meta.env.VITE_REPO_BASE_URL);
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.TOGGLE_PANEL(false);
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.navbar-2 {
|
|
||||||
// background: linear-gradient(45deg, #7ce2fb, #51d3f3);
|
|
||||||
// color: #fff;
|
|
||||||
|
|
||||||
background-color: #fbfafd;
|
|
||||||
// border-bottom: 1px solid #e9e9e9;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,437 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<!-- <header>
|
|
||||||
<the-navbar></the-navbar>
|
|
||||||
</header>
|
|
||||||
<the-sidebar :menu="menu"></the-sidebar> -->
|
|
||||||
|
|
||||||
<main class="pages-content-container">
|
|
||||||
<div class="pages-content mt-4 mt-lg-0">
|
|
||||||
<div class="p-3" :class="{ 'd-flex': showPanel }">
|
|
||||||
<div v-if="canView">
|
|
||||||
<my-table
|
|
||||||
:tableActions="tableActions"
|
|
||||||
height="calc(100vh - 17em)"
|
|
||||||
:hasSearch="true"
|
|
||||||
minHeight="25em"
|
|
||||||
maxHeight="calc(100dvh - 5em)"
|
|
||||||
:paginationInfo="pagination"
|
|
||||||
:sortingInfo="sorting"
|
|
||||||
:items="groups"
|
|
||||||
:fetchingData="fetchingData"
|
|
||||||
:tableColumns="tableColumns"
|
|
||||||
:totalPages="pagination.pages"
|
|
||||||
@search="searchGroups"
|
|
||||||
@reset-form="searchGroups"
|
|
||||||
@delete-table-item="deleteItem"
|
|
||||||
@edit-table-item="toggleUsersPanel"
|
|
||||||
@page-changed="pageChanged"
|
|
||||||
@page-limit-changed="pageLimitChanged"
|
|
||||||
@sort-changed="sortChanged"
|
|
||||||
>
|
|
||||||
<slot name="tableHeaderActions">
|
|
||||||
<div class="dropdown">
|
|
||||||
<button
|
|
||||||
class="btn dropdown-toggle"
|
|
||||||
type="button"
|
|
||||||
data-toggle="dropdown"
|
|
||||||
aria-expanded="false"
|
|
||||||
>
|
|
||||||
{{ groupsTranslation[searchType] }}
|
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu text-right">
|
|
||||||
<button
|
|
||||||
class="dropdown-item"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="setSearchType('getGroupsWithoutAdmin')"
|
|
||||||
:class="{ active: searchType == 'getGroupsWithoutAdmin' }"
|
|
||||||
value="getGroupsWithoutAdmin"
|
|
||||||
>
|
|
||||||
{{ groupsTranslation["getGroupsWithoutAdmin"] }}
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="dropdown-item"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="setSearchType('getGroupsWithAdmin')"
|
|
||||||
:class="{ active: searchType == 'getGroupsWithAdmin' }"
|
|
||||||
value="getGroupsWithAdmin"
|
|
||||||
>
|
|
||||||
{{ groupsTranslation["getGroupsWithAdmin"] }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</slot>
|
|
||||||
</my-table>
|
|
||||||
</div>
|
|
||||||
<no-data v-else>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-else
|
|
||||||
class="d-flex justify-content-center align-items-center"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="alert alert-warning d-flex justify-content-center align-items-center"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="tavasi tavasi-warning-circle color-inherit ml-1 text__32"
|
|
||||||
></span>
|
|
||||||
عدم دسترسی
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</no-data>
|
|
||||||
<div class="side-panel" v-if="showPanel">
|
|
||||||
<div
|
|
||||||
class="side-panel-header d-flex mb-3 pb-3 border-bottom align-items-center"
|
|
||||||
>
|
|
||||||
<h5 class="m-0">جستجو و انتخاب مدیر گروه</h5>
|
|
||||||
|
|
||||||
<button
|
|
||||||
@click.prevent="toggleUsersPanel(undefined)"
|
|
||||||
class="btn mr-auto"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
<svg class="icon icon-Component-294--1">
|
|
||||||
<use xlink:href="#icon-Component-294--1"></use>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="side-panel-content">
|
|
||||||
<users-search
|
|
||||||
v-if="showPanel"
|
|
||||||
:searchResults="users"
|
|
||||||
@on-send="searchUsers"
|
|
||||||
@set-as-admin="setAsAdmin"
|
|
||||||
></users-search>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
|
|
||||||
import menu from "~/json/admin/json/menu.json";
|
|
||||||
import adminApi from "~/apis/adminApi";
|
|
||||||
import permitApis from "~/apis/permitApi";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
beforeMount() {
|
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.checkPermisionBeforGetList();
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
searchType: "getGroupsWithoutAdmin",
|
|
||||||
groupsTranslation: {
|
|
||||||
getGroupsWithoutAdmin: "گروه های بدون مدیر",
|
|
||||||
getGroupsWithAdmin: "گروه های دارای مدیر",
|
|
||||||
},
|
|
||||||
groups: [],
|
|
||||||
menu: menu,
|
|
||||||
firstTimeSearching: false,
|
|
||||||
httpService: undefined,
|
|
||||||
tableActions: [
|
|
||||||
{
|
|
||||||
showOutside: true,
|
|
||||||
show: true,
|
|
||||||
icon: "tavasi tavasi-Component-242--1",
|
|
||||||
title: "تعیین مدیر",
|
|
||||||
to: {
|
|
||||||
name: "undefined",
|
|
||||||
},
|
|
||||||
selected: false,
|
|
||||||
disabled: false,
|
|
||||||
howToOpen: "",
|
|
||||||
href: "",
|
|
||||||
class: "edit-btn",
|
|
||||||
action: "edit-table-item",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
canView: false,
|
|
||||||
fetchingData: false,
|
|
||||||
tableColumns: [
|
|
||||||
{
|
|
||||||
isLink: true,
|
|
||||||
key: "title",
|
|
||||||
title: "عنوان",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
isLink: true,
|
|
||||||
key: "desc",
|
|
||||||
title: "توضیحات",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
pagination: {
|
|
||||||
page: 1,
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
},
|
|
||||||
sorting: {
|
|
||||||
sortby: "title",
|
|
||||||
sortorder: "asc", // asc | desc | none
|
|
||||||
},
|
|
||||||
users: [],
|
|
||||||
loading: false,
|
|
||||||
showPanel: false,
|
|
||||||
selectedItemClone: undefined,
|
|
||||||
|
|
||||||
prevSelectedItemIndex: undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
...mapState(["isSidebarCollapsed"]),
|
|
||||||
...mapActions(["checkPermissions"]),
|
|
||||||
|
|
||||||
checkPermisionBeforGetList() {
|
|
||||||
if (this.fetchingData) return;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
this.checkPermissions({ _this: this, permission: "groups_view" })
|
|
||||||
.then(() => {
|
|
||||||
this.getGroupsWithoutAdmin()
|
|
||||||
.then(() => {
|
|
||||||
this.canView = true;
|
|
||||||
this.fetchingData = false;
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.canView = false;
|
|
||||||
this.fetchingData = false;
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.canView = false;
|
|
||||||
this.fetchingData = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async getGroupsWithoutAdmin(query = "") {
|
|
||||||
let url = `${messageUrl()}/${adminApi.groups.groupsWithoutAdmin}`;
|
|
||||||
|
|
||||||
return await this.httpService
|
|
||||||
.getRequest(this.updateUrl(url, query))
|
|
||||||
.then((res) => {
|
|
||||||
this.groups = res.data;
|
|
||||||
this.pagination = { ...this.pagination, ...res.pagination };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getGroupsWithAdmin() {
|
|
||||||
if (this.fetchingData) return;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
let url = `${messageUrl()}/${adminApi.groups.groupsWithAdmin}`;
|
|
||||||
|
|
||||||
this.httpService
|
|
||||||
.getRequest(this.updateUrl(url))
|
|
||||||
.then((response) => {
|
|
||||||
this.groups = response.data;
|
|
||||||
this.pagination = { ...this.pagination, ...response.pagination };
|
|
||||||
})
|
|
||||||
|
|
||||||
.finally(() => {
|
|
||||||
this.fetchingData = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
updateUrl(url, query = "") {
|
|
||||||
url = url.replace("@offset", this.pagination.offset);
|
|
||||||
url = url.replace("@limit", this.pagination.limit);
|
|
||||||
url = url.replace("@sortby", this.sorting.sortby);
|
|
||||||
url = url.replace("@sortorder", this.sorting.sortorder);
|
|
||||||
|
|
||||||
// for searching groups.
|
|
||||||
if (query?.length) url = url.replace("@query", query);
|
|
||||||
else url = url.replace("/@query", query);
|
|
||||||
return url;
|
|
||||||
},
|
|
||||||
async searchUsers(query = "") {
|
|
||||||
// this.resetPagination();
|
|
||||||
|
|
||||||
let url = loginUrl() + permitApis.users.search;
|
|
||||||
url = url.replace("{{offset}}", 0);
|
|
||||||
url = url.replace("{{limit}}", 50);
|
|
||||||
url = url.replace("{{sortby}}", "username");
|
|
||||||
url = url.replace("{{sortorder}}", "desc");
|
|
||||||
|
|
||||||
// removing '/' before query if query is empty.
|
|
||||||
if (query) url = url.replace("{{query}}", query);
|
|
||||||
else url = url.replace("/{{query}}", query);
|
|
||||||
|
|
||||||
return await this.httpService.getRequest(url).then((res) => {
|
|
||||||
this.users = res.data;
|
|
||||||
// this.pagination = { ...this.pagination, ...res.pagination };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// searchUsers(query = "") {
|
|
||||||
// this.resetPagination();
|
|
||||||
// this[this.searchType](query);
|
|
||||||
|
|
||||||
// // this.getGroupsWithoutAdmin(query);
|
|
||||||
// },
|
|
||||||
searchGroups(query) {
|
|
||||||
this.resetPagination();
|
|
||||||
this[this.searchType](query);
|
|
||||||
},
|
|
||||||
setSearchType(groupType) {
|
|
||||||
this.searchType = groupType;
|
|
||||||
|
|
||||||
this.resetPagination();
|
|
||||||
this[groupType]();
|
|
||||||
},
|
|
||||||
|
|
||||||
removeGroupMember() {},
|
|
||||||
setAsAdmin(user) {
|
|
||||||
if (this.loading) return;
|
|
||||||
this.loading = true;
|
|
||||||
|
|
||||||
const url = messageUrl() + "/" + chatApi.groups.setAdmin;
|
|
||||||
|
|
||||||
let payload = {
|
|
||||||
user_id: user.id,
|
|
||||||
group_id: this.selectedItemClone.id,
|
|
||||||
};
|
|
||||||
|
|
||||||
this.httpService
|
|
||||||
.postRequest(url, payload)
|
|
||||||
.then((res) => {
|
|
||||||
this.getGroupsWithoutAdmin().then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.mySwalToast({
|
|
||||||
html: res.message,
|
|
||||||
});
|
|
||||||
|
|
||||||
this.showPanel = false;
|
|
||||||
this.resetForm();
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleUsersPanel(index = undefined) {
|
|
||||||
if (index !== undefined) {
|
|
||||||
if (this.prevSelectedItemIndex !== undefined)
|
|
||||||
this.groups[this.prevSelectedItemIndex].active = false;
|
|
||||||
|
|
||||||
this.prevSelectedItemIndex = index;
|
|
||||||
this.$set(this.groups[index], "active", true);
|
|
||||||
this.selectedItemClone = structuredClone(this.groups[index]);
|
|
||||||
|
|
||||||
this.showPanel = true;
|
|
||||||
} else {
|
|
||||||
this.resetForm();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
resetForm() {
|
|
||||||
this.selectedItemClone = undefined;
|
|
||||||
this.users = [];
|
|
||||||
this.showPanel = false;
|
|
||||||
},
|
|
||||||
|
|
||||||
// pagination and sorting
|
|
||||||
resetPagination() {
|
|
||||||
this.pagination = {
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
page: 1,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
pageLimitChanged(paging) {
|
|
||||||
this.resetPagination();
|
|
||||||
this.pagination.limit = paging.limit;
|
|
||||||
|
|
||||||
this[this.searchType]();
|
|
||||||
},
|
|
||||||
pageChanged(paging) {
|
|
||||||
let page = paging.pageNumber;
|
|
||||||
page -= 1;
|
|
||||||
this.pagination.offset = page * paging.limit;
|
|
||||||
this.pagination.limit = paging.limit;
|
|
||||||
this.pagination.page = paging.pageNumber;
|
|
||||||
|
|
||||||
this[this.searchType]();
|
|
||||||
},
|
|
||||||
sortChanged(sorting) {
|
|
||||||
this.pagination.page = this.pagination.offset = 0;
|
|
||||||
this.sorting = sorting;
|
|
||||||
|
|
||||||
this[this.searchType]();
|
|
||||||
},
|
|
||||||
|
|
||||||
// not used yet.
|
|
||||||
deleteItem(index) {
|
|
||||||
if (this.loading) return;
|
|
||||||
this.loading = true;
|
|
||||||
|
|
||||||
let groupId = this.groups[index].id;
|
|
||||||
|
|
||||||
const payload = {
|
|
||||||
group_id: groupId,
|
|
||||||
};
|
|
||||||
|
|
||||||
const url = `${messageUrl()}/${adminApi.groups.delete}`;
|
|
||||||
|
|
||||||
this.mySwalConfirm({
|
|
||||||
title: "هشدار",
|
|
||||||
html: "با حذف گروه، تمامی مسائل و پاسخ های آن نیز حذف خواهد شد.",
|
|
||||||
icon: "warning",
|
|
||||||
}).then((result) => {
|
|
||||||
if (result.isConfirmed) {
|
|
||||||
this.httpService.postRequest(url, payload).then((res) => {
|
|
||||||
this[this.searchType]().then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
// this.showPanel = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.mySwalToast({
|
|
||||||
html: res.message,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
openCreatePanel() {
|
|
||||||
this.selectedItemClone = undefined;
|
|
||||||
this.showPanel = true;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.side-panel {
|
|
||||||
padding: 1em;
|
|
||||||
width: 30em;
|
|
||||||
max-width: 100%;
|
|
||||||
background-color: #fafafa;
|
|
||||||
border-right: 1px solid #eee;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,387 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<!-- <header>
|
|
||||||
<the-navbar></the-navbar>
|
|
||||||
</header>
|
|
||||||
<the-sidebar :menu="menu"></the-sidebar> -->
|
|
||||||
|
|
||||||
<main class="pages-content-container">
|
|
||||||
<div class="pages-content mt-4 mt-lg-0">
|
|
||||||
<div class="p-3" :class="{ 'd-flex': showPanel }">
|
|
||||||
<div v-if="canView">
|
|
||||||
<my-table
|
|
||||||
:tableActions="tableActions"
|
|
||||||
height="calc(100vh - 17em)"
|
|
||||||
:hasSearch="true"
|
|
||||||
maxHeight="calc(100dvh - 5em)"
|
|
||||||
:paginationInfo="pagination"
|
|
||||||
:sortingInfo="sorting"
|
|
||||||
:items="users"
|
|
||||||
:fetchingData="fetchingData"
|
|
||||||
:tableColumns="tableColumns"
|
|
||||||
:totalPages="pagination.pages"
|
|
||||||
@search="searchGroups"
|
|
||||||
@reset-form="searchUsers"
|
|
||||||
@delete-table-item="deleteItem"
|
|
||||||
@edit-table-item="toggleUsersPanel"
|
|
||||||
@page-changed="pageChanged"
|
|
||||||
@page-limit-changed="pageLimitChanged"
|
|
||||||
@sort-changed="sortChanged"
|
|
||||||
>
|
|
||||||
<template #tableHeaderActions>
|
|
||||||
<button
|
|
||||||
v-if="!showPanel"
|
|
||||||
@click.prevent="openCreatePanel()"
|
|
||||||
class="btn btn-primary"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
ایجاد
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
</my-table>
|
|
||||||
</div>
|
|
||||||
<no-data v-else>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-else
|
|
||||||
class="d-flex justify-content-center align-items-center"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="alert alert-warning d-flex justify-content-center align-items-center"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="tavasi tavasi-warning-circle color-inherit ml-1 text__32"
|
|
||||||
></span>
|
|
||||||
عدم دسترسی
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</no-data>
|
|
||||||
<div class="side-panel mx-5" v-if="showPanel">
|
|
||||||
<div class="side-panel-header d-flex mb-3 pb-3 border-bottom">
|
|
||||||
<h6 class="m-0">مدیریت کاربران</h6>
|
|
||||||
|
|
||||||
<button
|
|
||||||
@click.prevent="toggleUsersPanel(undefined)"
|
|
||||||
class="btn btn-outline-primary mr-auto"
|
|
||||||
type="button"
|
|
||||||
>
|
|
||||||
x
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="side-panel-content">
|
|
||||||
<new-user-form
|
|
||||||
:parentLoading="loading"
|
|
||||||
:userData="selectedItemClone"
|
|
||||||
@on-pass-by-emit="save"
|
|
||||||
></new-user-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import apis from "~/apis/permitApi";
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
|
|
||||||
import menu from "~/json/admin/json/menu.json";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
beforeMount() {
|
|
||||||
this.httpService = new HttpService(
|
|
||||||
import.meta.env.VITE_BASE_URL + loginUrl()
|
|
||||||
);
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.checkPermisionBeforGetList();
|
|
||||||
},
|
|
||||||
// watch: {
|
|
||||||
// projectGetter() {
|
|
||||||
// this.showPanel = false;
|
|
||||||
// this.checkPermisionBeforGetList();
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
menu: menu,
|
|
||||||
firstTimeSearching: false,
|
|
||||||
httpService: undefined,
|
|
||||||
tableActions: [
|
|
||||||
{
|
|
||||||
showOutside: true,
|
|
||||||
show: true,
|
|
||||||
icon: "tavasi tavasi-Component-242--1",
|
|
||||||
title: "ویرایش",
|
|
||||||
to: {
|
|
||||||
name: "undefined",
|
|
||||||
},
|
|
||||||
selected: false,
|
|
||||||
disabled: false,
|
|
||||||
howToOpen: "",
|
|
||||||
href: "",
|
|
||||||
class: "edit-btn",
|
|
||||||
action: "edit-table-item",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
canView: false,
|
|
||||||
fetchingData: false,
|
|
||||||
tableColumns: [
|
|
||||||
{
|
|
||||||
isLink: true,
|
|
||||||
key: "name",
|
|
||||||
title: "نام",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
isLink: true,
|
|
||||||
key: "lastname",
|
|
||||||
title: "نام خانوادگی",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "username",
|
|
||||||
title: "نام کاربری",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "email",
|
|
||||||
title: "ایمیل",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "is_active",
|
|
||||||
title: "فعال",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "admin",
|
|
||||||
title: "مدیر",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "mobile",
|
|
||||||
title: "موبایل",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "date_c",
|
|
||||||
title: "ایجاد",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "last-signed-int",
|
|
||||||
title: "آخرین ورود",
|
|
||||||
width: "2",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
pagination: {
|
|
||||||
page: 1,
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
},
|
|
||||||
sorting: {
|
|
||||||
sortby: "name",
|
|
||||||
sortorder: "asc", // asc | desc | none
|
|
||||||
},
|
|
||||||
users: [],
|
|
||||||
loading: false,
|
|
||||||
showPanel: false,
|
|
||||||
selectedItemClone: undefined,
|
|
||||||
|
|
||||||
prevSelectedItemIndex: undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
...mapState(["isSidebarCollapsed"]),
|
|
||||||
|
|
||||||
...mapActions(["checkPermissions"]),
|
|
||||||
checkPermisionBeforGetList() {
|
|
||||||
if (this.fetchingData) return;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
this.checkPermissions({ _this: this, permission: "modifications_view" })
|
|
||||||
.then(() => {
|
|
||||||
this.getUsers()
|
|
||||||
.then(() => {
|
|
||||||
this.canView = true;
|
|
||||||
this.fetchingData = false;
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.canView = false;
|
|
||||||
this.fetchingData = false;
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.canView = false;
|
|
||||||
this.fetchingData = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async searchUsers(query = "") {
|
|
||||||
this.resetPagination();
|
|
||||||
|
|
||||||
let url = apis.users.search;
|
|
||||||
url = url.replace("{{offset}}", this.pagination.offset);
|
|
||||||
url = url.replace("{{limit}}", this.pagination.limit);
|
|
||||||
url = url.replace("{{sortby}}", this.sorting.sortby);
|
|
||||||
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
|
||||||
|
|
||||||
// removing '/' before query if query is empty.
|
|
||||||
if (query) url = url.replace("{{query}}", query);
|
|
||||||
else url = url.replace("/{{query}}", query);
|
|
||||||
|
|
||||||
return await this.httpService.getRequest(url).then((res) => {
|
|
||||||
this.users = res.data;
|
|
||||||
this.pagination = { ...this.pagination, ...res.pagination };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
async getUsers() {
|
|
||||||
let url = apis.users.list;
|
|
||||||
|
|
||||||
url = url.replace("{{offset}}", this.pagination.offset);
|
|
||||||
url = url.replace("{{limit}}", this.pagination.limit);
|
|
||||||
url = url.replace("{{sortby}}", this.sorting.sortby);
|
|
||||||
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
|
||||||
|
|
||||||
return await this.httpService.getRequest(url).then((res) => {
|
|
||||||
this.users = res.data;
|
|
||||||
this.pagination = { ...this.pagination, ...res.pagination };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
save(formData = undefined) {
|
|
||||||
if (this.loading) return;
|
|
||||||
this.loading = true;
|
|
||||||
|
|
||||||
const url = formData.id ? apis.users.update : apis.users.create;
|
|
||||||
|
|
||||||
formData;
|
|
||||||
this.httpService
|
|
||||||
.postRequest(url, formData)
|
|
||||||
.then((res) => {
|
|
||||||
this.getUsers().then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.mySwalToast({
|
|
||||||
html: res.message,
|
|
||||||
});
|
|
||||||
|
|
||||||
this.showPanel = false;
|
|
||||||
this.resetForm();
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
deleteItem(index) {
|
|
||||||
if (this.loading) return;
|
|
||||||
this.loading = true;
|
|
||||||
|
|
||||||
let userId = this.users[index].id;
|
|
||||||
const payload = {
|
|
||||||
id: userId,
|
|
||||||
};
|
|
||||||
|
|
||||||
this.mySwalConfirm({
|
|
||||||
title: "هشدار",
|
|
||||||
html: "هشدار!!!!",
|
|
||||||
icon: "warning",
|
|
||||||
}).then((result) => {
|
|
||||||
if (result.isConfirmed) {
|
|
||||||
this.httpService
|
|
||||||
.postRequest(apis.users.delete, payload)
|
|
||||||
.then((res) => {
|
|
||||||
this.getUsers().then(() => {
|
|
||||||
this.loading = false;
|
|
||||||
this.showPanel = false;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.mySwalToast({
|
|
||||||
html: res.message,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resetPagination() {
|
|
||||||
this.pagination = {
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
page: 1,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
pageLimitChanged(paging) {
|
|
||||||
this.resetPagination();
|
|
||||||
this.pagination.limit = paging.limit;
|
|
||||||
|
|
||||||
this.getUsers();
|
|
||||||
},
|
|
||||||
pageChanged(paging) {
|
|
||||||
let page = paging.pageNumber;
|
|
||||||
page -= 1;
|
|
||||||
this.pagination.offset = page * paging.limit;
|
|
||||||
this.pagination.limit = paging.limit;
|
|
||||||
this.pagination.page = paging.pageNumber;
|
|
||||||
|
|
||||||
this.getUsers();
|
|
||||||
},
|
|
||||||
sortChanged(sorting) {
|
|
||||||
this.pagination.page = this.pagination.offset = 0;
|
|
||||||
this.sorting = sorting;
|
|
||||||
|
|
||||||
this.getUsers();
|
|
||||||
},
|
|
||||||
openCreatePanel() {
|
|
||||||
this.selectedItemClone = undefined;
|
|
||||||
this.showPanel = true;
|
|
||||||
},
|
|
||||||
toggleUsersPanel(index = undefined) {
|
|
||||||
if (index !== undefined) {
|
|
||||||
if (this.prevSelectedItemIndex !== undefined)
|
|
||||||
this.users[this.prevSelectedItemIndex].active = false;
|
|
||||||
|
|
||||||
this.prevSelectedItemIndex = index;
|
|
||||||
this.$set(this.users[index], "active", true);
|
|
||||||
this.selectedItemClone = structuredClone(this.users[index]);
|
|
||||||
|
|
||||||
this.showPanel = true;
|
|
||||||
} else {
|
|
||||||
this.resetForm();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
resetForm() {
|
|
||||||
this.selectedItemClone = undefined;
|
|
||||||
this.showPanel = false;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.side-panel-content {
|
|
||||||
min-width: 19em;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="main" id="top">
|
|
||||||
<header>
|
|
||||||
<the-navbar></the-navbar>
|
|
||||||
</header>
|
|
||||||
<the-sidebar :menu="menu"></the-sidebar>
|
|
||||||
|
|
||||||
<main
|
|
||||||
class="pages-content-container p-3"
|
|
||||||
:class="{ 'expanded': !isSidebarCollapsed }"
|
|
||||||
>
|
|
||||||
<router-view></router-view>
|
|
||||||
</main>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
import menu from "~/json/admin/json/menu.json";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "adminModuleLayout",
|
|
||||||
setup() {
|
|
||||||
definePageMeta({
|
|
||||||
name: "adminModuleLayout",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
menu: menu,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(["isSidebarCollapsed"]),
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
...mapActions(["TOGGLE_PANEL"]),
|
|
||||||
toggleSidebarMenu() {
|
|
||||||
this.$store.commit('TOGGLE_SIDEBAR_MENU')
|
|
||||||
},
|
|
||||||
},
|
|
||||||
beforeCreate() {
|
|
||||||
ApiService.init(import.meta.env.VITE_REPO_BASE_URL);
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.TOGGLE_PANEL(false);
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.navbar-2 {
|
|
||||||
// background: linear-gradient(45deg, #7ce2fb, #51d3f3);
|
|
||||||
// color: #fff;
|
|
||||||
|
|
||||||
background-color: #fbfafd;
|
|
||||||
// border-bottom: 1px solid #e9e9e9;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -39,7 +39,7 @@
|
||||||
</p>
|
</p>
|
||||||
</no-data>
|
</no-data>
|
||||||
|
|
||||||
<!-- <div class="side-panel" v-if="showRoles">
|
<div class="side-panel" v-if="showRoles">
|
||||||
<div class="panel-form-header">
|
<div class="panel-form-header">
|
||||||
<h6 class="">{{ $t("DepartmentManagement") }}</h6>
|
<h6 class="">{{ $t("DepartmentManagement") }}</h6>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -116,7 +116,7 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
|
|
@ -145,7 +145,6 @@ export default {
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
projectGetter() {
|
projectGetter() {
|
||||||
this.showRoles = false;
|
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
},
|
},
|
||||||
getPanelStatus() {
|
getPanelStatus() {
|
||||||
|
|
@ -192,9 +191,7 @@ export default {
|
||||||
httpService: {},
|
httpService: {},
|
||||||
canView: false,
|
canView: false,
|
||||||
fetchingData: false,
|
fetchingData: false,
|
||||||
|
|
||||||
changeDetectionCounter: 1,
|
changeDetectionCounter: 1,
|
||||||
|
|
||||||
sections: [],
|
sections: [],
|
||||||
loading: false,
|
loading: false,
|
||||||
showRoles: false,
|
showRoles: false,
|
||||||
|
|
@ -212,7 +209,6 @@ export default {
|
||||||
sortby: "",
|
sortby: "",
|
||||||
sortorder: "", // asc | desc
|
sortorder: "", // asc | desc
|
||||||
},
|
},
|
||||||
|
|
||||||
pagination: {
|
pagination: {
|
||||||
page: 1,
|
page: 1,
|
||||||
pages: 0,
|
pages: 0,
|
||||||
|
|
@ -251,14 +247,11 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
// ...mapGetters("permit", ["projectGetter"]),
|
|
||||||
// ...mapGetters(["getPanelStatus"]),
|
|
||||||
...mapState(usePermitStore, ["projectGetter"]),
|
...mapState(usePermitStore, ["projectGetter"]),
|
||||||
...mapState(useCommonStore, ["getPanelStatus"]),
|
...mapState(useCommonStore, ["getPanelStatus"]),
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions(useCommonStore, ["checkPermissions"]),
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
// ...mapMutations("permit", ["SET_PROJECT"]),
|
|
||||||
...mapActions(usePermitStore, ["SET_PROJECT"]),
|
...mapActions(usePermitStore, ["SET_PROJECT"]),
|
||||||
|
|
||||||
async getSections() {
|
async getSections() {
|
||||||
|
|
@ -269,12 +262,12 @@ export default {
|
||||||
...this.sorting,
|
...this.sorting,
|
||||||
...this.pagination,
|
...this.pagination,
|
||||||
};
|
};
|
||||||
let url = "permit/" + apis.sections.list;
|
let url = permitUrl() + apis.sections.list;
|
||||||
return await this.httpService
|
return await this.httpService
|
||||||
.postRequest(url, payload)
|
.postRequest(url, payload)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.sections = res.data.data;
|
this.sections = res.data;
|
||||||
this.pagination = { ...this.pagination, ...res.data.pagination };
|
this.pagination = { ...this.pagination, ...res.pagination };
|
||||||
})
|
})
|
||||||
|
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
|
|
@ -287,10 +280,12 @@ export default {
|
||||||
? apis.sections.edit
|
? apis.sections.edit
|
||||||
: apis.sections.add;
|
: apis.sections.add;
|
||||||
|
|
||||||
this.httpService.postRequest(url, this.selectedItemClone).then((res) => {
|
this.httpService
|
||||||
|
.postRequest(permitUrl() + url, this.selectedItemClone)
|
||||||
|
.then((res) => {
|
||||||
this.getSections();
|
this.getSections();
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: "اطلاعات با موفقیت ذخیره شد.",
|
html: "اطلاعات با موفقیت ذخیره شد.",
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -309,18 +304,18 @@ export default {
|
||||||
id: sectionId,
|
id: sectionId,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار",
|
title: "هشدار",
|
||||||
html: "از حذف این بخش مطمئن هستید؟",
|
html: "از حذف این بخش مطمئن هستید؟",
|
||||||
icon: "warning",
|
icon: "warning",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(apis.sections.delete, data)
|
.postRequest(permitUrl() + apis.sections.delete, data)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.getSections();
|
this.getSections();
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: "بخش با موفقیت حذف گردید.",
|
html: "بخش با موفقیت حذف گردید.",
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -374,7 +369,7 @@ export default {
|
||||||
this.prevSelectedItemIndex = index;
|
this.prevSelectedItemIndex = index;
|
||||||
this.sections[index].active = true;
|
this.sections[index].active = true;
|
||||||
|
|
||||||
this.selectedItemClone = structuredClone(this.sections[index]);
|
this.selectedItemClone = this.sections[index];
|
||||||
} else this.resetForm();
|
} else this.resetForm();
|
||||||
|
|
||||||
this.showRoles = true;
|
this.showRoles = true;
|
||||||
|
|
@ -432,13 +427,13 @@ export default {
|
||||||
},
|
},
|
||||||
async getProjects() {
|
async getProjects() {
|
||||||
return await this.httpService
|
return await this.httpService
|
||||||
.postRequest(apis.projects.list)
|
.postRequest(permitUrl() + apis.projects.list)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log(
|
console.log(
|
||||||
"🚀 ~ returnawaitthis.httpService.postRequest ~ res:",
|
"🚀 ~ returnawaitthis.httpService.postRequest ~ res:",
|
||||||
res
|
res
|
||||||
);
|
);
|
||||||
this.SET_PROJECT(res.data.data[0]);
|
this.SET_PROJECT(res.data[0]);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -447,15 +442,6 @@ export default {
|
||||||
// SubHeaderWithSelect: defineAsyncComponent(() =>
|
// SubHeaderWithSelect: defineAsyncComponent(() =>
|
||||||
// import("@/components/global/SubHeaderWithSelect.vue")
|
// import("@/components/global/SubHeaderWithSelect.vue")
|
||||||
// ),
|
// ),
|
||||||
// TheContentLoading: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/TheContentLoading.vue")
|
|
||||||
// ),
|
|
||||||
// MyTable: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/MyTable.vue")
|
|
||||||
// ),
|
|
||||||
// NoData: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/NoData.vue")
|
|
||||||
// ),
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -57,7 +57,7 @@
|
||||||
</no-data>
|
</no-data>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -68,37 +68,26 @@ import { defineAsyncComponent } from "vue";
|
||||||
import { mapActions, mapState } from "pinia";
|
import { mapActions, mapState } from "pinia";
|
||||||
import { useCommonStore } from "~/stores/commonStore";
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
import { usePermitStore } from "~/stores/permitStore";
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
|
// import { DEFAULT_CONFIG } from "vue-codemirror";
|
||||||
// import { mapGetters, mapMutations, mapActions } from "vuex";
|
// import { mapGetters, mapMutations, mapActions } from "vuex";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name:"rolePermission",
|
name: "rolePermission",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "rolePermission",
|
name: "rolePermission",
|
||||||
layout: false,
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.checkPermisionBeforGetList();
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
projectGetter() {
|
||||||
|
this.checkPermisionBeforGetList();
|
||||||
|
},
|
||||||
|
},
|
||||||
components: {
|
components: {
|
||||||
// BreadCrumb: () => import("@components/BreadCrumb.vue"),
|
|
||||||
// Accordion: () => import("@permission/components/Accordion.vue"),
|
|
||||||
// SubHeaderWithSelect: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/SubHeaderWithSelect.vue")
|
|
||||||
// ),
|
|
||||||
// TheContentLoading: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/TheContentLoading.vue")
|
|
||||||
// ),
|
|
||||||
// TheButtonLoading: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/TheButtonLoading.vue")
|
|
||||||
// ),
|
|
||||||
// MyTable: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/MyTable.vue")
|
|
||||||
// ),
|
|
||||||
// NoData: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/NoData.vue")
|
|
||||||
// ),
|
|
||||||
// BreadCrumb: defineAsyncComponent(() =>
|
|
||||||
// import("@/components/global/BreadCrumb.vue")
|
|
||||||
// ),
|
|
||||||
Accordion: defineAsyncComponent(() =>
|
Accordion: defineAsyncComponent(() =>
|
||||||
import("@/components/admin/components/Accordion.vue")
|
import("@/components/admin/components/Accordion.vue")
|
||||||
),
|
),
|
||||||
|
|
@ -108,7 +97,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
adminMenu:adminMenu,
|
adminMenu: adminMenu,
|
||||||
roles: [],
|
roles: [],
|
||||||
httpService: {},
|
httpService: {},
|
||||||
collapseAll: false,
|
collapseAll: false,
|
||||||
|
|
@ -140,7 +129,6 @@ export default {
|
||||||
// ...mapMutations("permit", ["SET_PROJECT"]),
|
// ...mapMutations("permit", ["SET_PROJECT"]),
|
||||||
// ...mapActions("permit", ["getProjects"]),
|
// ...mapActions("permit", ["getProjects"]),
|
||||||
|
|
||||||
|
|
||||||
...mapActions(useCommonStore, ["checkPermissions"]),
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
...mapActions(usePermitStore, ["SET_PROJECT"]),
|
...mapActions(usePermitStore, ["SET_PROJECT"]),
|
||||||
...mapActions(usePermitStore, ["getProjects"]),
|
...mapActions(usePermitStore, ["getProjects"]),
|
||||||
|
|
@ -150,10 +138,13 @@ export default {
|
||||||
this.role_id = id;
|
this.role_id = id;
|
||||||
},
|
},
|
||||||
async getRoles() {
|
async getRoles() {
|
||||||
return await ApiService.formData(apis.roles.list, {
|
return await this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.roles.list, {
|
||||||
project_id: this.projectGetter?.id,
|
project_id: this.projectGetter?.id,
|
||||||
}).then((response) => {
|
})
|
||||||
this.roles = response.data.data;
|
.then((response) => {
|
||||||
|
|
||||||
|
this.roles = response?.data;
|
||||||
|
|
||||||
this.role_id =
|
this.role_id =
|
||||||
this.roles && this.roles[0] ? this.roles[0].id : undefined;
|
this.roles && this.roles[0] ? this.roles[0].id : undefined;
|
||||||
|
|
@ -195,8 +186,10 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async getProjects() {
|
async getProjects() {
|
||||||
return await ApiService.formData(apis.projects.list).then((res) => {
|
return await this.httpService
|
||||||
this.SET_PROJECT(res.data.data[0]);
|
.postRequest(permitUrl() + apis.projects.list)
|
||||||
|
.then((res) => {
|
||||||
|
this.SET_PROJECT(res.data[0]);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
setProject(id) {
|
setProject(id) {
|
||||||
|
|
@ -207,13 +200,5 @@ export default {
|
||||||
this.SET_PROJECT(project);
|
this.SET_PROJECT(project);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
|
||||||
this.checkPermisionBeforGetList();
|
|
||||||
},
|
|
||||||
// watch: {
|
|
||||||
// projectGetter() {
|
|
||||||
// this.checkPermisionBeforGetList();
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
v-if="selectedItemClone.id"
|
v-if="selectedItemClone.id"
|
||||||
@click="deleteItem(selectedItemClone.id)"
|
@click="deleteItemHandler(selectedItemClone.id)"
|
||||||
title="حذف"
|
title="حذف"
|
||||||
class="btn delete-btn btn-outline-danger"
|
class="btn delete-btn btn-outline-danger"
|
||||||
type="button"
|
type="button"
|
||||||
|
|
@ -107,14 +107,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// import permitApi from "@permission/permitApi";
|
|
||||||
import apis from "~/apis/permitApi";
|
import apis from "~/apis/permitApi";
|
||||||
import adminMenu from "~/json/admin/json/menu.json";
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
// import { mapGetters, mapMutations, mapActions } from "vuex";
|
|
||||||
import { defineAsyncComponent } from "vue";
|
import { defineAsyncComponent } from "vue";
|
||||||
import { mapActions, mapState } from "pinia";
|
import { mapActions, mapState } from "pinia";
|
||||||
import { useCommonStore } from "~/stores/commonStore";
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
|
@ -142,7 +141,7 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
adminMenu:adminMenu,
|
adminMenu: adminMenu,
|
||||||
httpService: {},
|
httpService: {},
|
||||||
tableActions: [
|
tableActions: [
|
||||||
{
|
{
|
||||||
|
|
@ -228,10 +227,11 @@ export default {
|
||||||
...this.sorting,
|
...this.sorting,
|
||||||
...this.pagination,
|
...this.pagination,
|
||||||
};
|
};
|
||||||
return await ApiService.formData(permitApi.roles.list, payload)
|
return await this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.roles.list, payload)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.roles = res.data.data;
|
this.roles = res.data;
|
||||||
this.pagination = { ...this.pagination, ...res.data.pagination };
|
this.pagination = { ...this.pagination, ...res.pagination };
|
||||||
})
|
})
|
||||||
|
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
|
|
@ -240,14 +240,14 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
save() {
|
save() {
|
||||||
const url = this.selectedItemClone.id
|
const url = this.selectedItemClone.id ? apis.roles.edit : apis.roles.add;
|
||||||
? permitApi.roles.edit
|
|
||||||
: permitApi.roles.add;
|
|
||||||
|
|
||||||
ApiService.formData(url, this.selectedItemClone).then((res) => {
|
this.httpService
|
||||||
|
.postRequest(permitUrl() + url, this.selectedItemClone)
|
||||||
|
.then((res) => {
|
||||||
this.getRoles();
|
this.getRoles();
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: res.data.message,
|
html: res.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -257,23 +257,33 @@ export default {
|
||||||
this.resetForm();
|
this.resetForm();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
deleteItemHandler(id) {
|
||||||
|
// const foundObject = this.roles.find(obj => obj.id === id);
|
||||||
|
const index = this.roles.findIndex((obj) => obj.id === id);
|
||||||
|
this.deleteItem(index);
|
||||||
|
},
|
||||||
deleteItem(index) {
|
deleteItem(index) {
|
||||||
|
|
||||||
|
// debugger
|
||||||
let sectionId = this.roles[index].id;
|
let sectionId = this.roles[index].id;
|
||||||
const data = {
|
const data = {
|
||||||
// project_id: this.projectGetter?.id,
|
// project_id: this.projectGetter?.id,
|
||||||
id: sectionId,
|
id: sectionId,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.mySwalConfirm({
|
|
||||||
|
mySwalConfirm({
|
||||||
title: "هشدار",
|
title: "هشدار",
|
||||||
html: "از حذف این بخش مطمئن هستید؟",
|
html: "از حذف این بخش مطمئن هستید؟",
|
||||||
icon: "warning",
|
icon: "warning",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
ApiService.formData(permitApi.roles.delete, data).then((res) => {
|
this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.roles.delete, data)
|
||||||
|
.then((res) => {
|
||||||
this.getRoles();
|
this.getRoles();
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: res.data.message,
|
html: res.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -320,6 +330,7 @@ export default {
|
||||||
this.getRoles();
|
this.getRoles();
|
||||||
},
|
},
|
||||||
toggleRolesPanel(index = undefined) {
|
toggleRolesPanel(index = undefined) {
|
||||||
|
|
||||||
if (index !== undefined) {
|
if (index !== undefined) {
|
||||||
if (this.prevSelectedItemIndex !== undefined)
|
if (this.prevSelectedItemIndex !== undefined)
|
||||||
this.roles[this.prevSelectedItemIndex].active = false;
|
this.roles[this.prevSelectedItemIndex].active = false;
|
||||||
|
|
@ -327,7 +338,7 @@ export default {
|
||||||
this.prevSelectedItemIndex = index;
|
this.prevSelectedItemIndex = index;
|
||||||
this.roles[index].active = true;
|
this.roles[index].active = true;
|
||||||
|
|
||||||
this.selectedItemClone = structuredClone(this.roles[index]);
|
this.selectedItemClone = this.roles[index];
|
||||||
} else this.resetForm();
|
} else this.resetForm();
|
||||||
|
|
||||||
this.showPanel = true;
|
this.showPanel = true;
|
||||||
|
|
@ -375,8 +386,14 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async getProjects() {
|
async getProjects() {
|
||||||
return await ApiService.formData(permitApi.projects.list).then((res) => {
|
return await this.httpService
|
||||||
this.SET_PROJECT(res.data.data[0]);
|
.postRequest(permitUrl() + apis.projects.list)
|
||||||
|
.then((res) => {
|
||||||
|
console.log(
|
||||||
|
"🚀 ~ returnawaitthis.httpService.postRequest ~ res:",
|
||||||
|
res
|
||||||
|
);
|
||||||
|
this.SET_PROJECT(res.data[0]);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -72,14 +72,23 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<base-modal
|
||||||
|
v-if="showModal"
|
||||||
|
@close="closeModal"
|
||||||
|
:showHeaderCloseButton="true"
|
||||||
|
modalSize="modal-lg"
|
||||||
|
:modalTitle="modalTitle"
|
||||||
|
maxHeight="30em"
|
||||||
|
:showDeleteButton="false"
|
||||||
|
>
|
||||||
<Share
|
<Share
|
||||||
@update-user-role="updateUserRole"
|
@update-user-role="updateUserRole"
|
||||||
:roles="roles"
|
:roles="roles"
|
||||||
v-if="showModal"
|
|
||||||
:item="[]"
|
:item="[]"
|
||||||
></Share>
|
></Share>
|
||||||
|
</base-modal>
|
||||||
</div>
|
</div>
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -101,6 +110,9 @@ export default {
|
||||||
layout: false,
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
this.getRoles();
|
this.getRoles();
|
||||||
|
|
@ -121,7 +133,9 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
adminMenu:adminMenu,
|
adminMenu: adminMenu,
|
||||||
|
httpService: {},
|
||||||
|
modalTitle: "اختصاص نقش به کاربر",
|
||||||
tableActions: [
|
tableActions: [
|
||||||
{
|
{
|
||||||
showOutside: true,
|
showOutside: true,
|
||||||
|
|
@ -229,9 +243,10 @@ export default {
|
||||||
...{ project_id: this.projectGetter?.id },
|
...{ project_id: this.projectGetter?.id },
|
||||||
};
|
};
|
||||||
|
|
||||||
ApiService.formData(apis.roleUser.AddRoleUser, formData)
|
this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.roleUser.AddRoleUser, formData)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "تبریک",
|
title: "تبریک",
|
||||||
html: response.data.message,
|
html: response.data.message,
|
||||||
icon: "success",
|
icon: "success",
|
||||||
|
|
@ -240,7 +255,7 @@ export default {
|
||||||
this.getUserRole();
|
this.getUserRole();
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "خطا",
|
title: "خطا",
|
||||||
html: err.response.data.message ?? err.message,
|
html: err.response.data.message ?? err.message,
|
||||||
icon: "error",
|
icon: "error",
|
||||||
|
|
@ -269,12 +284,13 @@ export default {
|
||||||
const item = this.userRoles[index];
|
const item = this.userRoles[index];
|
||||||
|
|
||||||
var vm = this;
|
var vm = this;
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار!!!",
|
title: "هشدار!!!",
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
html: "از حذف این مورد مطمئن هستید؟",
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
ApiService.formData(apis.permissions.deleteUserRole, {
|
this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.permissions.deleteUserRole, {
|
||||||
project_id: vm.projectGetter?.id,
|
project_id: vm.projectGetter?.id,
|
||||||
id: item.id,
|
id: item.id,
|
||||||
})
|
})
|
||||||
|
|
@ -301,9 +317,10 @@ export default {
|
||||||
...this.sorting,
|
...this.sorting,
|
||||||
...this.pagination,
|
...this.pagination,
|
||||||
};
|
};
|
||||||
return await ApiService.formData(apis.permissions.listUserRole, payload)
|
return await this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.permissions.listUserRole, payload)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
this.userRoles = response.data.data;
|
this.userRoles = response.data;
|
||||||
|
|
||||||
this.userRoles.forEach((item, key) => {
|
this.userRoles.forEach((item, key) => {
|
||||||
item["role_name"] =
|
item["role_name"] =
|
||||||
|
|
@ -319,17 +336,17 @@ export default {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
this.userRoles[key].created_at = this.convertUnixToPersianDateTime(
|
this.userRoles[key].created_at = convertUnixToPersianDateTime(
|
||||||
item.created_at
|
item.created_at
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
this.pagination = { ...this.pagination, ...response.data.pagination };
|
this.pagination = { ...this.pagination, ...response.pagination };
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: "خطا",
|
title: "خطا",
|
||||||
html: err.response.data.message ?? err.message,
|
html: err.response.message ?? err.message,
|
||||||
icon: "error",
|
icon: "error",
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
|
|
@ -346,11 +363,14 @@ export default {
|
||||||
this.getRoles().then(() => {
|
this.getRoles().then(() => {
|
||||||
this.showModal = true;
|
this.showModal = true;
|
||||||
|
|
||||||
setTimeout(() => {
|
// setTimeout(() => {
|
||||||
$("#share-modal").modal("show");
|
// $("#share-modal").modal("show");
|
||||||
}, 500);
|
// }, 500);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
closeModal() {
|
||||||
|
this.showModal = false;
|
||||||
|
},
|
||||||
updateList() {
|
updateList() {
|
||||||
this.resetPagination();
|
this.resetPagination();
|
||||||
this.getUserRole();
|
this.getUserRole();
|
||||||
|
|
@ -399,9 +419,12 @@ export default {
|
||||||
this.showPanel = true;
|
this.showPanel = true;
|
||||||
},
|
},
|
||||||
async getSections() {
|
async getSections() {
|
||||||
return await ApiService.formData(apis.sections.list, {
|
return await this.httpService.postRequest(
|
||||||
|
permitUrl() + apis.sections.list,
|
||||||
|
{
|
||||||
project_id: this.projectGetter?.id,
|
project_id: this.projectGetter?.id,
|
||||||
});
|
}
|
||||||
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
collapseAllPanels() {
|
collapseAllPanels() {
|
||||||
|
|
@ -425,10 +448,12 @@ export default {
|
||||||
clearTimeout(this.typingTimer);
|
clearTimeout(this.typingTimer);
|
||||||
},
|
},
|
||||||
async getRoles() {
|
async getRoles() {
|
||||||
return await ApiService.formData(apis.roles.list, {
|
return await this.httpService
|
||||||
|
.postRequest(permitUrl() + apis.roles.list, {
|
||||||
project_id: this.projectGetter?.id,
|
project_id: this.projectGetter?.id,
|
||||||
}).then((res) => {
|
})
|
||||||
this.roles = res.data.data;
|
.then((res) => {
|
||||||
|
this.roles = res.data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
|
|
@ -467,8 +492,10 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
async getProjects() {
|
async getProjects() {
|
||||||
return await ApiService.formData(apis.projects.list).then((res) => {
|
return await this.httpService
|
||||||
this.SET_PROJECT(res.data.data[0]);
|
.postRequest(permitUrl() + apis.projects.list)
|
||||||
|
.then((res) => {
|
||||||
|
this.SET_PROJECT(res.data[0]);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div>
|
<div>
|
||||||
<!-- <header>
|
<!-- <header>
|
||||||
<the-navbar></the-navbar>
|
<the-navbar></the-navbar>
|
||||||
</header>
|
</header> -->
|
||||||
<the-sidebar :menu="menu"></the-sidebar> -->
|
|
||||||
|
|
||||||
<main class="pages-content-container">
|
<main class="pages-content-container">
|
||||||
<div class="pages-content mt-4 mt-lg-0">
|
<div class="pages-content mt-4 mt-lg-0">
|
||||||
|
|
@ -29,7 +30,8 @@
|
||||||
@page-limit-changed="pageLimitChanged"
|
@page-limit-changed="pageLimitChanged"
|
||||||
@sort-changed="sortChanged"
|
@sort-changed="sortChanged"
|
||||||
>
|
>
|
||||||
<slot name="tableHeaderActions">
|
|
||||||
|
<template v-slot:tableHeaderActions>
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<button
|
<button
|
||||||
class="btn dropdown-toggle"
|
class="btn dropdown-toggle"
|
||||||
|
|
@ -60,7 +62,7 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</slot>
|
</template>
|
||||||
</my-table>
|
</my-table>
|
||||||
</div>
|
</div>
|
||||||
<no-data v-else>
|
<no-data v-else>
|
||||||
|
|
@ -98,49 +100,57 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="side-panel-content">
|
<div class="side-panel-content">
|
||||||
<users-search
|
<UsersSearch
|
||||||
v-if="showPanel"
|
v-if="showPanel"
|
||||||
:searchResults="users"
|
:searchResults="users"
|
||||||
@on-send="searchUsers"
|
@on-send="searchUsers"
|
||||||
@set-as-admin="setAsAdmin"
|
@set-as-admin="setAsAdmin"
|
||||||
></users-search>
|
></UsersSearch>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapState, mapActions } from "pinia";
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
import menu from "~/json/admin/json/menu.json";
|
// import menu from "~/json/admin/json/menu.json";
|
||||||
import adminApi from "~/apis/adminApi";
|
import adminApi from "~/apis/adminApi";
|
||||||
import permitApis from "~/apis/permitApi";
|
import permitApis from "~/apis/permitApi";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
export default {
|
export default {
|
||||||
name: "groupsWithoutAdmin",
|
name: "groupsWithoutAdmin",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "groupsWithoutAdmin",
|
name: "groupsWithoutAdmin",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
// this.httpService = new HttpService(import.meta.env.VITE_BASE_URL);
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
adminMenu: adminMenu,
|
||||||
searchType: "getGroupsWithoutAdmin",
|
searchType: "getGroupsWithoutAdmin",
|
||||||
groupsTranslation: {
|
groupsTranslation: {
|
||||||
getGroupsWithoutAdmin: "گروه های بدون مدیر",
|
getGroupsWithoutAdmin: "گروه های بدون مدیر",
|
||||||
getGroupsWithAdmin: "گروه های دارای مدیر",
|
getGroupsWithAdmin: "گروه های دارای مدیر",
|
||||||
},
|
},
|
||||||
groups: [],
|
groups: [],
|
||||||
menu: menu,
|
// menu: menu,
|
||||||
firstTimeSearching: false,
|
firstTimeSearching: false,
|
||||||
httpService: undefined,
|
httpService: undefined,
|
||||||
tableActions: [
|
tableActions: [
|
||||||
|
|
@ -210,10 +220,16 @@ export default {
|
||||||
prevSelectedItemIndex: undefined,
|
prevSelectedItemIndex: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(usePermitStore, ["projectGetter"]),
|
||||||
|
...mapState(useCommonStore, ["isSidebarCollapsed"]),
|
||||||
|
// ...mapState(["isSidebarCollapsed"]),
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapState(["isSidebarCollapsed"]),
|
// ...mapState(["isSidebarCollapsed"]),
|
||||||
...mapActions(["checkPermissions"]),
|
// ...mapActions(["checkPermissions"]),
|
||||||
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
|
|
||||||
|
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
if (this.fetchingData) return;
|
if (this.fetchingData) return;
|
||||||
|
|
@ -328,7 +344,7 @@ export default {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -405,7 +421,7 @@ export default {
|
||||||
|
|
||||||
const url = `${messageUrl()}/${adminApi.groups.delete}`;
|
const url = `${messageUrl()}/${adminApi.groups.delete}`;
|
||||||
|
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار",
|
title: "هشدار",
|
||||||
html: "با حذف گروه، تمامی مسائل و پاسخ های آن نیز حذف خواهد شد.",
|
html: "با حذف گروه، تمامی مسائل و پاسخ های آن نیز حذف خواهد شد.",
|
||||||
icon: "warning",
|
icon: "warning",
|
||||||
|
|
@ -417,7 +433,7 @@ export default {
|
||||||
// this.showPanel = false;
|
// this.showPanel = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -429,6 +445,11 @@ export default {
|
||||||
this.showPanel = true;
|
this.showPanel = true;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
UsersSearch: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/UsersSearch.vue")
|
||||||
|
),
|
||||||
|
},
|
||||||
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1,14 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div class="main-users">
|
<div class="main-users">
|
||||||
<!-- <header>
|
<!-- <header>
|
||||||
<the-navbar></the-navbar>
|
<the-navbar></the-navbar>
|
||||||
</header> -->
|
</header> -->
|
||||||
<!-- <the-sidebar :menu="menu"></the-sidebar> -->
|
<!-- <the-sidebar :menu="menu"></the-sidebar> -->
|
||||||
|
|
||||||
<main
|
<main class="pages-content-container">
|
||||||
class="pages-content-container"
|
|
||||||
|
|
||||||
>
|
|
||||||
<div class="pages-content mt-lg-0">
|
<div class="pages-content mt-lg-0">
|
||||||
<div :class="{ 'd-flex': showPanel }">
|
<div :class="{ 'd-flex': showPanel }">
|
||||||
<div v-if="canView">
|
<div v-if="canView">
|
||||||
|
|
@ -42,7 +40,7 @@
|
||||||
<span
|
<span
|
||||||
v-if="!showPanel"
|
v-if="!showPanel"
|
||||||
@click.prevent="openCreatePanel()"
|
@click.prevent="openCreatePanel()"
|
||||||
class=" add-user-svg"
|
class="add-user-svg"
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
<svg class="icon icon-Component-133--1">
|
<svg class="icon icon-Component-133--1">
|
||||||
|
|
@ -83,36 +81,44 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="side-panel-content">
|
<div class="side-panel-content">
|
||||||
<new-user-form
|
<NewUserForm
|
||||||
:parentLoading="loading"
|
:parentLoading="loading"
|
||||||
:userData="selectedItemClone"
|
:userData="selectedItemClone"
|
||||||
@on-pass-by-emit="save"
|
@on-pass-by-emit="save"
|
||||||
></new-user-form>
|
></NewUserForm>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import apis from "~/apis/permitApi";
|
import apis from "~/apis/permitApi";
|
||||||
import { mapState, mapActions } from "pinia";
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
|
|
||||||
import menu from "~/json/admin/json/menu.json";
|
// import menu from "~/json/admin/json/menu.json";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "adminUsers",
|
name: "adminUsers",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "adminUsers",
|
name: "adminUsers",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.httpService = new HttpService(
|
// this.httpService = new HttpService(
|
||||||
import.meta.env.VITE_BASE_URL + loginUrl()
|
// import.meta.env.VITE_BASE_URL + loginUrl()
|
||||||
);
|
// );
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
// this.httpService + loginUrl();
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
|
|
@ -125,7 +131,8 @@ export default {
|
||||||
// },
|
// },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menu: menu,
|
adminMenu: adminMenu,
|
||||||
|
// menu: menu,
|
||||||
firstTimeSearching: false,
|
firstTimeSearching: false,
|
||||||
httpService: undefined,
|
httpService: undefined,
|
||||||
tableActions: [
|
tableActions: [
|
||||||
|
|
@ -231,11 +238,13 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState("permit", ["projectGetter"]),
|
...mapState(usePermitStore, ["projectGetter"]),
|
||||||
...mapState(["isSidebarCollapsed"]),
|
...mapState(useCommonStore, ["isSidebarCollapsed"]),
|
||||||
|
// ...mapState(["isSidebarCollapsed"]),
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapActions(["checkPermissions"]),
|
// ...mapActions(["checkPermissions"]),
|
||||||
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
if (this.fetchingData) return;
|
if (this.fetchingData) return;
|
||||||
this.fetchingData = true;
|
this.fetchingData = true;
|
||||||
|
|
@ -283,7 +292,8 @@ export default {
|
||||||
url = url.replace("{{sortby}}", this.sorting.sortby);
|
url = url.replace("{{sortby}}", this.sorting.sortby);
|
||||||
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
||||||
|
|
||||||
return await this.httpService.getRequest(url).then((res) => {
|
return await this.httpService.getRequest(loginUrl() + url).then((res) => {
|
||||||
|
|
||||||
this.users = res.data;
|
this.users = res.data;
|
||||||
this.pagination = { ...this.pagination, ...res.pagination };
|
this.pagination = { ...this.pagination, ...res.pagination };
|
||||||
});
|
});
|
||||||
|
|
@ -301,7 +311,7 @@ export default {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -321,7 +331,7 @@ export default {
|
||||||
id: userId,
|
id: userId,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار",
|
title: "هشدار",
|
||||||
html: "هشدار!!!!",
|
html: "هشدار!!!!",
|
||||||
icon: "warning",
|
icon: "warning",
|
||||||
|
|
@ -335,7 +345,7 @@ export default {
|
||||||
this.showPanel = false;
|
this.showPanel = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -395,7 +405,11 @@ export default {
|
||||||
this.showPanel = false;
|
this.showPanel = false;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
NewUserForm: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/NewUserForm.vue")
|
||||||
|
),
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<NuxtLayout name="default" :menu="adminMenu">
|
||||||
<div>
|
<div>
|
||||||
<!-- <header>
|
<!-- <header>
|
||||||
<the-navbar></the-navbar>
|
<the-navbar></the-navbar>
|
||||||
|
|
@ -71,36 +72,42 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="side-panel-content">
|
<div class="side-panel-content">
|
||||||
<new-user-form
|
<NewUserForm
|
||||||
:parentLoading="loading"
|
:parentLoading="loading"
|
||||||
:userData="selectedItemClone"
|
:userData="selectedItemClone"
|
||||||
@on-pass-by-emit="save"
|
@on-pass-by-emit="save"
|
||||||
></new-user-form>
|
></NewUserForm>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
</NuxtLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import apis from "~/apis/permitApi";
|
import apis from "~/apis/permitApi";
|
||||||
import { mapState, mapActions } from "pinia";
|
import { mapState, mapActions } from "pinia";
|
||||||
|
import adminMenu from "~/json/admin/json/menu.json";
|
||||||
import menu from "~/json/admin/json/menu.json";
|
// import menu from "~/json/admin/json/menu.json";
|
||||||
|
import { defineAsyncComponent } from "vue";
|
||||||
|
import { useCommonStore } from "~/stores/commonStore";
|
||||||
|
import { usePermitStore } from "~/stores/permitStore";
|
||||||
export default {
|
export default {
|
||||||
name: "userModifications",
|
name: "userModifications",
|
||||||
setup() {
|
setup() {
|
||||||
definePageMeta({
|
definePageMeta({
|
||||||
name: "userModifications",
|
name: "userModifications",
|
||||||
|
layout: false,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.httpService = new HttpService(
|
// this.httpService = new HttpService(
|
||||||
import.meta.env.VITE_BASE_URL + loginUrl()
|
// import.meta.env.VITE_BASE_URL + loginUrl()
|
||||||
);
|
// );
|
||||||
|
this.httpService = useNuxtApp()["$http"];
|
||||||
|
// this.httpService + loginUrl();
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.checkPermisionBeforGetList();
|
this.checkPermisionBeforGetList();
|
||||||
|
|
@ -113,7 +120,8 @@ export default {
|
||||||
// },
|
// },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menu: menu,
|
adminMenu: adminMenu,
|
||||||
|
// menu: menu,
|
||||||
firstTimeSearching: false,
|
firstTimeSearching: false,
|
||||||
httpService: undefined,
|
httpService: undefined,
|
||||||
tableActions: [
|
tableActions: [
|
||||||
|
|
@ -218,11 +226,15 @@ export default {
|
||||||
prevSelectedItemIndex: undefined,
|
prevSelectedItemIndex: undefined,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(usePermitStore, ["projectGetter"]),
|
||||||
|
...mapState(useCommonStore, ["isSidebarCollapsed"]),
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
...mapState(["isSidebarCollapsed"]),
|
// ...mapState(["isSidebarCollapsed"]),
|
||||||
|
|
||||||
...mapActions(["checkPermissions"]),
|
// ...mapActions(["checkPermissions"]),
|
||||||
|
...mapActions(useCommonStore, ["checkPermissions"]),
|
||||||
checkPermisionBeforGetList() {
|
checkPermisionBeforGetList() {
|
||||||
if (this.fetchingData) return;
|
if (this.fetchingData) return;
|
||||||
this.fetchingData = true;
|
this.fetchingData = true;
|
||||||
|
|
@ -270,7 +282,8 @@ export default {
|
||||||
url = url.replace("{{sortby}}", this.sorting.sortby);
|
url = url.replace("{{sortby}}", this.sorting.sortby);
|
||||||
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
url = url.replace("{{sortorder}}", this.sorting.sortorder);
|
||||||
|
|
||||||
return await this.httpService.getRequest(url).then((res) => {
|
return await this.httpService.getRequest(loginUrl()+ url).then((res) => {
|
||||||
|
console.log("🚀 ~ returnawaitthis.httpService.getRequest ~ res:", res)
|
||||||
this.users = res.data;
|
this.users = res.data;
|
||||||
this.pagination = { ...this.pagination, ...res.pagination };
|
this.pagination = { ...this.pagination, ...res.pagination };
|
||||||
});
|
});
|
||||||
|
|
@ -281,7 +294,7 @@ export default {
|
||||||
|
|
||||||
const url = formData.id ? apis.users.update : apis.users.create;
|
const url = formData.id ? apis.users.update : apis.users.create;
|
||||||
|
|
||||||
formData;
|
// formData;
|
||||||
this.httpService
|
this.httpService
|
||||||
.postRequest(url, formData)
|
.postRequest(url, formData)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
|
|
@ -289,7 +302,7 @@ export default {
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -309,7 +322,7 @@ export default {
|
||||||
id: userId,
|
id: userId,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.mySwalConfirm({
|
mySwalConfirm({
|
||||||
title: "هشدار",
|
title: "هشدار",
|
||||||
html: "هشدار!!!!",
|
html: "هشدار!!!!",
|
||||||
icon: "warning",
|
icon: "warning",
|
||||||
|
|
@ -323,7 +336,7 @@ export default {
|
||||||
this.showPanel = false;
|
this.showPanel = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
html: res.message,
|
html: res.message,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
@ -383,7 +396,11 @@ export default {
|
||||||
this.showPanel = false;
|
this.showPanel = false;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
components: {
|
||||||
|
NewUserForm: defineAsyncComponent(() =>
|
||||||
|
import("@/components/admin/components/NewUserForm.vue")
|
||||||
|
),
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|
@ -1,89 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<my-quill :parentButtonLoading="buttonLoading" v-else :tinyText="tinyText" @input="onSave"
|
|
||||||
@on-save="onSave"></my-quill>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "dataSettingAboutUs",
|
|
||||||
setup() {
|
|
||||||
definePageMeta({
|
|
||||||
name: "dataSettingAboutUs",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
buttonLoading: false,
|
|
||||||
tinyText: '',
|
|
||||||
fetchingData: false,
|
|
||||||
data: undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
getData() {
|
|
||||||
var vm = this;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
var url = settingsApi.app.getByKey;
|
|
||||||
url = url.replace("{{key_option}}", "about_text");
|
|
||||||
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
|
||||||
.then((response) => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
|
|
||||||
this.tinyText = response.data.hits.hits[0]._source.value;
|
|
||||||
this.data = response.data.hits.hits[0]._source;
|
|
||||||
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onSave(newContent) {
|
|
||||||
if (this.buttonLoading) return;
|
|
||||||
this.buttonLoading = true;
|
|
||||||
|
|
||||||
// var url = apis.admin.save;
|
|
||||||
// const payload = { ...this.data, ...{ value: newContent } }
|
|
||||||
|
|
||||||
var url = settingsApi.app.saveByKey;
|
|
||||||
url = url.replace("{{key_option}}", "about_text");
|
|
||||||
const payload = { value: newContent }
|
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "تبریک",
|
|
||||||
html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,293 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<Multiselect
|
|
||||||
:allow-empty="false"
|
|
||||||
:searchable="true"
|
|
||||||
:close-on-select="true"
|
|
||||||
:show-labels="false"
|
|
||||||
:value="value"
|
|
||||||
:options="options"
|
|
||||||
class="multi mb-2"
|
|
||||||
@select="select"
|
|
||||||
label="label"
|
|
||||||
track-by="key"
|
|
||||||
placeholder="دسته"
|
|
||||||
:hide-selected="false"
|
|
||||||
:max-height="200"
|
|
||||||
:max-width="200"
|
|
||||||
>
|
|
||||||
</Multiselect>
|
|
||||||
<MyTable
|
|
||||||
height="auto"
|
|
||||||
maxHeight="calc(100vh - 9em)"
|
|
||||||
class="my-table"
|
|
||||||
ref="sectionsTable"
|
|
||||||
:hasSearch="false"
|
|
||||||
:tableActions="tableActions"
|
|
||||||
:items="sections"
|
|
||||||
:tableColumns="tableColumns"
|
|
||||||
:paginationInfo="pagination"
|
|
||||||
:totalPages="pagination.pages"
|
|
||||||
@delete-table-item="deleteItem"
|
|
||||||
@edit-table-item="editTableItem"
|
|
||||||
@page-changed="pageChanged"
|
|
||||||
@page-limit-changed="pageLimitChanged"
|
|
||||||
@sort-changed="sortChanged"
|
|
||||||
>
|
|
||||||
<!-- :fetchingData="fetchingData" :totalPages="pagination.pages"
|
|
||||||
@delete-table-item="deleteItem" @edit-table-item="toggleRolesPanel"
|
|
||||||
@page-changed="pageChanged" @page-limit-changed="pageLimitChanged"
|
|
||||||
@sort-changed="sortChanged" -->
|
|
||||||
<!-- :paginationInfo="pagination"
|
|
||||||
:sortingInfo="sorting -->
|
|
||||||
</MyTable>
|
|
||||||
<base-modal
|
|
||||||
v-if="openSubjectForm"
|
|
||||||
modalSize="modal-lg"
|
|
||||||
:hasFooter="false"
|
|
||||||
@close="closeModal"
|
|
||||||
>
|
|
||||||
<component
|
|
||||||
:is="slotComponentName"
|
|
||||||
:editList="editList"
|
|
||||||
@close="closeModal"
|
|
||||||
></component>
|
|
||||||
</base-modal>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
import searchApi from "~/apis/searchApi";
|
|
||||||
import { useStorage } from "@vueuse/core";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
|
|
||||||
computed: {
|
|
||||||
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
|
||||||
...mapState(["organNameGetter"]),
|
|
||||||
myActiveSchema() {
|
|
||||||
return this.helpSchemaGetter?.find((item) => {
|
|
||||||
return item.key == "help";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
let localStoageHelpSchema = useStorage("settingSchema",undefined).value;
|
|
||||||
|
|
||||||
if (localStoageHelpSchema) {
|
|
||||||
let helpSchema = JSON.parse(localStoageHelpSchema);
|
|
||||||
this.helpSchemaSetter(helpSchema);
|
|
||||||
this.options = this.myActiveSchema?.category;
|
|
||||||
this.value = this.myActiveSchema?.category[0];
|
|
||||||
} else {
|
|
||||||
this.getSchemas();
|
|
||||||
}
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
|
||||||
httpService: undefined,
|
|
||||||
value: "",
|
|
||||||
editList: "",
|
|
||||||
slotComponentName: "",
|
|
||||||
modalTitle: "",
|
|
||||||
openSubjectForm: false,
|
|
||||||
listSections: [],
|
|
||||||
sections: [],
|
|
||||||
tableActions: [
|
|
||||||
{
|
|
||||||
showOutside: true,
|
|
||||||
show: true,
|
|
||||||
icon: "tavasi tavasi-Component-242--1",
|
|
||||||
title: this.$t("Edit"),
|
|
||||||
to: {
|
|
||||||
name: "undefined",
|
|
||||||
},
|
|
||||||
selected: false,
|
|
||||||
disabled: false,
|
|
||||||
howToOpen: "",
|
|
||||||
href: "",
|
|
||||||
class: "edit-btn",
|
|
||||||
action: "edit-table-item",
|
|
||||||
can: "item-info_edit",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
showOutside: true,
|
|
||||||
show: true,
|
|
||||||
icon: "tavasi tavasi-Component-295--1",
|
|
||||||
title: this.$t("Delete"),
|
|
||||||
to: {
|
|
||||||
name: "undefined",
|
|
||||||
},
|
|
||||||
selected: false,
|
|
||||||
disabled: false,
|
|
||||||
howToOpen: "",
|
|
||||||
href: "",
|
|
||||||
class: "delete-btn",
|
|
||||||
action: "delete-table-item",
|
|
||||||
can: "item-list_delete",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
tableColumns: [
|
|
||||||
{
|
|
||||||
isLink: true,
|
|
||||||
key: "title",
|
|
||||||
title: "عنوان سوال",
|
|
||||||
width: "1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "description",
|
|
||||||
title: "توضیحات",
|
|
||||||
width: "6",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
pagination: {
|
|
||||||
page: 1,
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
},
|
|
||||||
sorting: "",
|
|
||||||
};
|
|
||||||
},
|
|
||||||
beforeMount() {
|
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions("search", ["helpSchemaSetter"]),
|
|
||||||
|
|
||||||
openModal(componentName, title) {
|
|
||||||
this.openSubjectForm = true;
|
|
||||||
this.slotComponentName = componentName;
|
|
||||||
this.modalTitle = title;
|
|
||||||
setTimeout(() => {
|
|
||||||
$("#meta-item-modal").modal(
|
|
||||||
{ backdrop: "static", keyboard: false },
|
|
||||||
"show"
|
|
||||||
);
|
|
||||||
}, 500);
|
|
||||||
},
|
|
||||||
closeModal() {
|
|
||||||
$("#base-modal").modal({
|
|
||||||
show: false,
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
this.openSubjectForm = false;
|
|
||||||
this.getList();
|
|
||||||
}, 1000);
|
|
||||||
},
|
|
||||||
editTableItem(item) {
|
|
||||||
this.editList = this.listSections[item];
|
|
||||||
this.openModal("editModalItem", "فیلتر ها");
|
|
||||||
},
|
|
||||||
deleteItem(item) {
|
|
||||||
this.mySwalConfirm({
|
|
||||||
title: "هشدار!!!",
|
|
||||||
html: "تمامی اطلاعات پاک خواهد. آیا مطمئن هستید؟ ",
|
|
||||||
}).then((result) => {
|
|
||||||
if (result.isConfirmed) {
|
|
||||||
var id = this.listSections[item]?._id;
|
|
||||||
let url = settingsApi.help.delete;
|
|
||||||
url = url.replace("{{id}}", id);
|
|
||||||
this.httpService.postRequest(url).then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "با موفقیت حذف شد",
|
|
||||||
// html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
let url = settingsApi.help.list;
|
|
||||||
url = url.replace("{{key_option}}", this.value?.key);
|
|
||||||
url = url.replace("{{offset}}", this.pagination?.offset);
|
|
||||||
url = url.replace("{{limit}}", this.pagination?.limit);
|
|
||||||
this.httpService.getRequest(url).then((response) => {
|
|
||||||
let list = response.hits?.hits;
|
|
||||||
this.listSections = list;
|
|
||||||
if (this.sections.length >= 0) this.sections = [];
|
|
||||||
// this.sections = response.hits.hits;
|
|
||||||
list.forEach((element) => {
|
|
||||||
this.sections.push(element?._source.meta);
|
|
||||||
});
|
|
||||||
|
|
||||||
const total = response.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.pagination = { ...this.pagination, ...response.pagination };
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getSchemas() {
|
|
||||||
this.httpService
|
|
||||||
.postRequest(searchApi.schema.list, {
|
|
||||||
organ: this.organNameGetter,
|
|
||||||
system: "setting",
|
|
||||||
build_state: buildState(),
|
|
||||||
})
|
|
||||||
.then((response) => {
|
|
||||||
this.helpSchemaSetter(response.data?.setting);
|
|
||||||
this.options = this.myActiveSchema?.category;
|
|
||||||
this.value = this.myActiveSchema?.category[0];
|
|
||||||
// this.options = response;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
select(e) {
|
|
||||||
this.value = e;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
|
|
||||||
resetPagination() {
|
|
||||||
this.pagination = {
|
|
||||||
pages: 0,
|
|
||||||
total: 0,
|
|
||||||
page: 1,
|
|
||||||
offset: 0,
|
|
||||||
limit: 10,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
pageLimitChanged(paging) {
|
|
||||||
this.resetPagination();
|
|
||||||
this.pagination.limit = paging?.limit;
|
|
||||||
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
pageChanged(paging) {
|
|
||||||
let page = paging.pageNumber;
|
|
||||||
page -= 1;
|
|
||||||
this.pagination.offset = page * paging.limit;
|
|
||||||
this.pagination.limit = paging.limit;
|
|
||||||
this.pagination.page = paging.pageNumber;
|
|
||||||
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
sortChanged(sorting) {
|
|
||||||
this.pagination.page = this.pagination.offset = 0;
|
|
||||||
this.sorting = sorting;
|
|
||||||
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped>
|
|
||||||
.multi {
|
|
||||||
width: 200px;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,219 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="page">
|
|
||||||
<div class="container">
|
|
||||||
<form>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col-3">
|
|
||||||
<label for=""> انتخاب بخش:</label>
|
|
||||||
<multiselect
|
|
||||||
:allow-empty="false"
|
|
||||||
:searchable="true"
|
|
||||||
:close-on-select="true"
|
|
||||||
:show-labels="false"
|
|
||||||
:value="value"
|
|
||||||
:options="options"
|
|
||||||
class="multi"
|
|
||||||
@select="select"
|
|
||||||
label="label"
|
|
||||||
track-by="key"
|
|
||||||
placeholder="دسته"
|
|
||||||
:hide-selected="false"
|
|
||||||
:max-height="200"
|
|
||||||
>
|
|
||||||
</multiselect>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col-6">
|
|
||||||
<label for="">عنوان سوال:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
placeholder="عنوان سوال را کوتاه و واضح وارد نمایید"
|
|
||||||
v-model="title"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="col-6">
|
|
||||||
<label for="">نشانی صفحه:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
placeholder="نشانی از همین سامانه انتخاب کنید"
|
|
||||||
v-model="link"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col">
|
|
||||||
<label for="">توضیح کوتاه:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
placeholder="توضیح مختصر حداکثر یک خط باشد"
|
|
||||||
v-model="description"
|
|
||||||
maxlength="500"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col">
|
|
||||||
<label for="" class="mt-2">توضیح مفصل:</label>
|
|
||||||
<VueEditor
|
|
||||||
dir="rtl"
|
|
||||||
v-model="editorData"
|
|
||||||
:editorOptions="editorOptions"
|
|
||||||
></VueEditor>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<button class="btn-save" @click="saveData">ذخیره</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import searchApi from "~/apis/searchApi";
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
import { VueEditor } from "vue2-editor";
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
import { useStorage } from "@vueuse/core";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
|
|
||||||
beforeMount() {
|
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
|
||||||
...mapState(["organNameGetter"]),
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
let localStoageHelpSchema = useStorage("settingSchema",undefined).value;
|
|
||||||
|
|
||||||
if (localStoageHelpSchema) {
|
|
||||||
let helpSchema = JSON.parse(localStoageHelpSchema);
|
|
||||||
this.helpSchemaSetter(helpSchema);
|
|
||||||
this.options = this.helpSchemaGetter[0].category;
|
|
||||||
} else this.getSchemas();
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
value: "",
|
|
||||||
editorData: "",
|
|
||||||
title: "",
|
|
||||||
link: "",
|
|
||||||
description: "",
|
|
||||||
fullDesc: "",
|
|
||||||
httpService: undefined,
|
|
||||||
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
|
||||||
editorOptions: {
|
|
||||||
formats: {
|
|
||||||
direction: "rtl",
|
|
||||||
align: "right",
|
|
||||||
},
|
|
||||||
placeholder: "توضیحات...",
|
|
||||||
// readOnly: true,
|
|
||||||
// theme: "snow",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions("search", ["helpSchemaSetter"]),
|
|
||||||
select(e) {
|
|
||||||
this.value = e;
|
|
||||||
},
|
|
||||||
getSchemas() {
|
|
||||||
this.httpService
|
|
||||||
.postRequest(searchApi.schema.list, {
|
|
||||||
organ: this.organNameGetter,
|
|
||||||
system: "setting",
|
|
||||||
build_state: buildState(),
|
|
||||||
})
|
|
||||||
.then((response) => {
|
|
||||||
this.helpSchemaSetter(response.data.setting);
|
|
||||||
this.options = this.helpSchemaGetter[0].category;
|
|
||||||
// this.options = response;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
saveData() {
|
|
||||||
var origin = location.origin;
|
|
||||||
|
|
||||||
let cleaned = this.link;
|
|
||||||
if (this.link.startsWith(origin) || this.link == "") {
|
|
||||||
cleaned = this.link.replace(origin, "");
|
|
||||||
} else {
|
|
||||||
let errorMessage = "نشانی پیوند باید با " + origin + "شروع شود";
|
|
||||||
this.mySwalToast({
|
|
||||||
title: errorMessage,
|
|
||||||
// html: response.data.message,
|
|
||||||
|
|
||||||
icon: "error",
|
|
||||||
timer: 7000,
|
|
||||||
});
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
let payload = {
|
|
||||||
value_key: this.value.key,
|
|
||||||
value: this.editorData,
|
|
||||||
meta : {
|
|
||||||
title: this.title,
|
|
||||||
link: cleaned,
|
|
||||||
description: this.description,
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.httpService
|
|
||||||
.postRequest(settingsApi.help.addItem, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "با موفقیت ثبت شد",
|
|
||||||
// html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
this.resetItem();
|
|
||||||
// this.helpSchemaSetter(response.data.setting);
|
|
||||||
// this.options = response;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resetItem() {
|
|
||||||
this.title = "";
|
|
||||||
this.link = "";
|
|
||||||
this.description = "";
|
|
||||||
this.editorData = "";
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
input {
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
font-size: 14px;
|
|
||||||
height: 3em;
|
|
||||||
width: 100%;
|
|
||||||
&::placeholder {
|
|
||||||
color: #a7a098;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.multi {
|
|
||||||
// width: 200px;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
}
|
|
||||||
.btn-save {
|
|
||||||
width: 100px;
|
|
||||||
height: 2.5em;
|
|
||||||
float: left;
|
|
||||||
background-color: white;
|
|
||||||
margin-top: 0.8em;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
}
|
|
||||||
.page {
|
|
||||||
height: calc(100vh - 5em);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,230 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12">
|
|
||||||
<div v-if="canView">
|
|
||||||
<div class="user__container">
|
|
||||||
<div class="d-flex justify-content-between align-items-center">
|
|
||||||
<div>
|
|
||||||
<h3>
|
|
||||||
{{ $t("Notifications") }}
|
|
||||||
</h3>
|
|
||||||
<p class="text__light text__13">
|
|
||||||
شما {{ list?.length }} اعلان خوانده نشده دارید.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<button-component
|
|
||||||
@click="openModal"
|
|
||||||
type="button"
|
|
||||||
classes="btn-primary"
|
|
||||||
buttonText="اعلان جدید"
|
|
||||||
title="اعلان جدید"
|
|
||||||
>
|
|
||||||
</button-component>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<ul class="nav nav-tabs">
|
|
||||||
<li class="nav-item">
|
|
||||||
<button
|
|
||||||
title="همه"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="filterNotifications('all')"
|
|
||||||
class="btn nav-link"
|
|
||||||
:class="{
|
|
||||||
active: activeTab == 'all',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="badge badge-light">{{ counts?.all?.count }}</span>
|
|
||||||
همه
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<button
|
|
||||||
title="جدید"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="filterNotifications('new')"
|
|
||||||
class="btn nav-link"
|
|
||||||
:class="{
|
|
||||||
active: activeTab == 'new',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="badge badge-light">{{ counts?.new?.count }}</span>
|
|
||||||
|
|
||||||
جدید
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<button
|
|
||||||
title="خوانده نشده ها"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="filterNotifications('unseen')"
|
|
||||||
class="btn nav-link"
|
|
||||||
:class="{
|
|
||||||
active: activeTab == 'unseen',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="badge badge-light">{{ counts?.unseen?.count }}</span>
|
|
||||||
|
|
||||||
خوانده نشده ها
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<button
|
|
||||||
title="خوانده شده ها"
|
|
||||||
type="button"
|
|
||||||
@click.prevent="filterNotifications('seen')"
|
|
||||||
class="btn nav-link"
|
|
||||||
:class="{
|
|
||||||
active: activeTab == 'seen',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span class="badge badge-light">{{ counts?.seen?.count }}</span>
|
|
||||||
|
|
||||||
خوانده شده ها
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<the-content-loading
|
|
||||||
class="absolute-positioning"
|
|
||||||
v-if="fetchingData"
|
|
||||||
></the-content-loading>
|
|
||||||
|
|
||||||
<div v-else>
|
|
||||||
<div v-if="list && list.length">
|
|
||||||
<div class="notif-list firefox-scrollbar">
|
|
||||||
<notification-item
|
|
||||||
v-for="(item, index) in list"
|
|
||||||
:item="item"
|
|
||||||
:index="index"
|
|
||||||
:key="item._id"
|
|
||||||
@getList="getList()"
|
|
||||||
@go-to-notification-show-page="
|
|
||||||
goToNotificationShowPage(item)
|
|
||||||
"
|
|
||||||
></notification-item>
|
|
||||||
</div>
|
|
||||||
<jahat-pagination
|
|
||||||
v-if="pagination.total"
|
|
||||||
:paginationInfo="pagination"
|
|
||||||
@page-changed="pageChanged"
|
|
||||||
@page-limit-changed="pageLimitChanged"
|
|
||||||
@sort-changed="sortChanged"
|
|
||||||
>
|
|
||||||
</jahat-pagination>
|
|
||||||
</div>
|
|
||||||
<no-data v-else></no-data>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<no-data v-else>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<div v-else class="d-flex justify-content-center align-items-center">
|
|
||||||
<div
|
|
||||||
class="alert alert-warning d-flex justify-content-center align-items-center"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="tavasi tavasi-warning-circle color-inherit ml-1 text__32"
|
|
||||||
></span>
|
|
||||||
عدم دسترسی
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</no-data>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<base-modal
|
|
||||||
v-if="showModal"
|
|
||||||
modalSize="modal-lg"
|
|
||||||
modalTitle="اعلان جدید"
|
|
||||||
:hasFooter="false"
|
|
||||||
@close="closeModal"
|
|
||||||
>
|
|
||||||
<admin-notification-form
|
|
||||||
ref="tabFormBuilder"
|
|
||||||
:formData="notificationItem"
|
|
||||||
@close-modal="closeModal"
|
|
||||||
></admin-notification-form>
|
|
||||||
</base-modal>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import notificationMixin from "~/mixins/notifications/notificationMixin";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
extends: notificationMixin,
|
|
||||||
mounted() {
|
|
||||||
// this.canView = true;
|
|
||||||
this.checkPermisionBeforGetList("notification_edit").then(() => {
|
|
||||||
this.getList();
|
|
||||||
this.numberOfMark();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
showModal: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
onEditItem(item, index) {
|
|
||||||
this.notificationItem = item;
|
|
||||||
this.openModal();
|
|
||||||
},
|
|
||||||
onDeleteItem(item) {
|
|
||||||
this.mySwalConfirm({
|
|
||||||
title: "هشدار!!!",
|
|
||||||
html: "از حذف این مورد مطمئن هستید؟",
|
|
||||||
}).then((result) => {
|
|
||||||
if (result.isConfirmed) {
|
|
||||||
this.deleteItem(item).then(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.getList();
|
|
||||||
}, 1000);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
openModal() {
|
|
||||||
this.showModal = true;
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
$("#base-modal").modal({ backdrop: "static", keyboard: false }, "show");
|
|
||||||
}, 500);
|
|
||||||
},
|
|
||||||
closeModal(isCreate = false) {
|
|
||||||
$("#base-modal").modal("hide");
|
|
||||||
|
|
||||||
if (isCreate)
|
|
||||||
setTimeout(() => {
|
|
||||||
this.showModal = false;
|
|
||||||
this.notificationItem = undefined;
|
|
||||||
this.getList();
|
|
||||||
}, 1000);
|
|
||||||
else
|
|
||||||
setTimeout(() => {
|
|
||||||
this.showModal = false;
|
|
||||||
this.notificationItem = undefined;
|
|
||||||
this.getList();
|
|
||||||
}, 500);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<my-quill :parentButtonLoading="buttonLoading" v-else :tinyText="tinyText" @input="onSave"
|
|
||||||
@on-save="onSave"></my-quill>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "dataSettingContactUs",
|
|
||||||
setup() {
|
|
||||||
definePageMeta({
|
|
||||||
name: "dataSettingContactUs",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
buttonLoading: false,
|
|
||||||
tinyText: '',
|
|
||||||
fetchingData: false,
|
|
||||||
data: undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
getData() {
|
|
||||||
var vm = this;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
var url = settingsApi.app.getByKey;
|
|
||||||
url = url.replace("{{key_option}}", "conect_text");
|
|
||||||
|
|
||||||
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
|
||||||
.then((response) => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
|
|
||||||
this.tinyText = response.data.hits.hits[0]._source.value;
|
|
||||||
this.data = response.data.hits.hits[0]._source;
|
|
||||||
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onSave(newContent) {
|
|
||||||
if (this.buttonLoading) return;
|
|
||||||
this.buttonLoading = true;
|
|
||||||
|
|
||||||
// var url = apis.admin.save;
|
|
||||||
// const payload = { ...this.data, ...{ value: newContent } }
|
|
||||||
|
|
||||||
var url = settingsApi.app.saveByKey;
|
|
||||||
url = url.replace("{{key_option}}", "conect_text");
|
|
||||||
const payload = { value: newContent }
|
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "تبریک",
|
|
||||||
html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,103 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<div v-else>
|
|
||||||
<form v-if="properties.length" class="form" @submit.prevent="onSubmit()">
|
|
||||||
<div v-for="(property, index) in properties" :key="property.title" class="form-row form-group">
|
|
||||||
<label class="col-1" :for="'ta' + index">{{ property.title }} </label>
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<textarea class="form-control" :id="'ta' + index" :name="'ta' + index" :placeholder="property.title"
|
|
||||||
v-model.trim="property.keys" rows="1"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-row form-group mt-4">
|
|
||||||
<div class="col d-flex">
|
|
||||||
<button-component classes="btn-outline-primary" type="submit" :buttonText="'ذخیره'"
|
|
||||||
:buttonLoading="buttonLoading"></button-component>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<no-data v-else />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
stopWords: '',
|
|
||||||
fetchingData: false,
|
|
||||||
buttonLoading: false,
|
|
||||||
properties: [],
|
|
||||||
payload: {},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
getData() {
|
|
||||||
if (this.fetchingData) return;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
var url = settingsApi.app.getByKey;
|
|
||||||
url = url.replace("{{key_option}}", "search_amplify");
|
|
||||||
// let url = apis.admin.get.replace('{{system}}', this.$route.meta.apiKey)
|
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
|
||||||
.then((response) => {
|
|
||||||
this.payload = response.data.hits.hits[0]._source;
|
|
||||||
this.properties = JSON.parse(response.data.hits.hits[0]._source.value);
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.fetchingData = false;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
onSubmit() {
|
|
||||||
if (this.buttonLoading) return;
|
|
||||||
this.buttonLoading = true;
|
|
||||||
|
|
||||||
// var url = apis.admin.save;
|
|
||||||
// const payload = { ...this.payload, ...{ value: JSON.stringify(this.properties) } }
|
|
||||||
|
|
||||||
var url = settingsApi.app.saveByKey;
|
|
||||||
url = url.replace("{{key_option}}", "search_amplify");
|
|
||||||
const payload = { value: JSON.stringify(this.properties) }
|
|
||||||
|
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "تبریک",
|
|
||||||
html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
}).finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,107 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<the-content-loading v-if="fetchingData"></the-content-loading>
|
|
||||||
|
|
||||||
<form v-else @submit.prevent="onSave()">
|
|
||||||
<div class="form-group">
|
|
||||||
<!-- <label for="stop-words"></label> -->
|
|
||||||
<textarea
|
|
||||||
v-model="stopWords"
|
|
||||||
class="form-control"
|
|
||||||
id="stop-words"
|
|
||||||
rows="10"
|
|
||||||
style="height: auto"
|
|
||||||
></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button-component
|
|
||||||
type="submit"
|
|
||||||
classes="btn-primary"
|
|
||||||
:buttonText="saveButtonText"
|
|
||||||
>
|
|
||||||
</button-component>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
saveButtonText: {
|
|
||||||
default: "ذخیره",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
stopWords: "",
|
|
||||||
fetchingData: false,
|
|
||||||
data: undefined,
|
|
||||||
buttonLoading: false,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
getData() {
|
|
||||||
var vm = this;
|
|
||||||
this.fetchingData = true;
|
|
||||||
|
|
||||||
var url = settingsApi.app.getByKey;
|
|
||||||
url = url.replace("{{key_option}}", "words_stop");
|
|
||||||
// let url = apis.admin.get.replace("{{system}}", this.$route.meta.apiKey);
|
|
||||||
|
|
||||||
ApiService.getRequest(url)
|
|
||||||
.then((response) => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
|
|
||||||
this.stopWords = response.data.hits.hits[0]._source.value;
|
|
||||||
this.data = response.data.hits.hits[0]._source;
|
|
||||||
})
|
|
||||||
|
|
||||||
.finally(() => {
|
|
||||||
vm.fetchingData = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
onSave() {
|
|
||||||
if (this.buttonLoading) return;
|
|
||||||
this.buttonLoading = true;
|
|
||||||
|
|
||||||
// var url = apis.admin.save;
|
|
||||||
// const payload = { ...this.data, ...{ value: this.stopWords } };
|
|
||||||
|
|
||||||
var url = settingsApi.app.saveByKey;
|
|
||||||
url = url.replace("{{key_option}}", "words_stop");
|
|
||||||
const payload = { value: this.stopWords }
|
|
||||||
|
|
||||||
|
|
||||||
ApiService.postRequest(url, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "تبریک",
|
|
||||||
html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
})
|
|
||||||
|
|
||||||
.finally(() => {
|
|
||||||
this.buttonLoading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getData();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// $route: {
|
|
||||||
// handler: function () {
|
|
||||||
// this.$store.state.collapsed = false;
|
|
||||||
// },
|
|
||||||
// deep: true,
|
|
||||||
// immediate: true,
|
|
||||||
// },
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,224 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="page">
|
|
||||||
<div class="container">
|
|
||||||
<form>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col-3">
|
|
||||||
<label for=""> انتخاب بخش:</label>
|
|
||||||
<multiselect
|
|
||||||
:allow-empty="false"
|
|
||||||
:searchable="true"
|
|
||||||
:close-on-select="true"
|
|
||||||
:show-labels="false"
|
|
||||||
:value="value"
|
|
||||||
:options="options"
|
|
||||||
class="multi"
|
|
||||||
@select="select"
|
|
||||||
label="label"
|
|
||||||
track-by="key"
|
|
||||||
placeholder="دسته"
|
|
||||||
:hide-selected="false"
|
|
||||||
:max-height="200"
|
|
||||||
>
|
|
||||||
</multiselect>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col-6">
|
|
||||||
<label for="">عنوان سوال:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
placeholder="عنوان سوال را کوتاه و واضح وارد نمایید"
|
|
||||||
v-model="title"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="col-6">
|
|
||||||
<label for="">نشانی صفحه:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
placeholder="نشانی از همین سامانه انتخاب کنید"
|
|
||||||
v-model="link"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col">
|
|
||||||
<label for="">توضیح کوتاه:</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
placeholder="توضیح مختصر حداکثر یک خط باشد"
|
|
||||||
v-model="description"
|
|
||||||
maxlength="500"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-row">
|
|
||||||
<div class="col">
|
|
||||||
<label for="" class="mt-2">توضیح مفصل:</label>
|
|
||||||
<!-- <VueEditor
|
|
||||||
dir="rtl"
|
|
||||||
v-model="editorData"
|
|
||||||
:editorOptions="editorOptions"
|
|
||||||
></VueEditor> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<button class="btn-save" @click="saveData">ذخیره</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import searchApi from "~/apis/searchApi";
|
|
||||||
import settingsApi from "~/apis/settingsApi";
|
|
||||||
|
|
||||||
// import { VueEditor } from "vue2-editor";
|
|
||||||
import { mapState, mapActions } from "pinia";
|
|
||||||
import { useStorage } from "@vueuse/core";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "adminGuides",
|
|
||||||
setup() {
|
|
||||||
definePageMeta({
|
|
||||||
name: "adminGuides",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
beforeMount() {
|
|
||||||
this.httpService = new HttpService(import.meta.env.VITE_REPO_BASE_URL);
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(useSearchStore, ["helpSchemaGetter"]),
|
|
||||||
...mapState(["organNameGetter"]),
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
let localStoageHelpSchema = useStorage("settingSchema",undefined).value;
|
|
||||||
|
|
||||||
if (localStoageHelpSchema) {
|
|
||||||
let helpSchema = JSON.parse(localStoageHelpSchema);
|
|
||||||
this.helpSchemaSetter(helpSchema);
|
|
||||||
this.options = this.helpSchemaGetter[0].category;
|
|
||||||
} else this.getSchemas();
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
value: "",
|
|
||||||
editorData: "",
|
|
||||||
title: "",
|
|
||||||
link: "",
|
|
||||||
description: "",
|
|
||||||
fullDesc: "",
|
|
||||||
httpService: undefined,
|
|
||||||
options: [{ name: "جستجو" }, { name: "محتوا" }, { name: "مطالعه" }],
|
|
||||||
editorOptions: {
|
|
||||||
formats: {
|
|
||||||
direction: "rtl",
|
|
||||||
align: "right",
|
|
||||||
},
|
|
||||||
placeholder: "توضیحات...",
|
|
||||||
// readOnly: true,
|
|
||||||
// theme: "snow",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
...mapActions("search", ["helpSchemaSetter"]),
|
|
||||||
select(e) {
|
|
||||||
this.value = e;
|
|
||||||
},
|
|
||||||
getSchemas() {
|
|
||||||
this.httpService
|
|
||||||
.postRequest(searchApi.schema.list, {
|
|
||||||
organ: this.organNameGetter,
|
|
||||||
system: "setting",
|
|
||||||
build_state: buildState(),
|
|
||||||
})
|
|
||||||
.then((response) => {
|
|
||||||
this.helpSchemaSetter(response.data.setting);
|
|
||||||
this.options = this.helpSchemaGetter[0].category;
|
|
||||||
// this.options = response;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
saveData() {
|
|
||||||
var origin = location.origin;
|
|
||||||
|
|
||||||
let cleaned = this.link;
|
|
||||||
if (this.link.startsWith(origin) || this.link == "") {
|
|
||||||
cleaned = this.link.replace(origin, "");
|
|
||||||
} else {
|
|
||||||
let errorMessage = "نشانی پیوند باید با " + origin + "شروع شود";
|
|
||||||
this.mySwalToast({
|
|
||||||
title: errorMessage,
|
|
||||||
// html: response.data.message,
|
|
||||||
|
|
||||||
icon: "error",
|
|
||||||
timer: 7000,
|
|
||||||
});
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
let payload = {
|
|
||||||
value_key: this.value.key,
|
|
||||||
value: this.editorData,
|
|
||||||
meta : {
|
|
||||||
title: this.title,
|
|
||||||
link: cleaned,
|
|
||||||
description: this.description,
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.httpService
|
|
||||||
.postRequest(settingsApi.help.addItem, payload)
|
|
||||||
.then((response) => {
|
|
||||||
this.mySwalToast({
|
|
||||||
title: "با موفقیت ثبت شد",
|
|
||||||
// html: response.data.message,
|
|
||||||
icon: "success",
|
|
||||||
});
|
|
||||||
this.resetItem();
|
|
||||||
// this.helpSchemaSetter(response.data.setting);
|
|
||||||
// this.options = response;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
resetItem() {
|
|
||||||
this.title = "";
|
|
||||||
this.link = "";
|
|
||||||
this.description = "";
|
|
||||||
this.editorData = "";
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
input {
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
font-size: 14px;
|
|
||||||
height: 3em;
|
|
||||||
width: 100%;
|
|
||||||
&::placeholder {
|
|
||||||
color: #a7a098;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.multi {
|
|
||||||
// width: 200px;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
}
|
|
||||||
.btn-save {
|
|
||||||
width: 100px;
|
|
||||||
height: 2.5em;
|
|
||||||
float: left;
|
|
||||||
background-color: white;
|
|
||||||
margin-top: 0.8em;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
}
|
|
||||||
.page {
|
|
||||||
height: calc(100vh - 5em);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -147,7 +147,7 @@ export default {
|
||||||
cleaned = this.link.replace(origin, "");
|
cleaned = this.link.replace(origin, "");
|
||||||
} else {
|
} else {
|
||||||
let errorMessage = "نشانی پیوند باید با " + origin + "شروع شود";
|
let errorMessage = "نشانی پیوند باید با " + origin + "شروع شود";
|
||||||
this.mySwalToast({
|
mySwalToast({
|
||||||
title: errorMessage,
|
title: errorMessage,
|
||||||
// html: response.data.message,
|
// html: response.data.message,
|
||||||
|
|
||||||
|
|
|
||||||
33
plugins/vue-sweetalert2.client.ts
Normal file
33
plugins/vue-sweetalert2.client.ts
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
import { defineNuxtPlugin } from '#app';
|
||||||
|
import Swal from 'sweetalert2';
|
||||||
|
import 'sweetalert2/dist/sweetalert2.min.css';
|
||||||
|
|
||||||
|
export default defineNuxtPlugin(nuxtApp => {
|
||||||
|
const mySwalToast = (options:any) => {
|
||||||
|
return Swal.fire({
|
||||||
|
toast: true,
|
||||||
|
position: 'bottom-end',
|
||||||
|
showConfirmButton: false,
|
||||||
|
timerProgressBar: true,
|
||||||
|
timer: 5000,
|
||||||
|
icon: 'success',
|
||||||
|
...options,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const mySwalConfirm = (options:any) => {
|
||||||
|
return Swal.fire({
|
||||||
|
title: 'هشدار',
|
||||||
|
text: 'آیا مطمئن هستید؟',
|
||||||
|
icon: 'warning',
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonText: 'تایید',
|
||||||
|
cancelButtonText: 'انصراف',
|
||||||
|
...options,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// به جای استفاده از `provide()`
|
||||||
|
nuxtApp.$mySwalToast = mySwalToast;
|
||||||
|
nuxtApp.$mySwalConfirm = mySwalConfirm;
|
||||||
|
});
|
||||||
7
plugins/vue3-quill.client.ts
Normal file
7
plugins/vue3-quill.client.ts
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
import { defineNuxtPlugin } from '#app'
|
||||||
|
import { QuillEditor } from '@vueup/vue-quill'
|
||||||
|
import '@vueup/vue-quill/dist/vue-quill.snow.css'
|
||||||
|
|
||||||
|
export default defineNuxtPlugin((nuxtApp) => {
|
||||||
|
nuxtApp.vueApp.component('QuillEditor', QuillEditor)
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue
Block a user