91 lines
3.4 KiB
HTML
91 lines
3.4 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 | dateTime: 'MMMM'}}</span>
|
|
<span>{{$ctrl.defaultDate | dateTime: '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-horizontal>
|
|
<!-- <vn-auto>
|
|
<vn-vertical class="body">
|
|
<section class="day">
|
|
<span></span>
|
|
</section>
|
|
<section class="day">
|
|
<span>1</span>
|
|
</section>
|
|
<section class="day">
|
|
<span>2</span>
|
|
</section>
|
|
<section class="day">
|
|
<span>3</span>
|
|
</section>
|
|
<section class="day">
|
|
<span>4</span>
|
|
</section>
|
|
<section class="day">
|
|
<span>5</span>
|
|
</section>
|
|
<section class="day">
|
|
<span>6</span>
|
|
</section>
|
|
</vn-vertical>
|
|
</vn-auto>
|
|
<vn-one> -->
|
|
<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.className}}"
|
|
ng-click="$ctrl.select($index)"
|
|
ng-style="{'color': day.style.color}">
|
|
<span ng-if="day.event" vn-tooltip="{{day.event.title}}"
|
|
ng-style="{'background-color': day.style.background}">
|
|
{{::day.date | date: 'd'}}
|
|
</span>
|
|
<span ng-if="!day.event">{{::day.date | date: 'd'}}</span>
|
|
</section>
|
|
</vn-horizontal>
|
|
</vn-vertical>
|
|
</vn-one>
|
|
</vn-horizontal>
|
|
</div> |