2 [modalRef]=
"activeModal">
3 <ng-container class=
"modal-title">
4 <ng-container *
ngTemplateOutlet=
"deletionHeading"></ng-container>
7 <ng-container class=
"modal-content">
8 <form name=
"deletionForm"
10 [formGroup]=
"deletionForm"
12 <div class=
"modal-body">
13 <ng-container *
ngTemplateOutlet=
"bodyTemplate; context: bodyContext"></ng-container>
14 <div class=
"question">
15 <span *
ngIf=
"itemNames; else noNames">
16 <p *
ngIf=
"itemNames.length === 1; else manyNames"
17 i18n
>Are you sure that you want to {{ actionDescription | lowercase }}
<strong>{{ itemNames[
0] }}
</strong>?
</p>
18 <ng-template #manyNames
>
19 <p i18n
>Are you sure that you want to {{ actionDescription | lowercase }} the selected items?
</p>
21 <li *
ngFor=
"let itemName of itemNames"><strong>{{ itemName }}
</strong></li>
25 <ng-template #noNames
>
26 <p i18n
>Are you sure that you want to {{ actionDescription | lowercase }} the selected {{ itemDescription }}?
</p>
28 <ng-container *
ngTemplateOutlet=
"childFormGroupTemplate; context:{form:deletionForm}"></ng-container>
29 <div class=
"form-group">
30 <div class=
"custom-control custom-checkbox">
31 <input type=
"checkbox"
32 class=
"custom-control-input"
35 formControlName=
"confirmation"
37 <label class=
"custom-control-label"
39 i18n
>Yes, I am sure.
</label>
44 <div class=
"modal-footer">
45 <cd-form-button-panel (submitActionEvent)=
"callSubmitAction()"
46 (backActionEvent)=
"backAction ? callBackAction() : hideModal()"
48 [submitText]=
"(actionDescription | titlecase) + ' ' + itemDescription"></cd-form-button-panel>
54 <ng-template #deletionHeading
>
55 {{ actionDescription | titlecase }} {{ itemDescription }}