Components: add delete-modal
This commit is contained in:
parent
353fec9fe0
commit
f4c344633a
4 changed files with 100 additions and 0 deletions
25
src/components/delete-modal/delete-modal.component.html
Normal file
25
src/components/delete-modal/delete-modal.component.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue