Open-ILS/src/eg2/src/app/staff/share/translate/translate.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title" i18n>
   4       {{idlClassDef.label}}
   5     </h4>
   6     <button type="button" class="close"
   7       i18n-aria-label aria-label="Close" (click)="close()">
   8       <span aria-hidden="true">&times;</span>
   9     </button>
  10   </div>
  11   <div class="modal-body form-common form-validated" *ngIf="idlObj">
  12     <div class="form-group row">
  13       <label class="col-lg-4 text-right font-weight-bold"
  14         i18n>Field Name</label>
  15       <input
  16         type="text"
  17         [disabled]="true"
  18         class="form-control col-lg-7"
  19         value="{{idlClassDef.field_map[field].label}}">
  20     </div>
  21     <div class="form-group row">
  22       <label class="col-lg-4 text-right font-weight-bold"
  23         i18n>Current Value</label>
  24       <input
  25         type="text"
  26         [disabled]="true"
  27         class="form-control col-lg-7"
  28         value="{{idlObj[field]()}}">
  29     </div>
  30     <div class="form-group row">
  31       <label class="col-lg-4 text-right font-weight-bold"
  32         i18n>Select Locale</label>
  33       <select class="form-control col-lg-7"
  34         (change)="localeChanged($event)"
  35         [(ngModel)]="selectedLocale">
  36         <option value="{{locale.code()}}" *ngFor="let locale of locales">
  37           {{locale.name()}}
  38         </option>
  39       </select>
  40     </div>
  41     <div class="form-group row">
  42       <label class="col-lg-4 text-right font-weight-bold" i18n>Translation</label>
  43       <input
  44         id='translation-input'
  45         type="text"
  46         class="form-control col-lg-7"
  47         required
  48         i18n-placeholder
  49         (keyup.enter)="translate()"
  50         placeholder="Translation..."
  51         [(ngModel)]="translatedValue"/>
  52     </div>
  53   </div>
  54   <div class="modal-footer">
  55     <button *ngIf="prevString" (click)="prevString()"
  56       class="btn btn-info" i18n>Prev String</button>
  57     <button *ngIf="nextString" (click)="nextString()"
  58       class="btn btn-info mr-3" i18n>Next String</button>
  59     <button (click)="translate()" class="btn btn-info" i18n>Apply</button>
  60     <button (click)="close()" class="btn btn-warning ml-2" i18n>Cancel</button>
  61   </div>
  62 </ng-template>