salix/front/core/components/calendar/index.html

85 lines
3.2 KiB
HTML
Raw Normal View History

2018-11-12 10:31:58 +00:00
<div>
<vn-horizontal class="header">
<vn-auto>
<vn-icon icon="keyboard_arrow_left" class="pointer"
2019-01-21 10:45:53 +00:00
ng-click="$ctrl.movePrevious($ctrl.skip)"
ng-show="$ctrl.displayControls"
2018-11-12 10:31:58 +00:00
</vn-icon>
</vn-auto>
<vn-one>
2019-01-21 10:45:53 +00:00
<strong>
<span translate>{{$ctrl.defaultDate | date: 'MMMM'}}</span>
<span>{{$ctrl.defaultDate | date: 'yyyy'}}</span>
</strong>
2018-11-12 10:31:58 +00:00
</vn-one>
<vn-auto>
<vn-icon icon="keyboard_arrow_right" class="pointer"
2019-01-21 10:45:53 +00:00
ng-click="$ctrl.moveNext($ctrl.skip)"
ng-show="$ctrl.displayControls"
2018-11-12 10:31:58 +00:00
</vn-icon>
</vn-auto>
</vn-horizontal>
2019-01-21 10:45:53 +00:00
<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.color}}"
ng-click="$ctrl.select($index)">
<span ng-if="day.event" vn-tooltip="{{day.event.title}}">
{{::day.date | date: 'd'}}
</span>
<span ng-if="!day.event">{{::day.date | date: 'd'}}</span>
</section>
</vn-horizontal>
</vn-vertical>
</vn-one>
2018-11-12 10:31:58 +00:00
</vn-horizontal>
</div>