shows-admin/src/components/create-edit-modal/create-edit-modal.component.html

37 lines
1.4 KiB
HTML

<div class="modal-header">
<h4 class="modal-title">
@if (editMode) {
Edit show
} @else {
Add new show
}
</h4>
<button type="button" class="btn-close" aria-label="Close" (click)="dismiss()"></button>
</div>
<form [formGroup]="newShowForm" (submit)="formSubmitted(newShowForm)">
<div class="modal-body">
<div class="mb-3 form-floating">
<input formControlName="title" type="text" class="form-control" placeholder=""/>
<label class="form-label">Title</label>
</div>
<div class="mb-3 form-floating">
<input formControlName="date" type="date" class="form-control" placeholder=""/>
<label class="form-label">Date</label>
</div>
<div class="mb-3 form-floating">
<input formControlName="seasons" type="number" class="form-control" placeholder=""/>
<label class="form-label">Seasons</label>
</div>
<div class="mb-3 form-floating">
<input formControlName="episodes" type="number" class="form-control" placeholder=""/>
<label class="form-label">Episodes</label>
</div>
<div class="mb-3 form-floating">
<input formControlName="description" type="text" class="form-control" placeholder=""/>
<label class="form-label">Description</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success" [disabled]="newShowForm.invalid">Submit</button>
</div>
</form>