generated from bisco/codex-bootstrap
feat: apply azionelab branding to frontend
This commit is contained in:
@@ -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);
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user