add namespaces

src/View/ChatPages/settingsPage.tsx

@@ -77,6 +77,46 @@ export function SettingsPage(
 
                         <hr></hr>
 
+                        <label class="tile flex-no">
+                            <span class="icon">category</span>
+                            <div>
+                                <span>
+                                    {
+                                        coreViewModel.translations.chatPage
+                                            .settings.namespaceLabel
+                                    }
+                                </span>
+                                <input
+                                    bind:value={
+                                        settingsPageViewModel.namespaceInput
+                                    }
+                                    on:enter={
+                                        settingsPageViewModel.setNamespace
+                                    }
+                                ></input>
+                            </div>
+                        </label>
+                        <div class="flex-row justify-end width-input">
+                            <button
+                                class="width-50"
+                                aria-label={
+                                    coreViewModel.translations.chatPage.settings
+                                        .setNamespaceButtonAudioLabel
+                                }
+                                on:click={
+                                    settingsPageViewModel.setNamespace
+                                }
+                                toggle:disabled={
+                                    settingsPageViewModel.cannotSetNamespace
+                                }
+                            >
+                                {coreViewModel.translations.general.setButton}
+                                <span class="icon">check</span>
+                            </button>
+                        </div>
+
+                        <hr></hr>
+
                         <div class="flex-row width-input margin-bottom">
                             <input
                                 aria-label={

src/View/translations.ts

@@ -171,6 +171,10 @@ const englishTranslations = {
             primaryChannelLabel: "Primary channel",
             setPrimaryChannelButtonAudioLabel: "set primary channel",
 
+            namespaceLabel: "Namespace",
+            namespacePlaceholder: "No namespace",
+            setNamespaceButtonAudioLabel: "set namespace",
+
             newSecondaryChannelPlaceholder: "Add secondary channel",
             newSecondaryChannelAudioLabel: "name of new secondary channel",
             addSecondaryChannelButtonAudioLabel: "add secondary channel",
@@ -472,6 +476,10 @@ export const allTranslations: {
                 primaryChannelLabel: "Hauptkanal",
                 setPrimaryChannelButtonAudioLabel: "Hauptkanal festlegen",
 
+                namespaceLabel: "Namensraum",
+                namespacePlaceholder: "Ohne Namensraum",
+                setNamespaceButtonAudioLabel: "Namensraum festlegen",
+
                 newSecondaryChannelPlaceholder: "Sekundären Kanal hinzufügen",
                 newSecondaryChannelAudioLabel:
                     "Name des neuen sekundären Kanals",
@@ -749,6 +757,10 @@ export const allTranslations: {
                 primaryChannelLabel: "Canal principal",
                 setPrimaryChannelButtonAudioLabel: "establecer canal principal",
 
+                namespaceLabel: "Espacio de nombres",
+                namespacePlaceholder: "Sin espacio de nombres",
+                setNamespaceButtonAudioLabel: "establecer espacio de nombres",
+
                 newSecondaryChannelPlaceholder: "Añadir canal secundario",
                 newSecondaryChannelAudioLabel:
                     "nombre del nuevo canal secundario",