From 0f1c444351e43d5005068a90f5442840cb2d87f5 Mon Sep 17 00:00:00 2001
From: mastah <szarminator@gmail.com>
Date: Fri, 30 Jan 2026 23:57:09 +0100
Subject: [PATCH] Added persistence to generators scope

---
 src/app/components/app/app.component.html | 12 ++++++------
 src/app/components/app/app.component.ts   | 24 +++++++++++++++++++++++
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/app/components/app/app.component.html b/src/app/components/app/app.component.html
index 3ffd704..024da75 100644
--- a/src/app/components/app/app.component.html
+++ b/src/app/components/app/app.component.html
@@ -5,12 +5,12 @@
 @if (showControls) {
     <div class="controls">
         <mat-button-toggle-group vertical multiple class="generator-toggles">
-            <mat-button-toggle [checked]="showRegon" (change)="showRegon = $event.source.checked">REGON</mat-button-toggle>
-            <mat-button-toggle [checked]="showNip" (change)="showNip = $event.source.checked">NIP</mat-button-toggle>
-            <mat-button-toggle [checked]="showPesel" (change)="showPesel = $event.source.checked">PESEL</mat-button-toggle>
-            <mat-button-toggle [checked]="showIdentityCard" (change)="showIdentityCard = $event.source.checked">DOWÓD</mat-button-toggle>
-            <mat-button-toggle [checked]="showMobile" (change)="showMobile = $event.source.checked">KOMÓRA</mat-button-toggle>
-            <mat-button-toggle [checked]="showIban" (change)="showIban = $event.source.checked">IBAN</mat-button-toggle>
+            <mat-button-toggle [checked]="showRegon" (change)="showRegon = $event.source.checked; saveGeneratorSettings()">REGON</mat-button-toggle>
+            <mat-button-toggle [checked]="showNip" (change)="showNip = $event.source.checked; saveGeneratorSettings()">NIP</mat-button-toggle>
+            <mat-button-toggle [checked]="showPesel" (change)="showPesel = $event.source.checked; saveGeneratorSettings()">PESEL</mat-button-toggle>
+            <mat-button-toggle [checked]="showIdentityCard" (change)="showIdentityCard = $event.source.checked; saveGeneratorSettings()">DOWÓD</mat-button-toggle>
+            <mat-button-toggle [checked]="showMobile" (change)="showMobile = $event.source.checked; saveGeneratorSettings()">KOMÓRA</mat-button-toggle>
+            <mat-button-toggle [checked]="showIban" (change)="showIban = $event.source.checked; saveGeneratorSettings()">IBAN</mat-button-toggle>
         </mat-button-toggle-group>
 
         <mat-button-toggle-group vertical class="theme-toggles">
diff --git a/src/app/components/app/app.component.ts b/src/app/components/app/app.component.ts
index 359bc4e..2fb424a 100644
--- a/src/app/components/app/app.component.ts
+++ b/src/app/components/app/app.component.ts
@@ -36,6 +36,18 @@ export class AppComponent implements OnInit {
       this.selectedTheme = savedTheme;
       this.applyTheme(savedTheme);
     }
+
+    const savedGenerators = localStorage.getItem('generatorSettings');
+    if (savedGenerators) {
+      const settings = JSON.parse(savedGenerators);
+      this.showRegon = settings.showRegon ?? true;
+      this.showNip = settings.showNip ?? true;
+      this.showPesel = settings.showPesel ?? true;
+      this.showIdentityCard = settings.showIdentityCard ?? true;
+      this.showIban = settings.showIban ?? true;
+      this.showMobile = settings.showMobile ?? true;
+    }
+
     setTimeout(() => {
       this.isInitialVisible = false;
       this.cdr.detectChanges();
@@ -48,6 +60,18 @@ export class AppComponent implements OnInit {
     this.applyTheme(theme);
   }
 
+  saveGeneratorSettings() {
+    const settings = {
+      showRegon: this.showRegon,
+      showNip: this.showNip,
+      showPesel: this.showPesel,
+      showIdentityCard: this.showIdentityCard,
+      showIban: this.showIban,
+      showMobile: this.showMobile
+    };
+    localStorage.setItem('generatorSettings', JSON.stringify(settings));
+  }
+
   private applyTheme(theme: string) {
     const body = document.body;
     this.themes.forEach(t => {