From f4d2c5a2d2c301ed6dfa2856bb73fcc3a6e97d55 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 23 Jan 2025 01:12:05 +0200
Subject: [PATCH] client: mark the links that should use the new style

---
 src/public/app/services/note_list_renderer.ts            | 2 +-
 src/public/app/widgets/dialogs/about.js                  | 5 +++--
 src/public/app/widgets/dialogs/help.ts                   | 2 +-
 src/public/app/widgets/shared_info.js                    | 4 ++--
 src/public/app/widgets/type_widgets/editable_text.js     | 2 +-
 src/public/app/widgets/type_widgets/options/etapi.ts     | 2 +-
 src/public/app/widgets/type_widgets/options/password.ts  | 4 ++--
 src/public/app/widgets/type_widgets/options/shortcuts.ts | 2 +-
 src/public/app/widgets/type_widgets/read_only_text.js    | 2 +-
 9 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/public/app/services/note_list_renderer.ts b/src/public/app/services/note_list_renderer.ts
index 2e6652b0f..06d2c1a48 100644
--- a/src/public/app/services/note_list_renderer.ts
+++ b/src/public/app/services/note_list_renderer.ts
@@ -151,7 +151,7 @@ const TPL = `
     <div class="note-list-wrapper">
         <div class="note-list-pager"></div>
 
-        <div class="note-list-container"></div>
+        <div class="note-list-container use-tn-links"></div>
 
         <div class="note-list-pager"></div>
     </div>
diff --git a/src/public/app/widgets/dialogs/about.js b/src/public/app/widgets/dialogs/about.js
index db3fe4c5e..918e725af 100644
--- a/src/public/app/widgets/dialogs/about.js
+++ b/src/public/app/widgets/dialogs/about.js
@@ -17,7 +17,7 @@ const TPL = `
                 <table class="table table-borderless">
                     <tr>
                         <th>${t("about.homepage")}</th>
-                        <td><a href="https://github.com/TriliumNext/Notes" class="external">https://github.com/TriliumNext/Notes</a></td>
+                        <td><a class="tn-link" href="https://github.com/TriliumNext/Notes" class="external">https://github.com/TriliumNext/Notes</a></td>
                     </tr>
                     <tr>
                         <th>${t("about.app_version")}</th>
@@ -38,7 +38,7 @@ const TPL = `
 
                     <tr>
                         <th>${t("about.build_revision")}</th>
-                        <td><a href="" class="build-revision external" target="_blank"></a></td>
+                        <td><a class="tn-link" href="" class="build-revision external" target="_blank"></a></td>
                     </tr>
 
                     <tr>
@@ -82,6 +82,7 @@ export default class AboutDialog extends BasicWidget {
             this.$dataDirectory.html(
                 $("<a></a>", {
                     href: "#",
+                    class: "tn-link",
                     text: appInfo.dataDirectory
                 })
             );
diff --git a/src/public/app/widgets/dialogs/help.ts b/src/public/app/widgets/dialogs/help.ts
index 4d926eeb0..860ccc4d9 100644
--- a/src/public/app/widgets/dialogs/help.ts
+++ b/src/public/app/widgets/dialogs/help.ts
@@ -3,7 +3,7 @@ import BasicWidget from "../basic_widget.js";
 import { t } from "../../services/i18n.js";
 
 const TPL = `
-<div class="help-dialog modal" tabindex="-1" role="dialog">
+<div class="help-dialog modal use-tn-links" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document" style="min-width: 90%;">
         <div class="modal-content" style="height: auto;">
             <div class="modal-header">
diff --git a/src/public/app/widgets/shared_info.js b/src/public/app/widgets/shared_info.js
index da20f419b..e80a5d760 100644
--- a/src/public/app/widgets/shared_info.js
+++ b/src/public/app/widgets/shared_info.js
@@ -4,7 +4,7 @@ import attributeService from "../services/attributes.js";
 import { t } from "../services/i18n.js";
 
 const TPL = `
-<div class="shared-info-widget alert alert-warning">
+<div class="shared-info-widget alert alert-warning use-tn-links">
     <style>
         .shared-info-widget {
             margin: 10px;
@@ -13,7 +13,7 @@ const TPL = `
             font-weight: bold;
         }
     </style>
