7aa59b46c3d9c6db40c94629a168737d95a5838b
[Evergreen.git] / 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>