bisco/azionelab
1
0
Fork 0
generated from bisco/codex-bootstrap
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply azionelab branding to frontend

Browse Source
This commit is contained in:
bisco
2026-05-05 10:46:10 +02:00
parent cf4e9ec239
commit fbbb1ae5fe
9 changed files with 213 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/app/pages/reservation-confirm-page.component.ts
View File

@@ -23,9 +23,9 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
template: `
<section class="page">
<header class="page-header">
<p class="eyebrow">Reservation confirmation</p>
<h1>Email confirmation</h1>
<p class="supporting">Use the link from your inbox to confirm your reservation and retrieve the QR code for venue check-in.</p>
<p class="eyebrow">Conferma prenotazione</p>
<h1>Conferma via email</h1>
<p class="supporting">Usa il link ricevuto nella tua casella email per confermare la prenotazione e ottenere il QR code per l'ingresso.</p>
</header>
<mat-card class="status-card">
@@ -34,8 +34,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
<div class="status-panel loading" aria-live="polite">
<mat-progress-spinner mode="indeterminate" diameter="36"></mat-progress-spinner>
<div>
<h2>Confirming reservation...</h2>
<p>Please wait while we validate your link.</p>
<h2>Stiamo confermando la prenotazione...</h2>
<p>Attendi qualche istante mentre verifichiamo il link.</p>
</div>
</div>
}
@@ -46,37 +46,37 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
<mat-icon fontSet="material-symbols-outlined">verified</mat-icon>
</div>
<div>
<h2>Reservation confirmed</h2>
<p>Your seats are confirmed. Present this QR code at check-in and keep the link handy if staff needs manual access.</p>
<h2>Prenotazione confermata</h2>
<p>I tuoi posti sono confermati. Mostra questo QR code all'ingresso e conserva il link nel caso lo staff debba aprirlo manualmente.</p>
<div class="success-points">
<span><mat-icon fontSet="material-symbols-outlined">qr_code_2</mat-icon> Ready for entry</span>
<span><mat-icon fontSet="material-symbols-outlined">theater_comedy</mat-icon> See you at the performance</span>
<span><mat-icon fontSet="material-symbols-outlined">qr_code_2</mat-icon> Pronto per l'ingresso</span>
<span><mat-icon fontSet="material-symbols-outlined">theater_comedy</mat-icon> Ci vediamo a teatro</span>
</div>
</div>
</div>
@if (confirmation()!.qr_code_image) {
<div class="qr-panel">
<p class="panel-label">Your check-in QR code</p>
<img [src]="confirmation()!.qr_code_image" alt="Reservation QR code" />
<p class="panel-label">Il tuo QR code di ingresso</p>
<img [src]="confirmation()!.qr_code_image" alt="QR code della prenotazione" />
</div>
}
@if (confirmation()!.qr_code_url) {
<div class="meta-card">
<mat-icon fontSet="material-symbols-outlined">link</mat-icon>
<p>Check-in URL: <a [href]="confirmation()!.qr_code_url">{{ confirmation()!.qr_code_url }}</a></p>
<p>Link di accesso: <a [href]="confirmation()!.qr_code_url">{{ confirmation()!.qr_code_url }}</a></p>
</div>
}
<div class="next-steps">
<div>
<p class="step-label">What to do next</p>
<p>Keep the QR code on your phone or print it. Staff can scan it directly at the entrance.</p>
<p class="step-label">Cosa fare adesso</p>
<p>Conserva il QR code sul telefono oppure stampalo. Lo staff potra' leggerlo direttamente all'ingresso.</p>
</div>
<div>
<p class="step-label">Need the link later?</p>
<p>Save the confirmation email so you can reopen the check-in page if the QR needs to be shown again.</p>
<p class="step-label">Ti serve di nuovo il link?</p>
<p>Tieni l'email di conferma: potrai riaprire la pagina di check-in in qualsiasi momento se dovrai mostrare ancora il QR.</p>
</div>
</div>
}
@@ -87,8 +87,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
<mat-icon fontSet="material-symbols-outlined">error</mat-icon>
</div>
<div>
<h2>Invalid confirmation link</h2>
<p>This token is not valid. Please use the latest email confirmation link.</p>
<h2>Link di conferma non valido</h2>
<p>Questo token non e' valido. Usa l'ultimo link di conferma ricevuto via email.</p>
</div>
</div>
}
@@ -99,8 +99,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
<mat-icon fontSet="material-symbols-outlined">schedule</mat-icon>
</div>
<div>
<h2>Confirmation link expired</h2>
<p>This link has expired. Please create a new reservation.</p>
<h2>Link di conferma scaduto</h2>
<p>Questo link e' scaduto. Crea una nuova prenotazione.</p>
</div>
</div>
}
@@ -111,16 +111,16 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
<mat-icon fontSet="material-symbols-outlined">warning</mat-icon>
</div>
<div>
<h2>Could not confirm reservation</h2>
<p>Please try again in a moment.</p>
<h2>Non siamo riusciti a confermare la prenotazione</h2>
<p>Riprova tra qualche istante.</p>
</div>
</div>
}
</mat-card-content>
<mat-card-actions>
<a mat-button routerLink="/">Home</a>
<a mat-button routerLink="/shows">Shows</a>
<a mat-button routerLink="/">Inizio</a>
<a mat-button routerLink="/shows">Spettacoli</a>
</mat-card-actions>
</mat-card>
</section>