From 74ee8b93f511be9b536d54d08625a90b72d81f27 Mon Sep 17 00:00:00 2001 From: TigerKnight555 <106614210+TigerKnight555@users.noreply.github.com> Date: Mon, 16 Feb 2026 10:57:26 +0100 Subject: [PATCH 1/3] =?UTF-8?q?Dokumentation=20hinzugef=C3=BCgt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Settings/docs.md | 36 ++++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 src/Settings/docs.md diff --git a/src/Settings/docs.md b/src/Settings/docs.md new file mode 100644 index 0000000..e721f52 --- /dev/null +++ b/src/Settings/docs.md @@ -0,0 +1,36 @@ +Documentation: + + Settings: + - Nach dem Ändern der Daten werden diese in dem localStorage gespeichert + LocalStorage: + userSettings: + gender: string + Beispiel: + // Saved Settings + let settings = { + gender: 'none' + }; + + // Load Settings from local storage + function loadSettingsFromStorage() { + const savedSettings = localStorage.getItem('userSettings'); + if (savedSettings) { + settings = JSON.parse(savedSettings); + } + } + + graphTypeBtn: + - Nach dem Klicken auf den Button wird der ausgewählte Graphentyp im localSotrage geändert + LocalStorage: + graphType: 'bar' oder 'line' + Beispiel: + // Saved Settings + let graphType = 'bar'; + + // Load Settings from local storage + function loadGraphTypeFromStorage() { + const savedGraphType = localStorage.getItem('graphType'); + if (savedGraphType) { + graphType = JSON.parse(savedGraphType); + } + } \ No newline at end of file From 732de492b10e93cad17fddd9788bfb0b5657c448 Mon Sep 17 00:00:00 2001 From: TigerKnight555 <106614210+TigerKnight555@users.noreply.github.com> Date: Mon, 23 Feb 2026 10:01:49 +0100 Subject: [PATCH 2/3] Update Docs --- src/Settings/docs.md | 165 ++++++++++++++++++++++++++++++++++--------- 1 file changed, 131 insertions(+), 34 deletions(-) diff --git a/src/Settings/docs.md b/src/Settings/docs.md index e721f52..3324766 100644 --- a/src/Settings/docs.md +++ b/src/Settings/docs.md @@ -1,36 +1,133 @@ -Documentation: - - Settings: - - Nach dem Ändern der Daten werden diese in dem localStorage gespeichert - LocalStorage: - userSettings: - gender: string - Beispiel: - // Saved Settings - let settings = { - gender: 'none' - }; - - // Load Settings from local storage - function loadSettingsFromStorage() { - const savedSettings = localStorage.getItem('userSettings'); - if (savedSettings) { - settings = JSON.parse(savedSettings); - } +# Settings Feature Dokumentation + +## Übersicht +Das Settings-Feature ermöglicht es Benutzern, ihre persönlichen Einstellungen sowie Diagramm-Präferenzen zu speichern und zu verwalten. Alle Einstellungen werden persistent im Browser-localStorage gespeichert. + +--- + +## 1. User Settings + +### Beschreibung +Verwaltet benutzerspezifische Einstellungen wie das Geschlecht. Nach jeder Änderung werden die Daten automatisch im localStorage gespeichert und bleiben auch nach einem Neustart der Anwendung erhalten. + +### LocalStorage Struktur +**Key:** `userSettings` + +**Value:** +```json +{ + "gender": "none" | "male" | "female" +} +``` + +### Implementation + +#### Initialisierung +```javascript +// Standard-Einstellungen +let settings = { + gender: 'none' +}; +``` + +#### Laden aus LocalStorage +```javascript +function loadSettingsFromStorage() { + const savedSettings = localStorage.getItem('userSettings'); + if (savedSettings) { + try { + settings = JSON.parse(savedSettings); + } catch (error) { + console.error('Fehler beim Laden der Einstellungen:', error); } + } +} +``` + +#### Speichern in LocalStorage +```javascript +function saveSettingsToStorage() { + try { + localStorage.setItem('userSettings', JSON.stringify(settings)); + } catch (error) { + console.error('Fehler beim Speichern der Einstellungen:', error); + } +} +``` + +#### Verwendungsbeispiel +```javascript +// Beim Laden der Seite +document.addEventListener('DOMContentLoaded', () => { + loadSettingsFromStorage(); + applySettings(); +}); + +// Bei Änderung der Einstellungen +function updateGender(newGender) { + settings.gender = newGender; + saveSettingsToStorage(); +} +``` + +--- + +## 2. Graph Type Button + +### Beschreibung +Ermöglicht dem Benutzer, zwischen verschiedenen Diagrammtypen (Balkendiagramm oder Liniendiagramm) zu wechseln. Die Auswahl wird im localStorage gespeichert und beim nächsten Besuch wieder geladen. + +### LocalStorage Struktur +**Key:** `graphType` + +**Value:** `'bar'` oder `'line'` + +### Implementation + +#### Initialisierung +```javascript +// Standard-Diagrammtyp +let graphType = 'bar'; +``` + +#### Laden aus LocalStorage +```javascript +function loadGraphTypeFromStorage() { + const savedGraphType = localStorage.getItem('graphType'); + if (savedGraphType) { + try { + graphType = JSON.parse(savedGraphType); + } catch (error) { + console.error('Fehler beim Laden des Diagrammtyps:', error); + graphType = 'bar'; // Fallback zum Standard + } + } +} +``` + +#### Speichern in LocalStorage +```javascript +function saveGraphTypeToStorage(type) { + try { + localStorage.setItem('graphType', JSON.stringify(type)); + } catch (error) { + console.error('Fehler beim Speichern des Diagrammtyps:', error); + } +} +``` + +#### Verwendungsbeispiel +```javascript +// Beim Laden der Seite +document.addEventListener('DOMContentLoaded', () => { + loadGraphTypeFromStorage(); + renderGraph(graphType); +}); - graphTypeBtn: - - Nach dem Klicken auf den Button wird der ausgewählte Graphentyp im localSotrage geändert - LocalStorage: - graphType: 'bar' oder 'line' - Beispiel: - // Saved Settings - let graphType = 'bar'; - - // Load Settings from local storage - function loadGraphTypeFromStorage() { - const savedGraphType = localStorage.getItem('graphType'); - if (savedGraphType) { - graphType = JSON.parse(savedGraphType); - } - } \ No newline at end of file +// Bei Klick auf den Button +function toggleGraphType() { + graphType = graphType === 'bar' ? 'line' : 'bar'; + saveGraphTypeToStorage(graphType); + renderGraph(graphType); +} +``` \ No newline at end of file From b219a10d8e9b0edf0f7b82261564de1baa5d8efc Mon Sep 17 00:00:00 2001 From: TigerKnight555 <106614210+TigerKnight555@users.noreply.github.com> Date: Mon, 23 Feb 2026 10:26:35 +0100 Subject: [PATCH 3/3] Doc in Folder --- docs/Settings.md | 133 +++++++++++++++++++++++++++++++++++++++++++ src/Settings/docs.md | 133 ------------------------------------------- 2 files changed, 133 insertions(+), 133 deletions(-) delete mode 100644 src/Settings/docs.md diff --git a/docs/Settings.md b/docs/Settings.md index e69de29..3324766 100644 --- a/docs/Settings.md +++ b/docs/Settings.md @@ -0,0 +1,133 @@ +# Settings Feature Dokumentation + +## Übersicht +Das Settings-Feature ermöglicht es Benutzern, ihre persönlichen Einstellungen sowie Diagramm-Präferenzen zu speichern und zu verwalten. Alle Einstellungen werden persistent im Browser-localStorage gespeichert. + +--- + +## 1. User Settings + +### Beschreibung +Verwaltet benutzerspezifische Einstellungen wie das Geschlecht. Nach jeder Änderung werden die Daten automatisch im localStorage gespeichert und bleiben auch nach einem Neustart der Anwendung erhalten. + +### LocalStorage Struktur +**Key:** `userSettings` + +**Value:** +```json +{ + "gender": "none" | "male" | "female" +} +``` + +### Implementation + +#### Initialisierung +```javascript +// Standard-Einstellungen +let settings = { + gender: 'none' +}; +``` + +#### Laden aus LocalStorage +```javascript +function loadSettingsFromStorage() { + const savedSettings = localStorage.getItem('userSettings'); + if (savedSettings) { + try { + settings = JSON.parse(savedSettings); + } catch (error) { + console.error('Fehler beim Laden der Einstellungen:', error); + } + } +} +``` + +#### Speichern in LocalStorage +```javascript +function saveSettingsToStorage() { + try { + localStorage.setItem('userSettings', JSON.stringify(settings)); + } catch (error) { + console.error('Fehler beim Speichern der Einstellungen:', error); + } +} +``` + +#### Verwendungsbeispiel +```javascript +// Beim Laden der Seite +document.addEventListener('DOMContentLoaded', () => { + loadSettingsFromStorage(); + applySettings(); +}); + +// Bei Änderung der Einstellungen +function updateGender(newGender) { + settings.gender = newGender; + saveSettingsToStorage(); +} +``` + +--- + +## 2. Graph Type Button + +### Beschreibung +Ermöglicht dem Benutzer, zwischen verschiedenen Diagrammtypen (Balkendiagramm oder Liniendiagramm) zu wechseln. Die Auswahl wird im localStorage gespeichert und beim nächsten Besuch wieder geladen. + +### LocalStorage Struktur +**Key:** `graphType` + +**Value:** `'bar'` oder `'line'` + +### Implementation + +#### Initialisierung +```javascript +// Standard-Diagrammtyp +let graphType = 'bar'; +``` + +#### Laden aus LocalStorage +```javascript +function loadGraphTypeFromStorage() { + const savedGraphType = localStorage.getItem('graphType'); + if (savedGraphType) { + try { + graphType = JSON.parse(savedGraphType); + } catch (error) { + console.error('Fehler beim Laden des Diagrammtyps:', error); + graphType = 'bar'; // Fallback zum Standard + } + } +} +``` + +#### Speichern in LocalStorage +```javascript +function saveGraphTypeToStorage(type) { + try { + localStorage.setItem('graphType', JSON.stringify(type)); + } catch (error) { + console.error('Fehler beim Speichern des Diagrammtyps:', error); + } +} +``` + +#### Verwendungsbeispiel +```javascript +// Beim Laden der Seite +document.addEventListener('DOMContentLoaded', () => { + loadGraphTypeFromStorage(); + renderGraph(graphType); +}); + +// Bei Klick auf den Button +function toggleGraphType() { + graphType = graphType === 'bar' ? 'line' : 'bar'; + saveGraphTypeToStorage(graphType); + renderGraph(graphType); +} +``` \ No newline at end of file diff --git a/src/Settings/docs.md b/src/Settings/docs.md deleted file mode 100644 index 3324766..0000000 --- a/src/Settings/docs.md +++ /dev/null @@ -1,133 +0,0 @@ -# Settings Feature Dokumentation - -## Übersicht -Das Settings-Feature ermöglicht es Benutzern, ihre persönlichen Einstellungen sowie Diagramm-Präferenzen zu speichern und zu verwalten. Alle Einstellungen werden persistent im Browser-localStorage gespeichert. - ---- - -## 1. User Settings - -### Beschreibung -Verwaltet benutzerspezifische Einstellungen wie das Geschlecht. Nach jeder Änderung werden die Daten automatisch im localStorage gespeichert und bleiben auch nach einem Neustart der Anwendung erhalten. - -### LocalStorage Struktur -**Key:** `userSettings` - -**Value:** -```json -{ - "gender": "none" | "male" | "female" -} -``` - -### Implementation - -#### Initialisierung -```javascript -// Standard-Einstellungen -let settings = { - gender: 'none' -}; -``` - -#### Laden aus LocalStorage -```javascript -function loadSettingsFromStorage() { - const savedSettings = localStorage.getItem('userSettings'); - if (savedSettings) { - try { - settings = JSON.parse(savedSettings); - } catch (error) { - console.error('Fehler beim Laden der Einstellungen:', error); - } - } -} -``` - -#### Speichern in LocalStorage -```javascript -function saveSettingsToStorage() { - try { - localStorage.setItem('userSettings', JSON.stringify(settings)); - } catch (error) { - console.error('Fehler beim Speichern der Einstellungen:', error); - } -} -``` - -#### Verwendungsbeispiel -```javascript -// Beim Laden der Seite -document.addEventListener('DOMContentLoaded', () => { - loadSettingsFromStorage(); - applySettings(); -}); - -// Bei Änderung der Einstellungen -function updateGender(newGender) { - settings.gender = newGender; - saveSettingsToStorage(); -} -``` - ---- - -## 2. Graph Type Button - -### Beschreibung -Ermöglicht dem Benutzer, zwischen verschiedenen Diagrammtypen (Balkendiagramm oder Liniendiagramm) zu wechseln. Die Auswahl wird im localStorage gespeichert und beim nächsten Besuch wieder geladen. - -### LocalStorage Struktur -**Key:** `graphType` - -**Value:** `'bar'` oder `'line'` - -### Implementation - -#### Initialisierung -```javascript -// Standard-Diagrammtyp -let graphType = 'bar'; -``` - -#### Laden aus LocalStorage -```javascript -function loadGraphTypeFromStorage() { - const savedGraphType = localStorage.getItem('graphType'); - if (savedGraphType) { - try { - graphType = JSON.parse(savedGraphType); - } catch (error) { - console.error('Fehler beim Laden des Diagrammtyps:', error); - graphType = 'bar'; // Fallback zum Standard - } - } -} -``` - -#### Speichern in LocalStorage -```javascript -function saveGraphTypeToStorage(type) { - try { - localStorage.setItem('graphType', JSON.stringify(type)); - } catch (error) { - console.error('Fehler beim Speichern des Diagrammtyps:', error); - } -} -``` - -#### Verwendungsbeispiel -```javascript -// Beim Laden der Seite -document.addEventListener('DOMContentLoaded', () => { - loadGraphTypeFromStorage(); - renderGraph(graphType); -}); - -// Bei Klick auf den Button -function toggleGraphType() { - graphType = graphType === 'bar' ? 'line' : 'bar'; - saveGraphTypeToStorage(graphType); - renderGraph(graphType); -} -``` \ No newline at end of file