30 lines
1.4 KiB
Vue
30 lines
1.4 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import type { SectionData } from "@imen/shared";
|
||
|
|
import FormField from "@/components/FormField.vue";
|
||
|
|
import ListEditor from "@/components/ListEditor.vue";
|
||
|
|
import SectionHeadFields from "@/components/SectionHeadFields.vue";
|
||
|
|
|
||
|
|
const data = defineModel<SectionData<"testimonials">>({ required: true });
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="space-y-6">
|
||
|
|
<a-card title="عنوان بخش">
|
||
|
|
<SectionHeadFields v-model="data.head" :with-highlight="false" :with-desc="false" />
|
||
|
|
</a-card>
|
||
|
|
<a-card title="نظرات" :body-style="{ background: '#fafafa' }">
|
||
|
|
<ListEditor v-model="data.items" :create="() => ({ text: '', name: '', role: '' })" :max="12" add-label="افزودن نظر" :item-title="(q) => q.name">
|
||
|
|
<template #default="{ item, index }">
|
||
|
|
<div class="grid gap-x-4 md:grid-cols-2">
|
||
|
|
<FormField :path="`items.${index}.text`" label="متن نظر" required class="md:col-span-2">
|
||
|
|
<a-textarea v-model:value="item.text" :auto-size="{ minRows: 2, maxRows: 5 }" />
|
||
|
|
</FormField>
|
||
|
|
<FormField :path="`items.${index}.name`" label="نام" required><a-input v-model:value="item.name" /></FormField>
|
||
|
|
<FormField :path="`items.${index}.role`" label="سمت و سازمان"><a-input v-model:value="item.role" /></FormField>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</ListEditor>
|
||
|
|
</a-card>
|
||
|
|
</div>
|
||
|
|
</template>
|