Compare commits

..

No commits in common. "7205931f3074d9c59d8b5beceabfda2c03cb9ce6" and "7c684be67141cddcf36f480e589e5e21f86c9a20" have entirely different histories.

2 changed files with 93 additions and 207 deletions

View File

@ -34,12 +34,20 @@
emitHandler('dropdown-setting', { data: val })
"
/>
<div v-else-if="headItem.key === 'label'" class="mr-3">
<div
v-else-if="headItem.key === 'label'"
class="mr-3"
v-tooltip="headItem.tooltip || ''"
>
<span class="text-primary font-medium px-3">{{
headItem.label
}}</span>
</div>
<div v-else-if="headItem.key === 'text'" class="mr-3">
<div
v-else-if="headItem.key === 'text'"
class="mr-3"
v-tooltip="headItem.tooltip || ''"
>
<span class="text-primary font-medium px-3"
>{{ headItem.label }}:</span
>
@ -87,6 +95,7 @@
v-else-if="headItem.key === 'icon'"
class="btn p-2 rounded hover:text-primary transition-colors"
:title="headItem.label"
v-tooltip="headItem.tooltip || ''"
@click="emitHandler('icon-click', { data: headItem })"
>
<!-- <svg :class="'icon icon-' + headItem.icon">
@ -124,7 +133,10 @@
"
/>
</div>
<div v-else-if="headItem.key === 'button'">
<div
v-else-if="headItem.key === 'button'"
v-tooltip="headItem.tooltip || ''"
>
<button
class="btn bg-primary text-white px-3 py-1 rounded hover:bg-primary-dark"
@click="
@ -134,7 +146,10 @@
{{ headItem.label }}
</button>
</div>
<div v-else-if="headItem.key === 'iconButton'">
<div
v-else-if="headItem.key === 'iconButton'"
v-tooltip="headItem.tooltip || ''"
>
<button
class="btn flex items-center gap-1 px-2 py-1 rounded hover:text-primary"
@click="
@ -233,12 +248,20 @@
emitHandler('dropdown-setting', { data: val })
"
/>
<div v-else-if="my_item.key === 'label'" class="mr-3">
<div
v-else-if="my_item.key === 'label'"
class="mr-3"
v-tooltip="my_item.tooltip || ''"
>
<span class="text-primary font-medium px-3">{{
my_item.label
}}</span>
</div>
<div v-else-if="my_item.key === 'text'" class="mr-3">
<div
v-else-if="my_item.key === 'text'"
class="mr-3"
v-tooltip="my_item.tooltip || ''"
>
<span class="text-primary font-medium px-3"
>{{ my_item.label }}:</span
>
@ -287,6 +310,7 @@
v-else-if="my_item.key === 'icon'"
class="btn p-2 rounded hover:text-primary transition-colors"
:title="my_item.label"
v-tooltip="my_item.tooltip || ''"
@click="emitHandler('icon-click', { data: my_item })"
>
<!-- <svg :class="'icon icon-' + my_item.icon">
@ -319,7 +343,10 @@
"
/>
</div>
<div v-else-if="my_item.key === 'button'">
<div
v-else-if="my_item.key === 'button'"
v-tooltip="my_item.tooltip || ''"
>
<button
class="btn bg-primary text-white px-3 py-1 rounded hover:bg-primary-dark"
@click="
@ -329,7 +356,10 @@
{{ my_item.label }}
</button>
</div>
<div v-else-if="my_item.key === 'iconButton'">
<div
v-else-if="my_item.key === 'iconButton'"
v-tooltip="my_item.tooltip || ''"
>
<button
class="btn flex items-center gap-1 px-2 py-1 rounded hover:text-primary"
@click="

View File

