about: Mark strings for translation.

Signed-off-by: Anders Kaseorg <[email protected]>

Author: andersk

app/renderer/about.html

@@ -6,21 +6,4 @@
 <div class="about" hidden>
   <img class="logo" src="../resources/zulip.png" />
   <p class="detail" id="version"></p>
-  <div class="maintenance-info">
-    <p class="detail maintainer">
-      Maintained by
-      <a href="https://zulip.com" target="_blank" rel="noopener noreferrer"
-        >Zulip</a
-      >
-    </p>
-    <p class="detail license">
-      Available under the
-      <a
-        href="https://github.com/zulip/zulip-desktop/blob/main/LICENSE"
-        target="_blank"
-        rel="noopener noreferrer"
-        >Apache 2.0 License</a
-      >
-    </p>
-  </div>
 </div>

app/renderer/js/pages/about.ts

@@ -1,6 +1,9 @@
 import {app} from "@electron/remote";
 
+import {Html, html} from "../../../common/html.js";
 import {bundleUrl} from "../../../common/paths.js";
+import * as t from "../../../common/translation-util.js";
+import {generateNodeFromHtml} from "../components/base.js";
 
 export class AboutView {
   static async create(): Promise<AboutView> {
@@ -16,6 +19,32 @@ export class AboutView {
     const $shadow = this.$view.attachShadow({mode: "open"});
     $shadow.innerHTML = templateHtml;
     $shadow.querySelector("#version")!.textContent = `v${app.getVersion()}`;
+    const maintenanceInfoHtml = html`
+      <div class="maintenance-info">
+        <p class="detail maintainer">
+          ${new Html({
+            html: t.__("Maintained by {{{link}}}Zulip{{{endLink}}}", {
+              link: '<a href="https://zulip.com" target="_blank" rel="noopener noreferrer">',
+              endLink: "</a>",
+            }),
+          })}
+        </p>
+        <p class="detail license">
+          ${new Html({
+            html: t.__(
+              "Available under the {{{link}}}Apache 2.0 License{{{endLink}}}",
+              {
+                link: '<a href="https://github.com/zulip/zulip-desktop/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">',
+                endLink: "</a>",
+              },
+            ),
+          })}
+        </p>
+      </div>
+    `;
+    $shadow
+      .querySelector(".about")!
+      .append(generateNodeFromHtml(maintenanceInfoHtml));
   }
 
   destroy() {

public/translations/en.json

@@ -17,6 +17,7 @@
 	"Ask where to save files before downloading": "Ask where to save files before downloading",
 	"Auto hide Menu bar": "Auto hide Menu bar",
 	"Auto hide menu bar (Press Alt key to display)": "Auto hide menu bar (Press Alt key to display)",
+	"Available under the {{{link}}}Apache 2.0 License{{{endLink}}}": "Available under the {{{link}}}Apache 2.0 License{{{endLink}}}",
 	"Back": "Back",
 	"Bounce dock on new private message": "Bounce dock on new private message",
 	"Change": "Change",
@@ -73,6 +74,7 @@
 	"Log Out": "Log Out",
 	"Log Out of Organization": "Log Out of Organization",
 	"Look Up": "Look Up",
+	"Maintained by {{{link}}}Zulip{{{endLink}}}": "Maintained by {{{link}}}Zulip{{{endLink}}}",
 	"Manual proxy configuration": "Manual proxy configuration",
 	"Minimize": "Minimize",
 	"Mute all sounds from Zulip": "Mute all sounds from Zulip",