Files
psp_panel/src/app/shared/components/seasonPicker/season-picker-dialog.component.html
T

34 lines
1.1 KiB
HTML
Raw Normal View History

<shared-light-bottomsheet [(visible)]="visible">
<div class="mt-1">
<label class="mb-1 block text-sm font-medium text-slate-600">انتخاب سال</label>
<select
[(ngModel)]="selectedYearDraft"
class="w-full rounded-xl border border-slate-200 bg-white px-3 py-2 text-slate-700 outline-none">
@for (yearItem of years; track yearItem.value) {
<option [value]="yearItem.value">{{ yearItem.year }}</option>
}
</select>
</div>
<div class="mt-4 grid grid-cols-2 gap-2">
@for (seasonItem of seasons; track seasonItem.key) {
<button
pButton
type="button"
[label]="seasonItem.label"
[severity]="seasonItem.severity"
outlined
(click)="selectedSeasonDraft.set(seasonItem.key)"></button>
}
<!-- [disabled]="selectedYear <= selectedYearDraft() && selectedSeason <= selectedSeasonDraft()" -->
</div>
<div class="mt-4">
<app-form-footer-actions
submitLabel="تایید"
cancelLabel="انصراف"
(onCancel)="visibleChange.emit(false)"
(onSubmit)="onSubmit()" />
</div>
</shared-light-bottomsheet>