-    
+
     <span class="shared-text"></span> <a class="shared-link external"></a>. ${t("shared_info.help_link")}
 </div>`;
 
diff --git a/src/public/app/widgets/type_widgets/editable_text.js b/src/public/app/widgets/type_widgets/editable_text.js
index d3f5f6975..0e802cc56 100644
--- a/src/public/app/widgets/type_widgets/editable_text.js
+++ b/src/public/app/widgets/type_widgets/editable_text.js
@@ -88,7 +88,7 @@ const TPL = `
     }
     </style>
 
-    <div class="note-detail-editable-text-editor" tabindex="300"></div>
+    <div class="note-detail-editable-text-editor use-tn-links" tabindex="300"></div>
 </div>
 `;
 
diff --git a/src/public/app/widgets/type_widgets/options/etapi.ts b/src/public/app/widgets/type_widgets/options/etapi.ts
index 6b3cf28ee..effca6fb2 100644
--- a/src/public/app/widgets/type_widgets/options/etapi.ts
+++ b/src/public/app/widgets/type_widgets/options/etapi.ts
@@ -10,7 +10,7 @@ const TPL = `
     <h4>${t("etapi.title")}</h4>
 
     <p>${t("etapi.description")} <br/>
-       ${t("etapi.see_more")} <a href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a> ${t("etapi.and")} <a onclick="window.open('etapi/etapi.openapi.yaml')" href="etapi/etapi.openapi.yaml">${t("etapi.openapi_spec")}</a>.</p>
+       ${t("etapi.see_more")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a> ${t("etapi.and")} <a class="tn-link" onclick="window.open('etapi/etapi.openapi.yaml')" href="etapi/etapi.openapi.yaml">${t("etapi.openapi_spec")}</a>.</p>
 
     <button type="button" class="create-etapi-token btn btn-sm">${t("etapi.create_token")}</button>
 
diff --git a/src/public/app/widgets/type_widgets/options/password.ts b/src/public/app/widgets/type_widgets/options/password.ts
index 9abdda179..9a838f9aa 100644
--- a/src/public/app/widgets/type_widgets/options/password.ts
+++ b/src/public/app/widgets/type_widgets/options/password.ts
@@ -10,7 +10,7 @@ const TPL = `
     <h4 class="password-heading">${t("password.heading")}</h4>
 
     <div class="alert alert-warning" role="alert" style="font-weight: bold; color: red !important;">
-      ${t("password.alert_message")} <a class="reset-password-button" href="javascript:">${t("password.reset_link")}</a>
+      ${t("password.alert_message")} <a class="reset-password-button tn-link" href="javascript:">${t("password.reset_link")}</a>
     </div>
 
     <form class="change-password-form">
@@ -36,7 +36,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("password.protected_session_timeout")}</h4>
 
-    <p>${t("password.protected_session_timeout_description")} <a href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
+    <p>${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
 
     <div class="form-group">
         <label for="protected-session-timeout-in-seconds">${t("password.protected_session_timeout_label")}</label>
diff --git a/src/public/app/widgets/type_widgets/options/shortcuts.ts b/src/public/app/widgets/type_widgets/options/shortcuts.ts
index ed058cfc0..e09219972 100644
--- a/src/public/app/widgets/type_widgets/options/shortcuts.ts
+++ b/src/public/app/widgets/type_widgets/options/shortcuts.ts
@@ -30,7 +30,7 @@ const TPL = `
 
     <h4>${t("shortcuts.keyboard_shortcuts")}</h4>
 
-    <p>
+    <p class="use-tn-links">
       ${t("shortcuts.multiple_shortcuts")}
       ${t("shortcuts.electron_documentation")}
     </p>
diff --git a/src/public/app/widgets/type_widgets/read_only_text.js b/src/public/app/widgets/type_widgets/read_only_text.js
index b1e08a269..0cd683673 100644
--- a/src/public/app/widgets/type_widgets/read_only_text.js
+++ b/src/public/app/widgets/type_widgets/read_only_text.js
@@ -66,7 +66,7 @@ const TPL = `
     }
     </style>
 
-    <div class="note-detail-readonly-text-content ck-content"></div>
+    <div class="note-detail-readonly-text-content ck-content use-tn-links"></div>
 </div>
 `;