LP1823041 Angular dialogs return observables
[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" (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>