Add markdown help to Support Page greeting box

cmu-sei · Feb 17, 2025 · 7c7c29c · 7c7c29c
1 parent 9014e5a
commit 7c7c29c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/...ts/gameboard-ui/src/app/admin/components/support-settings/support-settings.component.html b/...ts/gameboard-ui/src/app/admin/components/support-settings/support-settings.component.html
@@ -8,8 +8,8 @@ <h3>Greeting</h3>
     </p>
 
     <label for="supportPageGreeting">Enter a greeting (allows markdown)</label>
-    <textarea id="supportPageGreeting" rows="8" [placeholder]="'Welcome to **{{appName}}** Support!'"
-        class="form-control" name="supportPageGreeting" [(ngModel)]="settings.supportPageGreeting"
+    <textarea id="supportPageGreeting" rows="8" [placeholder]="placeholder" class="form-control"
+        name="supportPageGreeting" [(ngModel)]="settings.supportPageGreeting"
         (input)="handleSettingsChanged()"></textarea>
 
     <h3 class="mt-5">Ticket Auto-Labeling</h3>

diff --git a/...ects/gameboard-ui/src/app/admin/components/support-settings/support-settings.component.ts b/...ects/gameboard-ui/src/app/admin/components/support-settings/support-settings.component.ts
@@ -4,6 +4,7 @@ import { SupportSettings } from '@/api/support-models';
 import { SupportService } from '@/api/support.service';
 import { UnsubscriberService } from '@/services/unsubscriber.service';
 import { ConfigService } from '@/utility/config.service';
+import { MarkdownHelpersService } from '@/services/markdown-helpers.service';
 
 @Component({
   selector: 'app-support-settings',
@@ -13,11 +14,13 @@ import { ConfigService } from '@/utility/config.service';
 })
 export class SupportSettingsComponent implements OnInit {
   protected appName: string;
+  protected placeholder = "Welcome to Support!";
   protected settings?: SupportSettings;
   private update$ = new Subject<SupportSettings>();
 
   constructor(
     config: ConfigService,
+    private markdownHelpers: MarkdownHelpersService,
     private supportService: SupportService,
     private unsub: UnsubscriberService) {
     // use the app name to personalize the placeholder
@@ -35,6 +38,7 @@ export class SupportSettingsComponent implements OnInit {
 
   async ngOnInit(): Promise<void> {
     this.load();
+    this.placeholder = this.markdownHelpers.getMarkdownPlaceholderHelp(`Welcome to ${this.appName} Support!`);
   }
 
   protected async handleSettingsChanged() {