shows-admin/src/components/delete-modal/delete-modal.component.html

25 lines
945 B
HTML

<div class="modal-header">
<h4 class="modal-title text-truncate">Delete {{ showName }}?</h4>
<button type="button" class="btn-close" aria-label="Close" (click)="this.activeModal.dismiss()"></button>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this show?</p>
<b class="text-danger-emphasis">This cannot be reversed</b>
<div class="card" #collapse="ngbCollapse" [(ngbCollapse)]="formHidden">
<div class="card-body">
<form [formGroup]="confirmationForm" (ngSubmit)="formSubmitted()">
<label class="form-label">To avoid mistakes, please type the name of the show to continue:</label>
<input formControlName="name" type="text" class="form-control">
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button
type="submit"
class="btn btn-danger"
(click)="deletePressed()"
[disabled]="confirmationForm.invalid && buttonDisabled"
>Delete
</button>
</div>