2019-05-10 11:16:37 +00:00
|
|
|
<vn-crud-model
|
2019-10-24 22:53:53 +00:00
|
|
|
url="AbsenceTypes"
|
2019-10-23 15:38:35 +00:00
|
|
|
data="absenceTypes"
|
|
|
|
|
auto-load="true">
|
2019-05-10 11:16:37 +00:00
|
|
|
</vn-crud-model>
|
2019-11-10 10:08:44 +00:00
|
|
|
<div class="vn-w-lg">
|
|
|
|
|
<vn-card class="vn-pa-sm calendars">
|
|
|
|
|
<vn-calendar
|
|
|
|
|
ng-repeat="month in $ctrl.months"
|
|
|
|
|
data="$ctrl.events"
|
|
|
|
|
default-date="month"
|
|
|
|
|
format-day="$ctrl.formatDay($day, $element)"
|
|
|
|
|
display-controls="false"
|
|
|
|
|
hide-contiguous="true"
|
|
|
|
|
hide-year="true">
|
|
|
|
|
</vn-calendar>
|
|
|
|
|
</vn-card>
|
2019-10-23 15:38:35 +00:00
|
|
|
</div>
|
|
|
|
|
<vn-side-menu side="right">
|
|
|
|
|
<div class="vn-pa-md">
|
|
|
|
|
<div class="totalBox" style="text-align: center;">
|
|
|
|
|
<h6 translate>Holidays</h6>
|
2019-10-18 19:36:30 +00:00
|
|
|
<div>
|
2019-10-23 15:38:35 +00:00
|
|
|
{{'Used' | translate}} {{$ctrl.calendar.holidaysEnjoyed}}
|
|
|
|
|
{{'of' | translate}} {{$ctrl.calendar.totalHolidays}} {{'days' | translate}}
|
2019-10-18 19:36:30 +00:00
|
|
|
</div>
|
2019-10-23 15:38:35 +00:00
|
|
|
</div>
|
2019-10-30 15:57:14 +00:00
|
|
|
<div class="vn-pt-md" style="overflow: hidden;">
|
2019-10-23 15:38:35 +00:00
|
|
|
<vn-chip ng-repeat="absenceType in absenceTypes">
|
|
|
|
|
<vn-avatar
|
|
|
|
|
ng-style="{backgroundColor: absenceType.rgb}">
|
|
|
|
|
</vn-avatar>
|
|
|
|
|
{{absenceType.name}}
|
|
|
|
|
</vn-chip>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</vn-side-menu>
|
