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