feat(coins-info): support year-varying diameter

Eejit43 · Dec 18, 2023 · af3d208 · af3d208
1 parent bf2c786
commit af3d208
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/src/public/scripts/pages/info/coins-info.ts b/src/public/scripts/pages/info/coins-info.ts
@@ -194,7 +194,36 @@ function loadCoinDesignInfo(denomination: CoinDenomination<CoinDesign<FilteredCo
                 return listElement;
             },
         },
-        { icon: 'circle', name: 'Diameter', value: design.diameter ? `${design.diameter} mm` : null },
+        {
+            icon: 'circle',
+            name: 'Diameter',
+            value: () => {
+                if (!design.diameter) return null;
+
+                if (typeof design.diameter === 'number') return `${design.diameter} mm`;
+
+                const listElement = document.createElement('ul');
+
+                for (const yearRange of design.diameter) {
+                    const listItem = document.createElement('li');
+
+                    if (yearRange.value) listItem.append(`${yearRange.value} mm`);
+                    else {
+                        const unknownSpan = document.createElement('span');
+                        unknownSpan.dataset.unknown = 'true';
+                        unknownSpan.textContent = 'Unknown';
+
+                        listItem.append(unknownSpan);
+                    }
+
+                    listItem.append(` (${formatYearRange(yearRange.startYear, yearRange.endYear)})`);
+
+                    listElement.append(listItem);
+                }
+
+                return listElement;
+            },
+        },
         {
             icon: 'coin-blank',
             name: 'Edge',

diff --git a/src/route-handlers/coins-list.ts b/src/route-handlers/coins-list.ts
@@ -23,7 +23,7 @@ export interface CoinDesign<Coin> {
     active?: true;
     composition: { amounts: CoinComposition[] } | { amounts: CoinComposition[]; startYear: number; endYear?: number }[];
     mass: number | null | { value: number | null; startYear: number; endYear?: number }[];
-    diameter: number;
+    diameter: number | null | { value: number | null; startYear: number; endYear?: number }[];
     edge: string | { reeds: number } | { value: string | { reeds: number }; startYear: number; endYear?: number }[];
     numistaEntry: number | number[] | false;
     wikipediaArticle: string | string[];