add ability for FAQ to have card display names, sort by those if supp…

…lied
LederCards · Dec 19, 2024 · 08d98ad · 08d98ad
1 parent 07cbe39
commit 08d98ad
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/interfaces/faq.ts b/interfaces/faq.ts
@@ -5,5 +5,6 @@ export interface ICardFAQEntry {
 
 export interface ICardFAQ {
   card: string;
+  cardDisplay?: string;
   faq: ICardFAQEntry[];
 }
diff --git a/src/app/_shared/pipes/faq.pipe.ts b/src/app/_shared/pipes/faq.pipe.ts
@@ -10,7 +10,7 @@ export class FaqPipe implements PipeTransform {
   private cardsService = inject(CardsService);
 
   transform(value: string, ...args: (string | undefined)[]): string {
-    const [productId] = args;
+    const [productId, cardDisplay] = args;
     if (!productId) return value ?? '';
 
     const ruleRegex = /\$rule:([\d.]+)\$/gm;
@@ -20,7 +20,9 @@ export class FaqPipe implements PipeTransform {
       const rulesUrl = this.metaService.getRulesByProductId(productId);
       if (!rulesUrl) return p1;
 
-      return `<a href="${rulesUrl}/#${p1}" target="_blank">${p1}</a>`;
+      return `<a href="${rulesUrl}/#${p1}" target="_blank">${
+        cardDisplay || p1
+      }</a>`;
     });
 
     const linkRegex = /\$link:([\w'"\-& ]+)\$/gm;
@@ -32,7 +34,7 @@ export class FaqPipe implements PipeTransform {
 
       return `<a href="card/${encodeURIComponent(
         foundCard.id
-      )}" target="_blank">${foundCard.name}</a>`;
+      )}" target="_blank">${cardDisplay || foundCard.name}</a>`;
     });
 
     value = value.replace('\n', '<br>');

diff --git a/src/app/faq.service.ts b/src/app/faq.service.ts
@@ -51,7 +51,7 @@ export class FAQService {
       Object.keys(faqData[productId]).forEach((locale) => {
         baseFAQs[productId][locale] = sortBy(
           faqData[productId][locale],
-          'card'
+          (cardFAQ) => cardFAQ.cardDisplay || cardFAQ.card
         );
 
         faqData[productId][locale].forEach((cardFAQ) => {

diff --git a/src/app/faq/faq.page.html b/src/app/faq/faq.page.html
@@ -25,7 +25,7 @@
             <ion-item-group>
               <ion-item-divider>
                 <ion-label [id]="entry.card | cardid">
-                  <span [innerHTML]="'$link:' + entry.card + '$' | faq:productId()"></span>
+                  <span [innerHTML]="'$link:' + entry.card + '$' | faq:productId():entry.cardDisplay"></span>
                 </ion-label>
               </ion-item-divider>