FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
ameliabooking
/
v3
/
src
/
views
/
public
/
Cabinet
/
common
/
Authentication
Edit File: Auth.vue
<template> <component :is="authPagesObj[pageKey]"></component> </template> <script setup> // * import from Vue import { ref, computed, markRaw, inject, provide } from 'vue' // * Form Component Collection import SignIn from './parts/SignIn.vue' import SendAccessLink from './parts/SendAccessLink.vue' import SendAccessLinkProcess from './parts/SendAccessLinkSuccess.vue' import SetPass from './parts/SetPass.vue' import ChangePassSuccess from './parts/SetPassSuccess.vue' // * import composable import { defaultCustomizeSettings } from '../../../../../assets/js/common/defaultCustomize.js' // * Root Settings const amSettings = inject('settings') // * Auth pages let authPagesObj = ref({ signIn: markRaw(SignIn), sendAccessLink: markRaw(SendAccessLink), sendAccessLinkProcess: markRaw(SendAccessLinkProcess), setPassword: markRaw(SetPass), changeSuccess: markRaw(ChangePassSuccess), }) let originKey = inject('originKey') // * Page key let pageKey = ref('signIn') provide('pageKey', pageKey) // * Fonts const amFonts = ref(amSettings.customizedData ? amSettings.customizedData.fonts : defaultCustomizeSettings.fonts) provide('amFonts', amFonts) // * Colors block let amColors = computed(() => { return amSettings.customizedData && originKey.value in amSettings.customizedData ? amSettings.customizedData[originKey.value].colors : defaultCustomizeSettings[originKey.value].colors }) provide('amColors', amColors) </script> <script> export default { name: 'AuthWrapper' } </script>
Save
Back