feat: gestione trattini verticali | come accordi e allineamento grafico

src/app/services/settings.service.ts

@@ -41,6 +41,9 @@ export class SettingsService {
   /** Visualizza data update sotto autore nella lista canti: true = attivo */
   public showUpdateDate = signal<boolean>(true);
 
+  /** Visualizza durata, bpm e tonalità sotto autore / titolo: true = attivo */
+  public showDurationBpmTonality = signal<boolean>(true);
+
   /** Attiva autoscroll standard nel dettaglio canto: true = attivo */
   public enableStandardAutoscroll = signal<boolean>(false);
 
@@ -155,6 +158,7 @@ export class SettingsService {
       localStorage.setItem('invio-dati-statistici', 'false');
       localStorage.setItem('show-tags-in-list', 'true');
       localStorage.setItem('show-update-date', 'true');
+      localStorage.setItem('show-duration-bpm-tonality', 'true');
       localStorage.setItem('enable-standard-autoscroll', 'false');
       localStorage.setItem('enable-visual-autoscroll', 'true');
       localStorage.setItem('chord-notation-preference', 'diesis');
@@ -225,6 +229,13 @@ export class SettingsService {
       this.showUpdateDate.set(true);
     }
 
+    const savedShowDurBpmTon = localStorage.getItem('show-duration-bpm-tonality');
+    if (savedShowDurBpmTon !== null) {
+      this.showDurationBpmTonality.set(savedShowDurBpmTon === 'true');
+    } else {
+      this.showDurationBpmTonality.set(true);
+    }
+
     const savedStandardAutoscroll = localStorage.getItem('enable-standard-autoscroll');
     if (savedStandardAutoscroll !== null) {
       this.enableStandardAutoscroll.set(savedStandardAutoscroll === 'true');
@@ -312,6 +323,10 @@ export class SettingsService {
       localStorage.setItem('show-update-date', this.showUpdateDate().toString());
     });
 
+    effect(() => {
+      localStorage.setItem('show-duration-bpm-tonality', this.showDurationBpmTonality().toString());
+    });
+
     effect(() => {
       localStorage.setItem('enable-standard-autoscroll', this.enableStandardAutoscroll().toString());
     });
@@ -451,6 +466,12 @@ export class SettingsService {
     localStorage.setItem('show-update-date', newValue.toString());
   }
 
+  toggleShowDurationBpmTonality() {
+    const newValue = !this.showDurationBpmTonality();
+    this.showDurationBpmTonality.set(newValue);
+    localStorage.setItem('show-duration-bpm-tonality', newValue.toString());
+  }
+
   toggleStandardAutoscroll() {
     const newValue = !this.enableStandardAutoscroll();
     this.enableStandardAutoscroll.set(newValue);