From fe90d39943f62d025b0e3ab64d57bcc017ed46b2 Mon Sep 17 00:00:00 2001
From: Andreas Awouters <andreas.awouters@atmire.com>
Date: Mon, 18 Nov 2024 11:36:10 +0100
Subject: [PATCH] 119602: Add placeholder in form

---
 .../accessibility/accessibility-settings.service.ts   | 11 +++++++++++
 .../accessibility-settings.component.html             |  1 +
 .../accessibility-settings.component.ts               |  4 ++++
 3 files changed, 16 insertions(+)

diff --git a/src/app/accessibility/accessibility-settings.service.ts b/src/app/accessibility/accessibility-settings.service.ts
index 4089fd03b1..77b6c91bea 100644
--- a/src/app/accessibility/accessibility-settings.service.ts
+++ b/src/app/accessibility/accessibility-settings.service.ts
@@ -224,4 +224,15 @@ export class AccessibilitySettingsService {
     }
   }
 
+  getPlaceholder(setting: AccessibilitySetting): string {
+    switch (setting) {
+      case AccessibilitySetting.NotificationTimeOut:
+        return environment.notifications.timeOut.toString();
+      case AccessibilitySetting.LiveRegionTimeOut:
+        return environment.liveRegion.messageTimeOutDurationMs.toString();
+      default:
+        return '';
+    }
+  }
+
 }
diff --git a/src/app/info/accessibility-settings/accessibility-settings.component.html b/src/app/info/accessibility-settings/accessibility-settings.component.html
index 6550c6a288..8a76917462 100644
--- a/src/app/info/accessibility-settings/accessibility-settings.component.html
+++ b/src/app/info/accessibility-settings/accessibility-settings.component.html
@@ -9,6 +9,7 @@
 
       <div class="col-sm-10">
         <input [type]="getInputType(setting)" [id]="setting + 'Input'" class="form-control"
+               [placeholder]="getPlaceholder(setting)"
                [(ngModel)]="formValues[setting]" [ngModelOptions]="{ standalone: true }"
                [attr.aria-describedby]="setting + 'Hint'">
 
diff --git a/src/app/info/accessibility-settings/accessibility-settings.component.ts b/src/app/info/accessibility-settings/accessibility-settings.component.ts
index 97e3ddb321..ed1d481be6 100644
--- a/src/app/info/accessibility-settings/accessibility-settings.component.ts
+++ b/src/app/info/accessibility-settings/accessibility-settings.component.ts
@@ -38,6 +38,10 @@ export class AccessibilitySettingsComponent implements OnInit {
     return this.settingsService.getInputType(setting);
   }
 
+  getPlaceholder(setting: AccessibilitySetting): string {
+    return this.settingsService.getPlaceholder(setting);
+  }
+
   saveSettings() {
     this.settingsService.setSettings(this.formValues).pipe(take(1)).subscribe(location => {
       this.notificationsService.success(null, this.translateService.instant('info.accessibility-settings.save-notification.' + location));