Relabel creator button as ICS download

The form button generates the ICS file, so name it after
the result. Move the Nextcloud button ahead of it, matching
the visual weight of the primary actions.

README.md

@@ -14,6 +14,7 @@ Rename `assets/config.json.sample` to `assets/config.json`.
 | `jitsiLauncher` | Domain of this Jitsi launcher. Used for the meeting URLs created by the meeting creator (Nextcloud, adhoc link). |
 | `jitsiHost` | Jitsi domain. Used for the browser fallback URL, the desktop protocol URL and the UID of generated ICS files. |
 | `nextcloudBase` | Nextcloud instance for calendar event creation. The "Create in Nextcloud Calendar" button is only shown if this is set. |
+| `legalNotice` | URL of the "Legal Notice" link in the navbar. The link stays hidden if unset. |
 | `allowAdhocMeetings` | Whether adhoc meetings are allowed. The "Create Adhoc Link" button is only shown if this is `true`. |
 | `launchTimeout` | Timeout in ms before the browser fallback is shown after trying to start the jitsi-meet-electron client. |
 | `backgroundImage` | Path to the page background image. Empty: no background. |
@@ -21,6 +22,28 @@ Rename `assets/config.json.sample` to `assets/config.json`.
 | `favicons` | Paths to the page icons: `ico` (fallback icon), `svg` (icon), `appleTouch` (Apple touch icon). The values from `launch.html` are kept if a key is missing. |
 | `downloads` | Download URLs for the jitsi-meet clients, shown in the fallback view per detected OS: `windows`, `macos`, `linux`, `ios`, `android`. |
 
+## Translations
+
+All texts live in `assets/i18n.json`, one object per language
+(`en`, `de`, `fr`, `zh`). Elements carry the key in `data-i18n`
+(dots descend into nested objects), inputs in `data-i18n-placeholder`.
+
+Translations may contain `<kbd>`, `<b>` and `<i>` markup (no
+nesting). The renderer builds only these whitelisted elements;
+other tags render literally and never execute.
+
+## Help overlay
+
+The "Help" button in the navbar opens a dialog with
+camera/microphone hints. It only shows on the detected OS.
+All help texts live under `help` in `assets/i18n.json`,
+grouped by topic; the overlay uses
+`help.meetingPrivacySettings`, keyed by OS (`windows`;
+`macos`, `linux`, `ios` and `android` can follow). Further
+topics can extend `help` and be contextualized per visible
+view. The dialog width is defined in `dialog.privacy`
+(`assets/css/launch.css`).
+
 ## Third-party assets
 
 - `assets/lib/ua-parser.min.js` — [ua-parser-js](https://github.com/faisalman/ua-parser-js) v2.0.10, © Faisal Salman, licensed under AGPL-3.0.

assets/i18n.json

@@ -69,7 +69,7 @@
       "meetingStartLabel": "Start Date & Time",
       "meetingEndLabel": "End Date & Time",
       "meetingOrganizerLabel": "Organizer Email",
-      "createButton": "Create Meeting",
+      "createButton": "Download ICS File",
       "cancelButton": "Cancel",
       "successMessage": "Meeting created! Download your calendar file and open it to import the meeting into your personal calendar.",
       "downloadButton": "Download ICS File",
@@ -87,6 +87,7 @@
       "organizerInvalid": "Please enter a valid organizer email address",
       "nextcloudButton": "Create in Nextcloud Calendar"
     },
