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