63 lines
2.3 KiB
HTML
63 lines
2.3 KiB
HTML
<div>
|
|
<vn-horizontal class="header">
|
|
<vn-auto>
|
|
<vn-icon
|
|
icon="keyboard_arrow_left"
|
|
class="pointer"
|
|
ng-click="$ctrl.movePrevious($ctrl.skip)"
|
|
ng-show="$ctrl.displayControls"/>
|
|
</vn-icon>
|
|
</vn-auto>
|
|
<vn-one>
|
|
<strong>
|
|
<span translate>{{$ctrl.defaultDate | date: 'MMMM'}}</span>
|
|
<span>{{$ctrl.defaultDate | date: 'yyyy'}}</span>
|
|
</strong>
|
|
</vn-one>
|
|
<vn-auto>
|
|
<vn-icon
|
|
icon="keyboard_arrow_right"
|
|
class="pointer"
|
|
ng-click="$ctrl.moveNext($ctrl.skip)"
|
|
ng-show="$ctrl.displayControls">
|
|
</vn-icon>
|
|
</vn-auto>
|
|
</vn-horizontal>
|
|
|
|
<vn-vertical class="body">
|
|
<vn-horizontal class="weekdays">
|
|
<section class="day" ng-click="$ctrl.selectAll(1)">
|
|
<span>L</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(2)">
|
|
<span>M</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(3)">
|
|
<span>X</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(4)">
|
|
<span>J</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(5)">
|
|
<span>V</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(6)">
|
|
<span>S</span>
|
|
</section>
|
|
<section class="day" ng-click="$ctrl.selectAll(0)">
|
|
<span>D</span>
|
|
</section>
|
|
</vn-horizontal>
|
|
<vn-horizontal class="days">
|
|
<section ng-repeat="day in $ctrl.days" class="day {{day.event.className || day.className}}"
|
|
ng-click="$ctrl.select($index)"
|
|
ng-style="{'color': day.event.style.color}">
|
|
<span ng-if="day.event" vn-tooltip="{{day.event.title}}"
|
|
ng-style="{'background-color': day.event.style.background}">
|
|
{{::day.dated | date: 'd'}}
|
|
</span>
|
|
<span ng-if="!day.event">{{::day.dated | date: 'd'}}</span>
|
|
</section>
|
|
</vn-horizontal>
|
|
</vn-vertical>
|
|
</div> |