Added Locales to the webextention

2026-08-26 12:14:30 +02:00
parent f0ae526a96
commit 3fdf146498
12 changed files with 229 additions and 51 deletions
@@ -4,48 +4,49 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <title>LinkLog</title>
+    <title data-i18n="extensionName">LinkLog</title>
    <link rel="stylesheet" href="popup.css" />
  </head>
  <body>
    <main class="popup-shell">
      <header>
-        <img class="extension-logo" src="logo.svg" alt="LinkLog" />
-        <a id="feed-link" class="feed-link hidden" href="/" target="_blank" rel="noopener noreferrer">LinkLog</a>
+        <img class="extension-logo" src="logo.svg" data-i18n-alt="extensionName" alt="LinkLog" />
+        <a id="feed-link" class="feed-link hidden" href="/" target="_blank" rel="noopener noreferrer" data-i18n="extensionName">LinkLog</a>
      </header>

      <div id="status" class="status hidden" aria-live="polite"></div>

      <form id="link-form">
        <label>
-          Title
+          <span data-i18n="titleLabel">Title</span>
          <input id="title" name="title" type="text" />
        </label>

        <label>
-          URL
+          <span data-i18n="urlLabel">URL</span>
          <input id="url" name="url" type="url" />
        </label>

        <label>
-          Comment
-          <textarea id="comment" name="comment" rows="3" placeholder="Your comment"></textarea>
+          <span data-i18n="commentLabel">Comment</span>
+          <textarea id="comment" name="comment" rows="3" data-i18n-placeholder="commentPlaceholder" placeholder="Your comment"></textarea>
        </label>

        <fieldset>
-          <legend>Tags</legend>
-          <div id="existing-tags" class="tag-options">Loading tags...</div>
-          <input id="new-tags" type="text" pattern="#[^, ]+(,\s*#[^, ]+)*" placeholder="#new-tag, #another-tag" />
+          <legend data-i18n="tagsLabel">Tags</legend>
+          <div id="existing-tags" class="tag-options" data-i18n="loadingTags">Loading tags...</div>
+          <input id="new-tags" type="text" pattern="#[^, ]+(,\s*#[^, ]+)*" data-i18n-placeholder="newTagsPlaceholder" placeholder="#new-tag, #another-tag" />
        </fieldset>

        <div class="actions">
-          <button type="submit" id="submit-link">Save link</button>
-          <button type="button" id="open-settings" class="secondary">Settings</button>
+          <button type="submit" id="submit-link" data-i18n="saveLink">Save link</button>
+          <button type="button" id="open-settings" class="secondary" data-i18n="settings">Settings</button>
        </div>
      </form>
    </main>
-    <footer class="extension-footer">Copyright © 2026 Olaf Kolkman  · <a href="https://git.kolkman.org/olaf/Link-Log">Repository</a></footer>
+    <footer class="extension-footer"><span data-i18n="copyright">Copyright © 2026 Olaf Kolkman</span>  · <a href="https://git.kolkman.org/olaf/Link-Log" data-i18n="repository">Repository</a></footer>

+    <script src="l10n.js"></script>
    <script src="popup.js"></script>
  </body>
 </html>