CustomizationBringing.vue
3 years ago
CustomizationCabinetAppointmentBook.vue
2 years ago
CustomizationCabinetAppointmentCancel.vue
2 years ago
CustomizationCabinetAppointmentReschedule.vue
2 years ago
CustomizationCabinetAppointments.vue
1 year ago
CustomizationCabinetEventCancel.vue
2 years ago
CustomizationCabinetEvents.vue
1 year ago
CustomizationCabinetLink.vue
2 years ago
CustomizationCabinetLinkSuccess.vue
2 years ago
CustomizationCabinetPackageAppointments.vue
2 years ago
CustomizationCabinetPackageCancel.vue
2 years ago
CustomizationCabinetPackagesList.vue
2 years ago
CustomizationCabinetProfile.vue
2 years ago
CustomizationCabinetSetPass.vue
2 years ago
CustomizationCabinetSignIn.vue
2 years ago
CustomizationCart.vue
2 years ago
CustomizationCategories.vue
3 years ago
CustomizationCategoryItems.vue
3 years ago
CustomizationCategoryPackage.vue
3 years ago
CustomizationCategoryService.vue
3 years ago
CustomizationColors.vue
1 year ago
CustomizationCongrats.vue
4 years ago
CustomizationDateAndTime.vue
2 years ago
CustomizationDeleteProfile.vue
2 years ago
CustomizationEventCongratulations.vue
3 years ago
CustomizationEventCustomerInfo.vue
3 years ago
CustomizationEventInfo.vue
3 years ago
CustomizationEventPayment.vue
3 years ago
CustomizationEventTickets.vue
3 years ago
CustomizationEventsCalendar.vue
1 year ago
CustomizationEventsList.vue
3 years ago
CustomizationExtras.vue
3 years ago
CustomizationFonts.vue
1 year ago
CustomizationGlobal.vue
4 years ago
CustomizationInfo.vue
3 years ago
CustomizationPackageAppointments.vue
3 years ago
CustomizationPackageAppointmentsList.vue
3 years ago
CustomizationPackageInfo.vue
3 years ago
CustomizationPackages.vue
3 years ago
CustomizationPayment.vue
4 years ago
CustomizationRecurring.vue
3 years ago
CustomizationRecurringPopup.vue
3 years ago
CustomizationRecurringSummary.vue
3 years ago
CustomizationServices.vue
2 years ago
CustomizationSidebar.vue
1 year ago
CustomizationBringing.vue
57 lines
| 1 | <template> |
| 2 | <div class="am-cs-parts"> |
| 3 | <div class="am-cs-part"> |
| 4 | <div class="am-cs-part__heading"> |
| 5 | {{amLabels.layout_and_inputs}} |
| 6 | </div> |
| 7 | <div class="am-cs-part__content"> |
| 8 | <AmArrowMenuItem @click="handleClick('options')"> |
| 9 | <span class="am-cs-part__item"> |
| 10 | <span class="am-icon-options"></span> {{amLabels.options}} |
| 11 | </span> |
| 12 | </AmArrowMenuItem> |
| 13 | <AmArrowMenuItem @click="handleClick('labels')"> |
| 14 | <span class="am-cs-part__item"> |
| 15 | <span class="am-icon-labels"></span> {{amLabels.labels}} |
| 16 | </span> |
| 17 | </AmArrowMenuItem> |
| 18 | </div> |
| 19 | </div> |
| 20 | </div> |
| 21 | </template> |
| 22 | |
| 23 | <script setup> |
| 24 | // * Component |
| 25 | import AmArrowMenuItem from '../../../_components/arrow-menu/AmArrowMenuItem.vue' |
| 26 | |
| 27 | // * Import from Vue |
| 28 | import { |
| 29 | inject |
| 30 | } from 'vue' |
| 31 | |
| 32 | let bookableType = inject('bookableType') |
| 33 | |
| 34 | let { |
| 35 | goBackPath, |
| 36 | handleClick, |
| 37 | parentPath |
| 38 | } = inject('sidebarFunctionality') |
| 39 | goBackPath.value = bookableType.value === 'event' ? 'info' : 'services' |
| 40 | parentPath.value = 'bringing' |
| 41 | |
| 42 | let subStepName = inject('subStepName') |
| 43 | subStepName.value = 'bringingAnyone' |
| 44 | |
| 45 | // * Labels |
| 46 | let amLabels = inject('labels') |
| 47 | </script> |
| 48 | |
| 49 | <script> |
| 50 | export default { |
| 51 | name: "CustomizationColors" |
| 52 | } |
| 53 | </script> |
| 54 | |
| 55 | <style lang="scss"> |
| 56 | |
| 57 | </style> |