+    "help": {
       "meetingPrivacySettings": {
         "windows": {
           "title": "Camera and microphone in Windows: How to control your privacy",
@@ -97,7 +98,7 @@
           "step2Description": "At the top of the page you will find the central switch for camera and microphone access. If it is disabled, no application and no website can access the device. If it is enabled, you decide on the same page whether applications are allowed access in principle.",
           "step3Title": "Step 3: Check website permissions in the browser",
           "step3Description": "Even if Windows allows access, your browser asks each website individually whether the camera or microphone may be used. This is the most important protection in everyday use: only when you agree does the access actually become possible.",
-        "browserPermissions": "You can change or revoke these decisions at any time. To do so, click the lock or website-permissions icon in your browser's address bar and select the option for site settings. There you can allow the camera and microphone for the respective site, ask each time, or block them permanently.",
+          "browserPermissions": "You can change or revoke these decisions at any time. To do so, click the website-permissions icon in your browser's address bar and select the option for site settings. There you can allow the camera and microphone for the respective site, ask each time, or block them permanently.",
           "goodToKnowTitle": "Good to know",
           "goodToKnow1": "You can revoke permissions for individual websites at any time without changing Windows settings.",
           "goodToKnow2": "An active microphone or camera is indicated in Windows by a small camera or microphone icon in the taskbar. This way you immediately recognize when a site is accessing a device.",
@@ -107,6 +108,7 @@
           "closeButton": "Close"
         }
       }
+    }
   },
   "de": {
     "pageTitle": "Jitsi Meeting öffnen",
@@ -178,7 +180,7 @@
       "meetingStartLabel": "Start Datum & Uhrzeit",
       "meetingEndLabel": "Ende Datum & Uhrzeit",
       "meetingOrganizerLabel": "Organisator E-Mail",
-      "createButton": "Meeting erstellen",
+      "createButton": "ICS-Datei herunterladen",
       "cancelButton": "Abbrechen",
       "successMessage": "Meeting erstellt! Laden Sie Ihre Kalenderdatei herunter und öffnen Sie diese, um das Meeting in Ihren persönlichen Kalender zu importieren.",
       "downloadButton": "ICS-Datei herunterladen",
@@ -196,6 +198,7 @@
       "organizerInvalid": "Bitte geben Sie eine gültige Organisator-E-Mail-Adresse ein",
       "nextcloudButton": "Im Nextcloud-Kalender erstellen"
     },
+    "help": {
       "meetingPrivacySettings": {
         "windows": {
           "title": "Kamera und Mikrofon in Windows: So kontrollieren Sie Ihre Privatsphäre",
@@ -206,7 +209,7 @@
           "step2Description": "Oben auf der Seite finden Sie den zentralen Schalter für den Kamera- bzw. Mikrofonzugriff. Ist er deaktiviert, kann keine Anwendung und keine Website auf das Gerät zugreifen. Ist er aktiviert, entscheiden Sie auf der gleichen Seite, ob Anwendungen den Zugriff grundsätzlich erhalten dürfen.",
           "step3Title": "Schritt 3: Website-Berechtigungen im Browser prüfen",
           "step3Description": "Auch wenn Windows den Zugriff erlaubt, fragt Ihr Browser bei jeder Website einzeln nach, ob Kamera oder Mikrofon genutzt werden dürfen. Das ist der wichtigste Schutz im Alltag: Erst wenn Sie zustimmen, wird der Zugriff tatsächlich möglich.",
-        "browserPermissions": "Sie können diese Entscheidungen jederzeit ändern oder widerrufen. Klicken Sie dazu in der Adressleiste Ihres Browsers auf das Schloss- respektive Symbol für die Website-Berechtigungen und wählen Sie die Option für Website-Einstellungen. Dort lassen sich Kamera und Mikrofon für die jeweilige Seite gezielt erlauben, einmalig anfragen oder dauerhaft blockieren.",
+          "browserPermissions": "Sie können diese Entscheidungen jederzeit ändern oder widerrufen. Klicken Sie dazu in der Adressleiste Ihres Browsers auf das Symbol für die Website-Berechtigungen und wählen Sie die Option für Website-Einstellungen. Dort lassen sich Kamera und Mikrofon für die jeweilige Seite gezielt erlauben, einmalig anfragen oder dauerhaft blockieren.",
           "goodToKnowTitle": "Gut zu wissen",
           "goodToKnow1": "Sie können Berechtigungen für einzelne Websites jederzeit zurückziehen, ohne Windows-Einstellungen zu ändern.",
           "goodToKnow2": "Ein aktives Mikrofon oder eine aktive Kamera wird unter Windows durch ein kleines Kamera- oder Mikrofonsymbol in der Taskleiste angezeigt. So erkennen Sie sofort, wenn eine Seite auf ein Gerät zugreift.",
@@ -216,6 +219,7 @@
           "closeButton": "Schließen"
         }
       }
+    }
   },
   "fr": {
     "pageTitle": "Réunion Jitsi",
@@ -287,7 +291,7 @@
       "meetingStartLabel": "Date et heure de début",
       "meetingEndLabel": "Date et heure de fin",
       "meetingOrganizerLabel": "Email de l'organisateur",
-      "createButton": "Créer la réunion",
+      "createButton": "Télécharger le fichier ICS",
       "cancelButton": "Annuler",
       "successMessage": "Réunion créée ! Téléchargez votre fichier calendrier et ouvrez-le pour importer la réunion dans votre calendrier personnel.",
       "downloadButton": "Télécharger le fichier ICS",
@@ -305,6 +309,7 @@
       "organizerInvalid": "Veuillez entrer une adresse email d'organisateur valide",
       "nextcloudButton": "Créer dans le calendrier Nextcloud"
     },
