79 lines
3.3 KiB
HTML
79 lines
3.3 KiB
HTML
<!-- intestazione -->
|
|
<div class="isp-main-datepicker d-none">
|
|
<div class="ngb-dp-header bg-faded pt-1 rounded-top" [style.height.rem]="getHeaderHeight()"
|
|
[style.marginBottom.rem]="-getHeaderMargin()">
|
|
<!-- componente per la navigazione! Seleziona il template -->
|
|
<ngb-datepicker-navigation *ngIf="navigation !== 'none'"
|
|
[date]="model.firstDate"
|
|
[minDate]="model.minDate"
|
|
[maxDate]="model.maxDate"
|
|
[months]="model.months.length"
|
|
[years]="years"
|
|
[template]="template"
|
|
[disabled]="model.disabled"
|
|
[showWeekNumbers]="showWeekNumbers"
|
|
[showSelect]="navigation === 'select'"
|
|
[disabledWeekend]="model.disabledWeekend"
|
|
[holidays]="model.holidays"
|
|
[taxDeadlines]="model.taxDeadlines"
|
|
(navigate)="onNavigateEvent($event)"
|
|
(select)="onNavigateDateSelect($event)"
|
|
(newTemplate)="setNewTemplate($event)"
|
|
[attr.role]="'none'"
|
|
[attr.label]="' '"
|
|
[attr.labelledby]="' '"
|
|
[attr.describedby]="' '">
|
|
</ngb-datepicker-navigation>
|
|
</div>
|
|
|
|
|
|
<!-- corpo componente -->
|
|
<div class="ngb-dp-months d-flex px-1 pb-1">
|
|
<ng-template ngFor let-month [ngForOf]="model.months" let-i="index">
|
|
<div class="ngb-dp-month d-block ml-3">
|
|
|
|
<div *ngIf="navigation !== 'select' || displayMonths > 1" style="min-width:150px"
|
|
class="ngb-dp-month-name text-center" (click)="setNewTemplate((template+1)%3);$event.stopPropagation();">
|
|
|
|
<div [ngSwitch]="template" style="margin-top:1px">
|
|
<div *ngSwitchCase=0 >
|
|
{{ i18n.getMonthFullName(dataTemplate.month) | translate }} {{ dataTemplate.year }}
|
|
</div>
|
|
<div *ngSwitchCase=1>
|
|
{{ dataTemplate.year }}
|
|
</div>
|
|
<div *ngSwitchCase=2>
|
|
{{ dataTemplate.year }} - {{ dataTemplate.year + 11 }}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- componente routing che usa il template selezionato-->
|
|
<ngb-datepicker-routing-view
|
|
[mesi]="mesi"
|
|
[years]="years"
|
|
[disabledWeekend]="disabledWeekend"
|
|
[dataTemplate]="dataTemplate"
|
|
[date]="model.firstDate"
|
|
[currentTemplate]="template"
|
|
[month]="month"
|
|
[showWeekdays]="showWeekdays"
|
|
[showWeekNumbers]="showWeekNumbers"
|
|
[startDateEnabled]="startDateEnabled"
|
|
[endDateEnabled]="endDateEnabled"
|
|
[outsideDays]="(displayMonths === 1 ? outsideDays : 'hidden')"
|
|
[taxDeadlines]="taxDeadlines"
|
|
(select)="onDateSelect($event)"
|
|
(changeTemplate)="onChangeTemplate($event)"
|
|
[attr.role]="'none'"
|
|
[attr.label]="' '"
|
|
[attr.labelledby]="' '"
|
|
[attr.describedby]="' '">
|
|
</ngb-datepicker-routing-view>
|
|
|
|
</div>
|
|
</ng-template>
|
|
</div>
|
|
</div>
|