119602: Add placeholder in form

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 '';
+    }
+  }
+
 }

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'">
 

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));