+    "help": {
       "meetingPrivacySettings": {
         "windows": {
           "title": "Caméra et microphone sous Windows : comment contrôler votre vie privée",
@@ -315,7 +320,7 @@
           "step2Description": "En haut de la page se trouve l'interrupteur central de l'accès à la caméra ou au microphone. S'il est désactivé, aucune application ni aucun site web ne peut accéder à l'appareil. S'il est activé, vous décidez sur la même page si les applications peuvent y accéder en principe.",
           "step3Title": "Étape 3 : Vérifier les autorisations du site dans le navigateur",
           "step3Description": "Même si Windows autorise l'accès, votre navigateur demande site par site si la caméra ou le microphone peuvent être utilisés. C'est la protection la plus importante au quotidien : seul votre consentement rend l'accès réellement possible.",
-        "browserPermissions": "Vous pouvez modifier ou révoquer ces décisions à tout moment. Pour cela, cliquez dans la barre d'adresse de votre navigateur sur l'icône du cadenas ou des autorisations du site, puis choisissez l'option des paramètres du site. Vous y pouvez autoriser, demander à chaque fois ou bloquer définitivement la caméra et le microphone pour le site concerné.",
+          "browserPermissions": "Vous pouvez modifier ou révoquer ces décisions à tout moment. Pour cela, cliquez dans la barre d'adresse de votre navigateur sur l'icône des autorisations du site, puis choisissez l'option des paramètres du site. Vous y pouvez autoriser, demander à chaque fois ou bloquer définitivement la caméra et le microphone pour le site concerné.",
           "goodToKnowTitle": "Bon à savoir",
           "goodToKnow1": "Vous pouvez retirer à tout moment les autorisations de sites individuels sans modifier les paramètres Windows.",
           "goodToKnow2": "Un microphone ou une caméra active est signalé sous Windows par une petite icône de caméra ou de microphone dans la barre des tâches. Vous reconnaissez ainsi immédiatement quand un site accède à un appareil.",
@@ -325,6 +330,7 @@
           "closeButton": "Fermer"
         }
       }
+    }
   },
   "zh": {
     "pageTitle": "Jitsi 会议",
@@ -396,7 +402,7 @@
       "meetingStartLabel": "开始日期和时间",
       "meetingEndLabel": "结束日期和时间",
       "meetingOrganizerLabel": "组织者邮箱",
-      "createButton": "创建会议",
+      "createButton": "下载 ICS 文件",
       "cancelButton": "取消",
       "successMessage": "会议已创建！请下载您的日历文件并打开它，将会议导入您的个人日历。",
       "downloadButton": "下载 ICS 文件",
@@ -414,6 +420,7 @@
       "organizerInvalid": "请输入有效的组织者邮箱地址",
       "nextcloudButton": "在 Nextcloud 日历中创建"
     },
+    "help": {
       "meetingPrivacySettings": {
         "windows": {
           "title": "Windows 中的摄像头和麦克风：如何掌控您的隐私",
@@ -424,7 +431,7 @@
           "step2Description": "页面顶部有控制摄像头或麦克风访问的总开关。如果关闭，任何应用和网站都无法访问设备。如果开启，您可以在同一页面决定是否允许应用访问。",
           "step3Title": "步骤 3：检查浏览器中的网站权限",
           "step3Description": "即使 Windows 允许访问，浏览器也会逐个询问每个网站是否可以使用摄像头或麦克风。这是日常使用中最重要的保护：只有您同意后，访问才会真正生效。",
-        "browserPermissions": "您可以随时更改或撤销这些决定。为此，请点击浏览器地址栏中的锁形或网站权限图标，并选择网站设置选项。在那里可以为相应网站专门允许、每次询问或永久阻止摄像头和麦克风。",
+          "browserPermissions": "您可以随时更改或撤销这些决定。为此，请点击浏览器地址栏中的网站权限图标，并选择网站设置选项。在那里可以为相应网站专门允许、每次询问或永久阻止摄像头和麦克风。",
           "goodToKnowTitle": "实用提示",
           "goodToKnow1": "您可以随时撤销单个网站的权限，而无需更改 Windows 设置。",
           "goodToKnow2": "在 Windows 中，使用中的麦克风或摄像头会通过任务栏中的小摄像头或麦克风图标显示。这样您可以立即发现某个网站正在访问设备。",
@@ -435,4 +442,5 @@
         }
       }
     }
