Service offering carousel
Carousel of service offerings and categories, with custom layout and actions
Contents
isCategoryEditMode=true and isServiceEditMode=true: with categories and services
isCategoryEditMode=true and isServiceEditMode=true: empty state
Add a service
isCategoryEditMode=false and isServiceEditMode=false
Health Potions.
Potions to heal your woundsHealth Potions
Potions to heal your wounds
Inputs in Edit mode
isCategoryEditMode : boolean
Sets category name and description to be input fields
isServiceEditMode : boolean
Sets service card to be editable. Possible actions depend on serviceActionOptions
category ?: ServiceOfferingShopCategory
categoryForm ?: FormGroup<FormGroupTypeOf<CarouselHeaderFormType>>
serviceActionOptions ?: CategoryServiceActionOptions = defaultActionOptions
Determine what service-related actions can be done
services ?: readonly ServiceOfferingShopCategoryService[] | readonly ServiceOfferingWithOwnerDetails[] = []
slidesToShowDesktop ?: number = 5
Number of slides visible on desktop to larger screen sizes
Outputs
addService ?: any = new EventEmitter<void>()
editService ?: any = new EventEmitter<ServiceOfferingShopCategoryService>()
exitEditCategory ?: any = new EventEmitter<
ServiceOfferingShopCategory | undefined
>()
removeService ?: any = new EventEmitter<ServiceOfferingShopCategoryService>()
saveCategory ?: any = new EventEmitter<CategorySaveEvent>()
toggleServiceVisibility ?: any = new EventEmitter<ServiceOfferingShopCategoryService>()