Control the font used for book buttons in RAB books (BL-16351)

Author: StephenMcConnel

src/BloomBrowserUI/bookEdit/js/collectionSettings.d.ts

@@ -5,6 +5,7 @@ declare function GetSettings(): ICollectionSettings;
 
 interface ICollectionSettings {
     languageForNewTextBoxes: string;
+    language1Font: string;
     defaultSourceLanguage: string;
     defaultSourceLanguage2: string;
     currentCollectionLanguage2: string;

src/BloomBrowserUI/bookEdit/js/linkGrid.ts

@@ -1,16 +1,35 @@
+/// <reference path="./collectionSettings.d.ts" />
+
 import WebSocketManager, {
     IBloomWebSocketEvent,
 } from "../../utils/WebSocketManager";
 import { postJson } from "../../utils/bloomApi";
 import { showBookGridSetupDialog } from "../../react_components/BookGridSetup/BookGridSetupDialog";
 import { Link } from "../../react_components/BookGridSetup/BookLinkTypes";
 
+function getLanguage1Font(): string {
+    const settings = GetSettings() as ICollectionSettings;
+    return settings.language1Font;
+}
+
+function applyLanguage1Font(element: HTMLElement) {
+    const language1Font = getLanguage1Font();
+    if (!language1Font) {
+        return;
+    }
+
+    Array.from(element.getElementsByTagName("p")).forEach((p) => {
+        p.style.fontFamily = language1Font;
+    });
+}
+
 export function setupBookLinkGrids(container: HTMLElement) {
     // Add skeleton to empty grids on initial setup
     const linkGrids = Array.from(
         container.getElementsByClassName("bloom-link-grid"),
     ) as HTMLElement[];
     for (const linkGrid of linkGrids) {
+        applyLanguage1Font(linkGrid);
         addSkeletonIfEmpty(linkGrid as HTMLElement);
         // In case anyone wonders why this works here but will not on most canvas elements
         // and their children...we put a rule in basepage.less that puts bloom-link-grid
@@ -96,10 +115,13 @@ export function editLinkGrid(linkGrid: HTMLElement) {
                     const p = document.createElement("p");
                     p.textContent =
                         link.book.title || link.book.folderName || "";
+                    p.style.fontFamily = getLanguage1Font();
                     button.appendChild(p);
 
                     linkGrid.appendChild(button);
                 });
+
+                applyLanguage1Font(linkGrid);
             }
         },
     );

src/BloomBrowserUI/bookEdit/test/GetSettingsMock.js

@@ -17,6 +17,7 @@ function GetSettings() {
     v.currentCollectionLanguage2 = "tpi";
     v.currentCollectionLanguage3 = "fr";
     v.languageForNewTextBoxes = "en";
+    v.language1Font = "Andika";
     v.browserRoot = "";
     v.topics = [
         "Agriculture",

src/BloomBrowserUI/vitest.setup.ts

@@ -475,6 +475,7 @@ globalThis.jQuery = jQuery;
     currentCollectionLanguage2: "tpi",
     currentCollectionLanguage3: "fr",
     languageForNewTextBoxes: "en",
+    language1Font: "Andika",
     browserRoot: "",
     topics: [
         "Agriculture",

src/BloomExe/Book/RuntimeInformationInjector.cs

@@ -472,6 +472,7 @@ IFileLocator fileLocator
             }
 
             d.Add("languageForNewTextBoxes", bookData.Language1.Tag);
+            d.Add("language1Font", bookData.Language1.FontName ?? "");
 
             // BL-2357 To aid in smart ordering of source languages in source bubble
             if (!String.IsNullOrEmpty(bookData.Language2Tag))