Toast/shows-admin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Components/delete-modal: reformat

Browse source
This commit is contained in:
Toast 2025-02-05 01:08:38 +01:00
parent 093180f5b2
commit d1fd09ab75
3 changed files with 75 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/components/delete-modal/delete-modal.component.html
View file

@ -1,25 +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>
<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>
<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>
<button
type="submit"
class="btn btn-danger"
(click)="deletePressed()"
[disabled]="confirmationForm.invalid && buttonDisabled"
>Delete
</button>
</div>