1 <!-- idlObject and fieldName applied programmatically -->
2 <eg-translate #translator></eg-translate>
4 <eg-string #successStr text="Update Succeeded" i18n-text></eg-string>
5 <eg-string #failStr text="Update Failed" i18n-text></eg-string>
7 <ng-template #dialogContent>
8 <div class="modal-header bg-info">
9 <h4 class="modal-title" i18n>Record Editor: {{recordLabel}}</h4>
10 <ng-container *ngIf="isDialog()">
11 <button type="button" class="close"
12 i18n-aria-label aria-label="Close" (click)="close()">
13 <span aria-hidden="true">×</span>
17 <div class="modal-body">
18 <form #fmEditForm="ngForm" role="form" class="form-validated common-form striped-odd">
19 <ng-container *ngIf="!record">
20 <!-- display a progress dialog while the editor
21 fetches the needed data -->
22 <eg-progress-inline></eg-progress-inline>
24 <ng-container *ngIf="record">
25 <div class="form-group row" *ngFor="let field of fields">
26 <div class="col-lg-3">
27 <label for="{{idPrefix}}-{{field.name}}">{{field.label}}</label>
29 <div class="col-lg-9">
31 <ng-container [ngSwitch]="inputType(field)">
33 <ng-container *ngSwitchCase="'template'">
35 *ngTemplateOutlet="field.template; context:customTemplateFieldContext(field)">
39 <ng-container *ngSwitchCase="'readonly'">
40 <span>{{record[field.name]()}}</span>
43 <ng-container *ngSwitchCase="'readonly-money'">
44 <span>{{record[field.name]() | currency}}</span>
47 <ng-container *ngSwitchCase="'readonly-list'">
48 <ng-container *ngIf="field.linkedValues">
49 <span>{{field.linkedValues[0].label}}</span>
53 <ng-container *ngSwitchCase="'timestamp'">
55 domId="{{idPrefix}}-{{field.name}}"
56 [readOnly]="field.readOnly"
57 (onChangeAsIso)="record[field.name]($event)"
58 initialIso="{{record[field.name]()}}">
62 <ng-container *ngSwitchCase="'org_unit'">
64 placeholder="{{field.label}}..."
66 domId="{{idPrefix}}-{{field.name}}"
67 [limitPerms]="modePerms[mode]"
68 [readOnly]="field.readOnly"
69 [applyDefault]="field.orgDefaultAllowed"
70 [initialOrgId]="record[field.name]()"
71 (onChange)="record[field.name]($event)">
75 <ng-container *ngSwitchCase="'money'">
78 type="number" step="0.1"
80 id="{{idPrefix}}-{{field.name}}"
81 placeholder="{{field.label}}..."
83 [readonly]="field.readOnly"
84 [required]="field.isRequired()"
85 [ngModel]="record[field.name]()"
86 (ngModelChange)="record[field.name]($event)"/>
89 <ng-container *ngSwitchCase="'int'">
94 id="{{idPrefix}}-{{field.name}}"
95 placeholder="{{field.label}}..."
97 [required]="field.isRequired()"
98 [ngModel]="record[field.name]()"
99 (ngModelChange)="record[field.name]($event)"/>
102 <ng-container *ngSwitchCase="'float'">
105 type="number" step="0.1"
106 name="{{field.name}}"
107 id="{{idPrefix}}-{{field.name}}"
108 placeholder="{{field.label}}..."
110 [required]="field.isRequired()"
111 [ngModel]="record[field.name]()"
112 (ngModelChange)="record[field.name]($event)"/>
115 <ng-container *ngSwitchCase="'text'">
118 id="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
120 placeholder="{{field.label}}..." i18n-placeholder
121 [required]="field.isRequired()"
122 [ngModel]="record[field.name]()"
123 (ngModelChange)="record[field.name]($event)"/>
126 <ng-container *ngSwitchCase="'bool'">
128 class="form-check-input"
130 name="{{field.name}}"
131 id="{{idPrefix}}-{{field.name}}"
132 [disabled]="field.readOnly"
133 [ngModel]="record[field.name]()"
134 (ngModelChange)="record[field.name]($event)"/>
137 <ng-container *ngSwitchCase="'list'">
139 id="{{idPrefix}}-{{field.name}}" name="{{field.name}}"
140 placeholder="{{field.label}}..." i18n-placeholder
141 [required]="field.isRequired()"
142 [entries]="field.linkedValues"
143 [asyncDataSource]="field.linkedValuesSource"
144 [startId]="record[field.name]()"
145 (onChange)="record[field.name]($event ? $event.id : null)">
148 </ng-container> <!-- switch -->
150 <div class="col-lg-1" *ngIf="field.i18n && !field.readOnly">
151 <a (click)="openTranslator(field.name)"
152 i18n-title title="Translate">
153 <button class="btn btn-outline-info mat-icon-in-button">
154 <span class="material-icons">translate</span>
162 <div class="modal-footer">
163 <ng-container *ngIf="isDialog()">
164 <button type="button" class="btn btn-success" *ngIf="mode == 'view'"
165 (click)="close()" i18n>Close</button>
166 <button type="button" class="btn btn-warning ml-2" *ngIf="mode != 'view'"
167 (click)="cancel()" i18n>Cancel</button>
169 <button type="button" class="btn btn-info"
170 [disabled]="fmEditForm.invalid" *ngIf="mode != 'view'"
171 (click)="save()" i18n>Save</button>
175 <ng-container *ngIf="!isDialog()">
176 <!-- in "inline" mode, render the editor pane right here -->
177 <ng-container *ngTemplateOutlet="dialogContent">