anahita-front/initialize/userProfileEdit.js

import AppCalendar from '../components/app/Calendar.vue'
export default () => {
    const { t } = useI18n()
    return reactive({
        btns: {
            upload: {
                props: {
                    outlined: true,
                    label: t("changeProfileImage"),
                    icon: "isax isax-camera",
                    iconPos: "right",
                }
            },
            form: {
                save: {
                    props: {
                        label: t("save"),
                    }
                },
                cancel: {
                    props: {
                        label: t("cancel"),
                        outlined: true,
                    }
                },
            }
        },
        fields: {
            firstName: {
                is: "InputText",
                props: { placeholder: "" },
            },
            lastName: {
                is: "InputText",
                props: { placeholder: "" },
            },
            dateOfBirth: {
                is: AppCalendar,
                props: {
                    inputId: "dateOfBirth",placeholder: "",class: "isax isax-note5",
                },
            },
            email: {
                is: "InputText",
                props: { placeholder: "", type: "email" },
            },
            nationalCode: {
                is: "InputText",
                props: { placeholder: "", type: "phone" },
            },
            phoneNumber: {
                is: "InputText",
                props: { placeholder: "", type: "phone" },
            },
            state: {
                is: "Dropdown",
                props: { placeholder: "", options: [], optionValue: 'name', optionLabel: 'name' },
            },
            city: {
                is: "Dropdown",
                props: { placeholder: '', options: []},
            },
            postCode: {
                is: "InputNumber",
                props: { placeholder: "", type: "phone", useGrouping: false },
            },
            address: {
                is: "Textarea",
                props: { placeholder: "" },
            },
        }
    })
}