Adds settings options and localUser functions

front/src/Components/Menu/SettingsSubMenu.svelte

@@ -15,9 +15,12 @@
   let valueGame: number = localUserStore.getGameQualityValue();
   let valueVideo: number = localUserStore.getVideoQualityValue();
   let valueLocale: string = $locale;
+  let valuePrivacySettings = localUserStore.getPrivacySettings();
+
   let previewValueGame = valueGame;
   let previewValueVideo = valueVideo;
   let previewValueLocale = valueLocale;
+  let previewPrivacySettings = valuePrivacySettings; // TODO: retreive from local storage
 
   function saveSetting() {
     let change = false;
@@ -38,6 +41,11 @@
       change = true;
     }
 
+    if (valuePrivacySettings !== previewPrivacySettings) {
+      console.log(`was: ${previewPrivacySettings} | is: ${valuePrivacySettings}`)
+      localUserStore.setPrivacySettings(valuePrivacySettings);
+    }
+
     if (change) {
       window.location.reload();
     }
@@ -154,6 +162,27 @@
       </select>
     </div>
   </section>
+
+  <section>
+    <h3>{$LL.menu.settings.privacySettings.title()}</h3>
+    <p>{$LL.menu.settings.privacySettings.explaination()}</p>
+    <div class="nes-select is-dark">
+      <select class="privacy-settings-switcher" bind:value={valuePrivacySettings}>
+        <option value={"allEnabled"}
+        >{ $LL.menu.settings.privacySettings.allEnabled() }
+        </option>
+        <option value={"microphoneEnabled"}
+        >{ $LL.menu.settings.privacySettings.onlyMicrophoneEnabled() }
+        </option>
+        <option value={"cameraEnabled"}
+        >{ $LL.menu.settings.privacySettings.onlyCameraEnabled() }
+        </option>
+        <option value={"noneEnabled"}
+        >{ $LL.menu.settings.privacySettings.allDisabled() }
+        </option>
+      </select>
+    </div>
+  </section>
   <section class="settings-section-save">
     <p>{$LL.menu.settings.save.warning()}</p>
     <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}
@@ -217,12 +246,15 @@
         outline: none;
       }
     }
+
     section.settings-section-save {
       text-align: center;
+
       p {
         margin: 16px 0;
       }
     }
+
     section.settings-section-noSaveOption {
       display: flex;
       align-items: center;

front/src/Connexion/LocalUserStore.ts

@@ -24,6 +24,7 @@ const code = "code";
 const cameraSetup = "cameraSetup";
 const cacheAPIIndex = "workavdenture-cache";
 const userProperties = "user-properties";
+const privacySettings = "privacySettings";
 
 class LocalUserStore {
     saveUser(localUser: LocalUser) {
@@ -224,6 +225,14 @@ class LocalUserStore {
         return cameraSetupValues != undefined ? JSON.parse(cameraSetupValues) : undefined;
     }
 
+    setPrivacySettings(option: string) {
+        localStorage.setItem(privacySettings, option)
+    }
+
+    getPrivacySettings() {
+        return localStorage.getItem(privacySettings);
+    }
+
     getAllUserProperties(): Map<string, unknown> {
         const result = new Map<string, string>();
         for (let i = 0; i < localStorage.length; i++) {

front/src/Stores/MediaStore.ts

@@ -12,6 +12,7 @@ import { privacyShutdownStore } from "./PrivacyShutdownStore";
 import { MediaStreamConstraintsError } from "./Errors/MediaStreamConstraintsError";
 import { SoundMeter } from "../Phaser/Components/SoundMeter";
 import { AudioContext } from "standardized-audio-context";
+import { visibilityStore } from "./VisibilityStore";
 
 /**
  * A store that contains the camera state requested by the user (on or off).
@@ -242,6 +243,8 @@ export const mediaStreamConstraintsStore = derived(
         privacyShutdownStore,
         cameraEnergySavingStore,
         isSilentStore,
+        visibilityStore,
+        //TODO: optionState
     ],
     (
         [
@@ -254,6 +257,7 @@ export const mediaStreamConstraintsStore = derived(
             $privacyShutdownStore,
             $cameraEnergySavingStore,
             $isSilentStore,
+            $visibilityStore
         ],
         set
     ) => {
@@ -308,6 +312,11 @@ export const mediaStreamConstraintsStore = derived(
             currentAudioConstraint = false;
         }
 
+        // if ($visibilityStore === false && $option) {
+        //
+        // }
+        //TODO
+
         // Let's make the changes only if the new value is different from the old one.
         if (
             previousComputedVideoConstraint != currentVideoConstraint ||

front/src/i18n/de-DE/menu.ts

@@ -57,6 +57,14 @@ const menu: NonNullable<Translation["menu"]> = {
         language: {
             title: "Sprache",
         },
+        privacySettings: {
+            title: "Datenschutzeinstellungen", //TODO: confirm & complete translation
+            explaination: "",
+            allEnabled: "",
+            onlyCameraEnabled: "",
+            onlyMicrophoneEnabled: "",
+            allDisabled: ""
+        },
         save: {
             warning: "(Das Spiel wird nach dem Speichern neugestartet)",
             button: "Speichern",

front/src/i18n/en-US/menu.ts

@@ -57,6 +57,14 @@ const menu: BaseTranslation = {
         language: {
             title: "Language",
         },
+        privacySettings: {
+            title: "Privacy settings",
+            explaination: "Here you can set an option to keep your microphone/camera enabled when switching active tabs.",
+            allEnabled: "Camera and microphone always enabled",
+            onlyCameraEnabled: "Microphone disabled when the WA tab is not focused",
+            onlyMicrophoneEnabled: "Camera disabled when the WA tab is not focused",
+            allDisabled: "Both disabled when the WA tab is not focused"
+        },
         save: {
             warning: "(Saving these settings will restart the game)",
             button: "Save",

front/src/i18n/fr-FR/menu.ts

@@ -57,6 +57,14 @@ const menu: NonNullable<Translation["menu"]> = {
         language: {
             title: "Langage",
         },
+        privacySettings: {
+            title: "Paramètres de confidentialité",
+            explaination: "Vous pouvez définir ici si vous souhaitez conserver ou non l'activation du microphone/de la caméra au passage sur un autre onglet.",
+            allEnabled: "Camera et microphone toujours actifs",
+            onlyCameraEnabled: "Seul le microphone est activé quand l'onglet WA n'est pas sélectionné",
+            onlyMicrophoneEnabled: "Seule la caméra est activé quand l'onglet WA n'est pas sélectionné",
+            allDisabled: "Tout désactiver quand l'onglet WA n'est pas sélectionné"
+        },
         save: {
             warning: "(La sauvegarde de ces paramètres redémarre le jeu)",
             button: "Sauvegarder",