@ -40,125 +40,9 @@ const myContentSchema = computed(() => {
pagination: props.pagination,
};
});
// const headerTools = computed(() => [
// {
// items: [
// // {
// // key: "label",
// // label: "کد :",
// // tooltip: "عنوان صفحه",
// // },
// {
// type: "dropdown",
// key: "dropdown",
// name: "refine_codes",
// dropdownSchema: {
// width: "18em",
// modelValue: null, // اینو بذار
// optionAttribute: "title",
// valueAttribute: "value",
// searchable: false,
// placeholder: "انتخاب کنید",
// items: refineCodes,
// },
// },
// // {
// // key: "label",
// // label: "نوع رابطه :",
// // tooltip: "عنوان صفحه",
// // },
// {
// type: "dropdown",
// key: "dropdown",
// name: "refine_codes",
// dropdownSchema: {
// width: "18em",
// modelValue: null, // اینو بذار
// optionAttribute: "title",
// valueAttribute: "value",
// searchable: false,
// placeholder: "انتخاب کنید",
// items: [
// { label: " تعارض مستقر", value: "stable" },
// { label: "تعارض مشروط", value: "conditional" },
// { label: "تکرار حکم", value: "duplicate" },
// ],
// },
// },
// // {
// // key: "label",
// // label: " وضعیت اعتبار:",
// // tooltip: "عنوان صفحه",
// // },
// {
// type: "dropdown",
// key: "dropdown",
// name: "refine_codes",
// dropdownSchema: {
// width: "18em",
// modelValue: null, // اینو بذار
// optionAttribute: "title",
// valueAttribute: "value",
// searchable: false,
// placeholder: "انتخاب کنید",
// items: [
// { label: "نامعتبر", value: "invalid" },
// { label: "معتبر", value: "valid" },
// ],
// },
// },
// {
// key: "autoComplation",
// placeholder: "جستجوی ...",
// debounceTime: 500,
// // autocompleteUrl: "/repo/monir/complation/sanad",
// minCharsForAutocomplete: 3,
// maxHistoryItems: 20,
// showSearchButton: false,
// filters: [
// {
// label: "همه اجزاء",
// value: "all",
// },
// {
// label: "عنوان جلسه",
// value: "title",
// },
// {
// label: "عنوان دوره",
// value: "branch",
// },
// {
// label: " فقط فهرست",
// value: "mindex",
// },
// {
// label: " فقط کدها",
// value: "codes",
// },
// {
// label: " دوره",
// value: "advance",
// },
// ],
// },
// // {
// // key: "prevNext",
// // name: "entityNavigator",
// // prevDisabled: false,
// // nextDisabled: true,
// // },
// ],
// },
// ]);
const headerTools = computed(() => [
[
{
items: [
{
key: "label",
label: "کد: ",
},
{
type: "dropdown",
key: "dropdown",
@ -173,53 +57,6 @@ const headerTools = computed(() => [
items: refineCodes,
},
},
{
key: "label",
label: "نوع رابطه :",
},
{
type: "dropdown",
key: "dropdown",
name: "refine_codes",
dropdownSchema: {
width: "10em",
modelValue: null, // اینو بذار
optionAttribute: "title",
valueAttribute: "value",
searchable: false,
placeholder: "انتخاب کنید",
items: [
{ label: " تعارض مستقر", value: "stable" },
{ label: "تعارض مشروط", value: "conditional" },
{ label: "تکرار حکم", value: "duplicate" },
],
},
},
{
key: "label",
label: " وضعیت اعتبار:",
},
{
type: "dropdown",
key: "dropdown",
name: "refine_codes",
dropdownSchema: {
width: "8em",
modelValue: null, // اینو بذار
optionAttribute: "title",
valueAttribute: "value",
searchable: false,
placeholder: "انتخاب کنید",
items: [
{ label: "نامعتبر", value: "invalid" },
{ label: "معتبر", value: "valid" },
],
},
},
],
},
{
items: [
{
key: "autoComplation",
placeholder: "جستجوی ...",
@ -233,17 +70,36 @@ const headerTools = computed(() => [
label: "همه اجزاء",
value: "all",
},
],
{
label: "عنوان جلسه",
value: "title",
},
// {
// key: "prevNext",
// name: "entityNavigator",
// prevDisabled: false,
// nextDisabled: true,
// },
],
{
label: "عنوان دوره",
value: "branch",
},
{
label: " فقط فهرست",
value: "mindex",
},
{
label: " فقط کدها",
value: "codes",
},
{
label: " دوره",
value: "advance",
},
],
},
{
key: "prevNext",
name: "entityNavigator",
prevDisabled: false,
nextDisabled: true,
},
],
},
]);
function headerToolsAction({ action, data }) {