blob: 29b669b141f3bf5e78f2b179f80c5779d5e57300 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<cd-modal #modal
[modalRef]="activeModal">
<ng-container class="modal-title">
<ng-container *ngTemplateOutlet="deletionHeading"></ng-container>
</ng-container>
<ng-container class="modal-content">
<form name="deletionForm"
#formDir="ngForm"
[formGroup]="deletionForm"
novalidate>
<div class="modal-body">
<ng-container *ngTemplateOutlet="bodyTemplate; context: bodyContext"></ng-container>
<div class="question">
<span *ngIf="itemNames; else noNames">
<p *ngIf="itemNames.length === 1; else manyNames"
i18n>Are you sure that you want to {{ actionDescription | lowercase }} <strong>{{ itemNames[0] }}</strong>?</p>
<ng-template #manyNames>
<p i18n>Are you sure that you want to {{ actionDescription | lowercase }} the selected items?</p>
<ul>
<li *ngFor="let itemName of itemNames"><strong>{{ itemName }}</strong></li>
</ul>
</ng-template >
</span>
<ng-template #noNames>
<p i18n>Are you sure that you want to {{ actionDescription | lowercase }} the selected {{ itemDescription }}?</p>
</ng-template>
<ng-container *ngTemplateOutlet="childFormGroupTemplate; context:{form:deletionForm}"></ng-container>
<div class="form-group">
<div class="custom-control custom-checkbox">
<input type="checkbox"
class="custom-control-input"
name="confirmation"
id="confirmation"
formControlName="confirmation"
autofocus>
<label class="custom-control-label"
for="confirmation"
i18n>Yes, I am sure.</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<cd-form-button-panel (submitActionEvent)="callSubmitAction()"
[form]="deletionForm"
[submitText]="(actionDescription | titlecase) + ' ' + itemDescription"></cd-form-button-panel>
</div>
</form>
</ng-container>
</cd-modal>
<ng-template #deletionHeading>
{{ actionDescription | titlecase }} {{ itemDescription }}
</ng-template>
|