62 lines
2.4 KiB
HTML
62 lines
2.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>
|
|
<label class="form-label">Images</label>
|
|
<div class="card" formArrayName="images">
|
|
<ul class="list-group list-group-flush">
|
|
@for (imageControl of images.controls; track imageControl) {
|
|
<li class="list-group-item">
|
|
<div class="input-group">
|
|
<div class="form-floating">
|
|
<input formControlName="{{$index}}" type="text" class="form-control" placeholder="">
|
|
<label class="form-label">Image {{ $index + 1 }} URL</label>
|
|
</div>
|
|
@if ($index >= requiredImages) {
|
|
<button type="button" class="btn btn-outline-danger" (click)="removeImageControl($index)">
|
|
<i class="bi bi-x-lg"></i>
|
|
</button>
|
|
}
|
|
</div>
|
|
</li>
|
|
}
|
|
<li class="list-group-item">
|
|
<button type="button" class="btn btn-outline-primary" (click)="addImageControl()">
|
|
<i class="bi bi-plus-lg"></i> Add new image
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-success" [disabled]="newShowForm.invalid">Submit</button>
|
|
</div>
|
|
</form>
|