From 0bcf5c5de7d9ba1e9ca39fe4ec26ad9b9b827491 Mon Sep 17 00:00:00 2001
From: David Frassi <d.frassi@estar.toscana.it>
Date: Wed, 20 May 2026 12:15:50 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20aggiunta=20etichetta=20'Non=20Validato'?=
 =?UTF-8?q?=20per=20i=20canti=20personalizzati=20della=20comunit=C3=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Definita la proprietà 'nonValidato' nell'interfaccia Canto.
- Impostato il flag 'nonValidato: true' sui canti mappati in ComunitaService.
- Creato e integrato il badge grafico rosso soft '.non-validato-badge' sia in HomePage (accanto al titolo del canto) sia in PlayerPage (nell'intestazione del brano), con supporto alla modalità ad alto contrasto.
---
 src/app/home/home.page.html           |  6 ++++--
 src/app/home/home.page.scss           | 21 +++++++++++++++++++++
 src/app/pages/player/player.page.html |  1 +
 src/app/pages/player/player.page.scss | 21 +++++++++++++++++++++
 src/app/services/canti.service.ts     |  1 +
 src/app/services/comunita.service.ts  |  3 ++-
 src/app/version.ts                    |  2 +-
 7 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 6cf56e4..a524c88 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -266,8 +266,10 @@
           <div class="content-column" (click)="goToCanto(canto.id)">
             <div class="top-row">
               <ion-label class="info-section">
-                <h2 class="outfit-font" style="font-weight: 500; color: var(--ion-color-secondary)">
-                  <span *ngIf="getCommunitySongNumber(canto)" style="color: var(--ion-color-secondary); font-weight: 600; margin-right: 8px; opacity: 0.9;">{{ getCommunitySongNumber(canto) }}</span>{{ canto.titolo }}
+                <h2 class="outfit-font" style="font-weight: 500; color: var(--ion-color-secondary); display: flex; align-items: center; flex-wrap: wrap; gap: 4px;">
+                  <span *ngIf="getCommunitySongNumber(canto)" style="color: var(--ion-color-secondary); font-weight: 600; margin-right: 8px; opacity: 0.9;">{{ getCommunitySongNumber(canto) }}</span>
+                  <span>{{ canto.titolo }}</span>
+                  <span *ngIf="canto.nonValidato" class="non-validato-badge">Non Validato</span>
                 </h2>
                 <p style="color: rgba(255,255,255,0.6); margin-bottom: 2px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;">
                   <span>{{ canto.autore || 'Autore sconosciuto' }}</span>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 4163fef..0683338 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -921,3 +921,24 @@ ion-title {
     color: rgba(0, 0, 0, 0.5) !important;
   }
 }
+
+.non-validato-badge {
+  font-size: 0.65rem;
+  background: rgba(231, 76, 60, 0.15); /* Soft premium red */
+  color: #e74c3c;
+  padding: 1px 6px;
+  border-radius: 6px;
+  border: 1px solid rgba(231, 76, 60, 0.3);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-left: 6px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+:host-context(body.high-contrast) .non-validato-badge {
+  background: rgba(231, 76, 60, 0.1) !important;
+  color: #c0392b !important;
+  border-color: #c0392b !important;
+}
diff --git a/src/app/pages/player/player.page.html b/src/app/pages/player/player.page.html
index 6101043..1b7be06 100644
--- a/src/app/pages/player/player.page.html
+++ b/src/app/pages/player/player.page.html
@@ -18,6 +18,7 @@
           {{ getCommunitySongNumber(canto()) || canto()?.id_canti }}
         </span>
         <span class="title-text">{{ canto()?.titolo || 'Player' }}</span>
+        <span *ngIf="canto()?.nonValidato" class="non-validato-badge">Non Validato</span>
       </div>
     </ion-title>
     <ion-buttons slot="start">
diff --git a/src/app/pages/player/player.page.scss b/src/app/pages/player/player.page.scss
index db88a04..5b35966 100644
--- a/src/app/pages/player/player.page.scss
+++ b/src/app/pages/player/player.page.scss
@@ -532,3 +532,24 @@ ion-content.full-screen-content {
     border: 1px solid rgba(0, 0, 0, 0.15) !important;
   }
 }
+
+.non-validato-badge {
+  font-size: 0.6rem;
+  background: rgba(231, 76, 60, 0.15); /* Soft premium red */
+  color: #e74c3c;
+  padding: 1px 6px;
+  border-radius: 6px;
+  border: 1px solid rgba(231, 76, 60, 0.3);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-left: 6px;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+:host-context(body.high-contrast) .non-validato-badge {
+  background: rgba(231, 76, 60, 0.1) !important;
+  color: #c0392b !important;
+  border-color: #c0392b !important;
+}
diff --git a/src/app/services/canti.service.ts b/src/app/services/canti.service.ts
index 59998f2..66c8128 100644
--- a/src/app/services/canti.service.ts
+++ b/src/app/services/canti.service.ts
@@ -12,6 +12,7 @@ export interface Canto {
   link_youtube?: string;
   id_momenti?: number[];
   data_update?: string;
+  nonValidato?: boolean;
 }
 
 export interface Indice {
diff --git a/src/app/services/comunita.service.ts b/src/app/services/comunita.service.ts
index b49d0e6..c61c2d5 100644
--- a/src/app/services/comunita.service.ts
+++ b/src/app/services/comunita.service.ts
@@ -158,7 +158,8 @@ export class ComunitaService {
           autore: cp.autore || '',
           link_youtube: cp.link_youtube || '',
           id_momenti: [],
-          data_update: cp.data_update || ''
+          data_update: cp.data_update || '',
+          nonValidato: true
         }));
 
         this.comunitaCode.set(trimmedCode);
diff --git a/src/app/version.ts b/src/app/version.ts
index 0fe019e..8c22ad3 100644
--- a/src/app/version.ts
+++ b/src/app/version.ts
@@ -1 +1 @@
-export const VERSION = '2026.05.20.1128';
+export const VERSION = '2026.05.20.1211';