File manager - Edit - /home/premiey/www/wp-content/plugins/ameliabooking/v3/src/views/admin/customize/steps/parts/CustomerCongratsInfo.vue
Back
<template> <div class="am-congrats__info-item" :class="responsiveClass" > <span class="am-congrats__info-item__label"> {{ labelsDisplay('your_name_colon') }}: </span> <span class="am-congrats__info-item__value"> {{ `${customer.firstName} ${customer.lastName}` }} </span> </div> <div class="am-congrats__info-item" :class="responsiveClass" > <span class="am-congrats__info-item__label"> {{ labelsDisplay('email_address_colon') }}: </span> <span class="am-congrats__info-item__value"> {{ customer.email }} </span> </div> <div class="am-congrats__info-item" :class="responsiveClass" > <span class="am-congrats__info-item__label"> {{ labelsDisplay('phone_number_colon') }}: </span> <span class="am-congrats__info-item__value"> {{ customer.phone }} </span> </div> </template> <script setup> // * Import from Vue import { inject, computed, ref } from "vue"; // * Composables import { useResponsiveClass } from "../../../../../assets/js/common/responsive"; // * Customize Object let amCustomize = inject('customize') // * Form string recognition let pageRenderKey = inject('pageRenderKey') // * Form step string recognition let stepName = inject('stepName') // * Language string recognition let langKey = inject('langKey') // * Labels let amLabels = inject('labels') function labelsDisplay (label) { let computedLabel = computed(() => { let translations = amCustomize.value[pageRenderKey.value][stepName.value].translations return translations && translations[label] && translations[label][langKey.value] ? translations[label][langKey.value] : amLabels[label] }) return computedLabel.value } let customer = ref({ firstName: 'John', lastName: 'Doe', email: 'john.doe@amelia.com', phone: '+12025550119' }) // * Responsive - Container Width let cWidth = inject('containerWidth') let componentWidth = computed(() => { return cWidth.value }) let responsiveClass = computed(() => useResponsiveClass(componentWidth.value)) </script> <script> export default { name: "CustomerCongratsInfo" } </script> <style lang="scss"> @mixin congrats-info-item-block { .am-congrats__info-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; * { font-size: 14px; line-height: 1.42857; } &__label { color: var(--am-c-atc-text-op40); } &__value { color: var(--am-c-atc-text); } } } #amelia-app-backend-new #amelia-container { @include congrats-info-item-block; } </style>
| ver. 1.4 |
Github
|
.
| PHP 5.4.45 | Generation time: 0 |
proxy
|
phpinfo
|
Settings