+  }
 }

launch.html

@@ -33,7 +33,7 @@
       <a id="legalNoticeLink" class="button secondary hidden" href="#" target="_blank" rel="noopener noreferrer" data-i18n="legal_notice">
         Legal Notice
       </a>
-      <button id="windowsHelpButton" class="button secondary hidden" type="button" data-i18n="meetingPrivacySettings.windows.navButton">
+      <button id="windowsHelpButton" class="button secondary hidden" type="button" data-i18n="help.meetingPrivacySettings.windows.navButton">
         Help
       </button>
       <a class="button secondary" href="https://git.bnvb.eu/stefan.tollkuehn/jitsi-launch" target="_blank" rel="noopener noreferrer" data-i18n="source">
@@ -285,12 +285,12 @@
           </div>
           
           <div class="form-actions">
-            <button id="createMeetingButton" class="button primary" type="button" data-i18n="creator.createButton">
-              Create Meeting
-            </button>
             <button id="createNextcloudButton" class="button primary hidden" type="button" data-i18n="creator.nextcloudButton">
                 Create in Nextcloud Calendar
             </button>
+            <button id="createMeetingButton" class="button primary" type="button" data-i18n="creator.createButton">
+              Download ICS File
+            </button>
             <button id="createAdhocButton" class="button secondary hidden" type="button" data-i18n="creator.adhocButton">
               Create Adhoc Link
             </button>
@@ -322,31 +322,31 @@
 
     <!-- WINDOWS-HILFE OVERLAY -->
     <dialog id="windowsHelpOverlay" class="privacy">
-      <h2 data-i18n="meetingPrivacySettings.windows.title"></h2>
+      <h2 data-i18n="help.meetingPrivacySettings.windows.title"></h2>
-      <p data-i18n="meetingPrivacySettings.windows.intro"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.intro"></p>
 
-      <h3 data-i18n="meetingPrivacySettings.windows.step1Title"></h3>
+      <h3 data-i18n="help.meetingPrivacySettings.windows.step1Title"></h3>
-      <p data-i18n="meetingPrivacySettings.windows.step1Description"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.step1Description"></p>
 
-      <h3 data-i18n="meetingPrivacySettings.windows.step2Title"></h3>
+      <h3 data-i18n="help.meetingPrivacySettings.windows.step2Title"></h3>
-      <p data-i18n="meetingPrivacySettings.windows.step2Description"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.step2Description"></p>
 
-      <h3 data-i18n="meetingPrivacySettings.windows.step3Title"></h3>
+      <h3 data-i18n="help.meetingPrivacySettings.windows.step3Title"></h3>
-      <p data-i18n="meetingPrivacySettings.windows.step3Description"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.step3Description"></p>
 
-      <p data-i18n="meetingPrivacySettings.windows.browserPermissions"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.browserPermissions"></p>
 
-      <h3 data-i18n="meetingPrivacySettings.windows.goodToKnowTitle"></h3>
+      <h3 data-i18n="help.meetingPrivacySettings.windows.goodToKnowTitle"></h3>
       <ul>
-        <li data-i18n="meetingPrivacySettings.windows.goodToKnow1"></li>
+        <li data-i18n="help.meetingPrivacySettings.windows.goodToKnow1"></li>
-        <li data-i18n="meetingPrivacySettings.windows.goodToKnow2"></li>
+        <li data-i18n="help.meetingPrivacySettings.windows.goodToKnow2"></li>
-        <li data-i18n="meetingPrivacySettings.windows.goodToKnow3"></li>
+        <li data-i18n="help.meetingPrivacySettings.windows.goodToKnow3"></li>
       </ul>
 
-      <p data-i18n="meetingPrivacySettings.windows.adminSupport"></p>
+      <p data-i18n="help.meetingPrivacySettings.windows.adminSupport"></p>
 
       <div class="help-actions">
-        <button id="windowsHelpClose" class="button secondary" type="button" data-i18n="meetingPrivacySettings.windows.closeButton">
+        <button id="windowsHelpClose" class="button secondary" type="button" data-i18n="help.meetingPrivacySettings.windows.closeButton">
           Close
         </button>
       </div>