init git

initialize/auth/information.js

@@ -0,0 +1,63 @@
+import AppCalendar from '../components/app/Calendar.vue'
+
+export default () => {
+    const { t } = useI18n()
+    return reactive({
+        fields: {
+            firstName: {
+                is: "InputText",
+                props: { placeholder: "", style: 'direction:rtl' },
+            },
+            lastName: {
+                is: "InputText",
+                props: { placeholder: "", style: 'direction:rtl' },
+            },
+            gender: {
+                is: "Dropdown",
+                props: {
+                    placeholder: "",
+                    optionLabel: "label",
+                    optionValue: 'value',
+                    dataKey: 'value',
+                    options: [
+                        { label: t('male'), value: 0 },
+                        { label: t('female'), value: 1 },
+                    ]
+                },
+            },
+            dateOfBirth: {
+                is: AppCalendar,
+                props: { inputId: "dateOfBirth", placeholder: "", class: "isax isax-note5" },
+            },
+            phoneNumber: {
+                is: "InputText",
+                props: { placeholder: "", inputmode: "numeric", disabled: true },
+            },
+            email: {
+                is: "InputText",
+                props: { placeholder: "", type: "email" },
+            },
+            postCode: {
+                is: "InputText",
+                props: { placeholder: "" },
+            },
+            state: {
+                is: "Dropdown",
+                props: { placeholder: "", options: [], optionValue: 'name', optionLabel: 'name' },
+            },
+            city: {
+                is: "Dropdown",
+                props: { placeholder: '', options: []},
+            },
+            address: {
+                is: "Textarea",
+                props: { placeholder: "" },
+            },
+        },
+        btn: {
+            props: {
+                label: t("next"),
+            },
+        }
+    })
+}

initialize/auth/layout.js

@@ -0,0 +1,56 @@
+export default () => {
+    const { t } = useI18n();
+    return reactive({
+        backBtn: {
+            props: {
+                label: t("backToHome"),
+                icon: "isax isax-arrow-left",
+                severity: "secondary",
+                rounded: "md",
+                text: true,
+            }
+        },
+        asides: {
+            LoginForm: {
+                image: 'logo.svg',
+                title: 'welcome',
+                subtitle: 'Welcome',
+                desc: 'asanMarketDesc',
+                hint: ''
+            },
+            EnterPhoneNumber: {
+                step: 1,
+                image: 'enter-phone-number.svg',
+                title: 'enterPhoneNumber',
+                subtitle: 'Enter your number',
+                desc: 'enterPhoneNumberDesc',
+                hint: ''
+            },
+            EnterOTPCode: {
+                step: 2,
+                image: 'otp-code-sms.svg',
+                title: 'receiveActivtionCode',
+                subtitle: 'Receive activation code',
+                desc: 'receiveActivtionCodeDesc',
+                hint: ''
+            },
+            ChoosePassword: {
+                step: 3,
+                image: 'choose-password.svg',
+                title: 'choosePassword',
+                subtitle: 'Choose a Password',
+                desc: 'choosePasswordDesc',
+                hint: 'choosePasswordHint'
+            },
+            CompleteInformation: {
+                step: 4,
+                image: 'complete-information.svg',
+                title: 'completeInformation',
+                subtitle: 'Completion of information',
+                desc: 'completeInformationDesc',
+                hint: ''
+            }
+
+        }
+    })
+}

initialize/auth/login.js

@@ -0,0 +1,40 @@
+export default () => {
+    const { t } = useI18n()
+    return reactive({
+        fields: {
+            username: {
+                is: "InputText",
+                props: { type: "text", placeholder: "", id: "username" },
+            },
+            password: {
+                is: "Password",
+                props: {
+                    toggleMask: true,
+                    feedback: false,
+                    placeholder: "",
+                    inputId: "password",
+                },
+            },
+        },
+        checkbox: {
+            props: {
+                binary: true,
+                inputId: "remember",
+            },
+        },
+        btns: {
+            login: {
+                props: {
+                    label: t("login"),
+                },
+            },
+            register: {
+                props: {
+                    label: t("register"),
+                    outlined: true
+                },
+            },
+        },
+    })
+
+}

initialize/auth/otp-code.js

@@ -0,0 +1,18 @@
+export default () => {
+    const { t } = inject('service')
+    return reactive({
+        btns: {
+            next: {
+                props: {
+                    label: t("next"),
+                },
+            },
+            try: {
+                props: {
+                    label: t("tryAgain"),
+                    link: true,
+                },
+            },
+        },
+    })
+}

initialize/auth/password.js

@@ -0,0 +1,29 @@
+export default () => {
+    const { t } = useI18n()
+    return reactive({
+        fields: {
+            password: {
+                props: {
+                    feedback: false,
+                    toggleMask: true,
+                    autofocus: true,
+                    placeholder: "",
+                },
+            },
+            repassword: {
+                props: {
+                    feedback: false,
+                    toggleMask: true,
+                    placeholder: "",
+                },
+            },
+        },
+        btn: {
+            props: {
+                label: t("next"),
+                // loading: computed(() => $p?.value?.includes('password')),
+            },
+        }
+    })
+
+}

initialize/auth/phone.js

@@ -0,0 +1,19 @@
+export default () => {
+    const { t } = useI18n()
+    return reactive({
+        field: {
+            props: {
+                placeholder: "",
+                type: "phone",
+                id: "phone",
+                inputmode: "numeric",
+            },
+            rules: ['required', 'phone']
+        },
+        btn: {
+            props: {
+                label: t("receiveCode"),
+            },
+        },
+    })
+}