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

91 lines
3.4 KiB
HTML
Raw Normal View History

2018-11-12 10:31:58 +00:00
<div>
<vn-horizontal class="header">
<vn-auto>
2019-02-10 21:52:35 +00:00
<vn-icon
icon="keyboard_arrow_left"
class="pointer"
2019-01-21 10:45:53 +00:00
ng-click="$ctrl.movePrevious($ctrl.skip)"
2019-02-10 21:52:35 +00:00
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>
2019-02-27 16:04:00 +00:00
<span translate>{{$ctrl.defaultDate | dateTime: 'MMMM'}}</span>
<span>{{$ctrl.defaultDate | dateTime: 'yyyy'}}</span>
2019-01-21 10:45:53 +00:00
</strong>
2018-11-12 10:31:58 +00:00
</vn-one>
<vn-auto>
2019-02-10 21:52:35 +00:00
<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">
2019-03-22 07:28:57 +00:00
<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}">
2019-03-05 07:24:09 +00:00
{{::day.date | date: 'd'}}
2019-01-21 10:45:53 +00:00
</span>
2019-03-05 07:24:09 +00:00
<span ng-if="!day.event">{{::day.date | date: 'd'}}</span>
2019-01-21 10:45:53 +00:00
</section>
</vn-horizontal>
</vn-vertical>
</vn-one>
2018-11-12 10:31:58 +00:00
</vn-horizontal>
</div>