WIP Remove input placeholders in fm-editor user/sleary/wip-fm-editor-help
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 11 Jan 2023 21:21:21 +0000 (15:21 -0600)
committerStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 11 Jan 2023 21:22:54 +0000 (15:22 -0600)
Removes the input placeholders in fm-editor. They are identical to the
form labels, and their presence makes users think that the field has
already been filled in.

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
Open-ILS/src/eg2/src/app/share/fm-editor/fm-editor.component.html

index 518125c..4006f7d 100644 (file)
       <div class="form-group row" *ngFor="let field of fields">
         <div class="col-lg-3">
           <label for="{{idPrefix}}-{{field.name}}">{{field.label}}</label>
-          <eg-help-popover [placement]="'right'" *ngIf="field.helpText" helpText="{{field.helpTextValue}}"></eg-help-popover>
         </div>
         <div class="col-lg-9">
-
+          <ng-container *ngIf="field.helpText">
+            <p class="form-text">{{field.helpTextValue}}</p>
+          </ng-container>
+        
           <ng-container [ngSwitch]="inputType(field)">
 
             <ng-container *ngSwitchCase="'template'">
@@ -79,8 +81,7 @@
 
             <ng-container *ngSwitchCase="'org_unit'">
               <eg-org-select
-                placeholder="{{field.label}}..."
-                i18n-placeholder
+                placeholder=""
                 domId="{{idPrefix}}-{{field.name}}"
                 [limitPerms]="modePerms[mode]"
                 [readOnly]="field.readOnly"
@@ -96,8 +97,7 @@
                 type="number" step="0.1"
                 name="{{field.name}}"
                 id="{{idPrefix}}-{{field.name}}"
-                placeholder="{{field.label}}..."
-                i18n-placeholder
+                placeholder=""
                 [readonly]="field.readOnly"
                 [required]="field.isRequired()"
                 [ngModel]="record[field.name]()"
                 type="number"
                 name="{{field.name}}"
                 id="{{idPrefix}}-{{field.name}}"
-                placeholder="{{field.label}}..."
-                i18n-placeholder
+                placeholder=""
                 [required]="field.isRequired()"
                 egMin="{{field.min}}"
                 egMax="{{field.max}}"
                 type="number" step="0.1"
                 name="{{field.name}}"
                 id="{{idPrefix}}-{{field.name}}"
-                placeholder="{{field.label}}..."
-                i18n-placeholder
+                placeholder=""
                 [required]="field.isRequired()"
                 [ngModel]="record[field.name]()"
                 (ngModelChange)="record[field.name]($event)"/>
                 class="form-control"
                 id="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
                 type="text" pattern="[\s\S]*\S[\s\S]*"
-                placeholder="{{field.label}}..." i18n-placeholder
+                placeholder=""
                 [required]="field.isRequired()"
                 [ngModel]="record[field.name]()"
                 (ngModelChange)="record[field.name]($event)"/>
             <ng-container *ngSwitchCase="'link'">
               <eg-combobox
                 id="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
-                placeholder="{{field.label}}..." i18n-placeholder 
+                placeholder=""
                 [required]="field.isRequired()"
                 [idlClass]="field.class" [asyncSupportsEmptyTermClick]="true"
                 [idlBaseQuery]="field.idlBaseQuery"
             <ng-container *ngSwitchCase="'list'">
               <eg-combobox
                 domId="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
-                placeholder="{{field.label}}..." i18n-placeholder 
+                placeholder=""
                 [required]="field.isRequired()"
                 [entries]="field.linkedValues"
                 [asyncDataSource]="field.linkedValuesSource"