infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add reservation and purchase functionality

Browse Source 
Introduces ReservationSuccess, ReservationFailed, PurchaseSuccess, PurchaseFailed, TicketSmall, and TicketList components for handling and displaying reservation and purchase outcomes. Updates order flow logic in OrderComponent to support reservation and purchase states, disables/enables form inputs during submission, and integrates new UI feedback. Also adds angularx-qrcode dependency and updates @infinimotion/model-frontend version.
This commit is contained in:
Piet Ostendorp
2025-11-14 17:56:33 +01:00
parent f165a91e3c
commit 50cac8ac24
30 changed files with 821 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/custom-theme.scss
View File

@@ -66,6 +66,47 @@ html.dark {
color: white;
}
.error-button {
@include mat.button-overrides((
outlined-ripple-color: rgba(255, 0, 0, 0.1),
));
&.mdc-button:not(.mat-mdc-outlined-button):not(:disabled) {
background-color: var(--color-red-500) !important;
}
&.mdc-button.mat-mdc-outlined-button:not(:disabled) {
color: var(--color-red-500) !important;
}
&.mdc-button.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
background-color: var(--color-red-500) !important;
}
}
.success-button {
@include mat.button-overrides((
outlined-ripple-color: rgba(0, 255, 0, 0.1),
));
&.mdc-button:not(.mat-mdc-outlined-button):not(:disabled) {
background-color: var(--color-green-500) !important;
}
&.mdc-button.mat-mdc-outlined-button:not(:disabled) {
color: var(--mat-sys-on-surface) !important;
}
&.mdc-button.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
background-color: var(--color-green-500) !important;
}
}
body {
// Default the application to a light color theme. This can be changed to
// `dark` to enable the dark color theme, or to `light dark` to defer to the