feat: apply azionelab branding to frontend

This commit is contained in:
2026-05-05 10:46:10 +02:00
parent cf4e9ec239
commit fbbb1ae5fe
9 changed files with 213 additions and 179 deletions

View File

@@ -15,18 +15,18 @@ import { ShowListItem, ShowsApiService } from '../services/shows-api.service';
<section class="page">
<header class="page-header">
<div>
<p class="eyebrow">Public shows</p>
<h1>Shows</h1>
<p class="eyebrow">Programmazione</p>
<h1>Spettacoli</h1>
</div>
<p class="supporting">
Browse current productions, open a show page, and move toward booking without friction.
Scopri le produzioni di AzioneLab, apri la scheda di ogni spettacolo e avvicinati alla prenotazione con semplicità.
</p>
</header>
@if (isLoading()) {
<div class="status-panel" aria-live="polite">
<mat-progress-spinner mode="indeterminate" diameter="40"></mat-progress-spinner>
<p>Loading shows...</p>
<p>Caricamento degli spettacoli in corso...</p>
</div>
} @else if (errorMessage()) {
<mat-card class="status-card" aria-live="assertive">
@@ -34,13 +34,13 @@ import { ShowListItem, ShowsApiService } from '../services/shows-api.service';
<div class="status-copy">
<mat-icon>error</mat-icon>
<div>
<h2>Could not load shows</h2>
<h2>Non siamo riusciti a caricare gli spettacoli</h2>
<p>{{ errorMessage() }}</p>
</div>
</div>
</mat-card-content>
<mat-card-actions>
<button mat-flat-button type="button" (click)="reload()">Try again</button>
<button mat-flat-button type="button" (click)="reload()">Riprova</button>
</mat-card-actions>
</mat-card>
} @else if (shows().length === 0) {
@@ -49,8 +49,8 @@ import { ShowListItem, ShowsApiService } from '../services/shows-api.service';
<div class="status-copy">
<mat-icon>theaters</mat-icon>
<div>
<h2>No shows published yet</h2>
<p>Published productions will appear here as soon as they are available.</p>
<h2>Nessuno spettacolo pubblicato per ora</h2>
<p>Le produzioni disponibili compariranno qui non appena saranno online.</p>
</div>
</div>
</mat-card-content>
@@ -65,14 +65,14 @@ import { ShowListItem, ShowsApiService } from '../services/shows-api.service';
</div>
}
<div class="card-topline">
<span class="card-label">Published show</span>
<span class="card-label">Spettacolo in evidenza</span>
</div>
<mat-card-title>{{ show.title }}</mat-card-title>
<mat-card-content>
<p>{{ show.summary }}</p>
</mat-card-content>
<mat-card-actions>
<a mat-button [routerLink]="['/shows', show.slug]">Open detail</a>
<a mat-button [routerLink]="['/shows', show.slug]">Apri scheda</a>
</mat-card-actions>
</mat-card>
}
@@ -246,7 +246,7 @@ export class ShowListPageComponent {
},
error: () => {
this.shows.set([]);
this.errorMessage.set('Please try again in a moment.');
this.errorMessage.set('Riprova tra qualche istante.');
this.isLoading.set(false);
},
});