2006-10-31 19:52:52 +01:00
|
|
|
<?xml version="1.0" standalone="yes"?>
|
2007-03-13 00:06:48 +01:00
|
|
|
<!DOCTYPE container>
|
2015-09-23 21:19:39 +02:00
|
|
|
<container
|
|
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
|
|
|
xmlns:const="http://www.skyrix.com/od/constant"
|
|
|
|
xmlns:rsrc="OGo:url"
|
|
|
|
xmlns:label="OGo:label">
|
2008-08-19 00:45:59 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-card>
|
|
|
|
<md-card-actions layout="row" layout-align="start center">
|
2015-09-23 21:19:39 +02:00
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Previous Month"
|
|
|
|
var:date="prevMonthQueryParameters.day"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeDate($event)"><md-icon>chevron_left</md-icon></md-button>
|
2015-09-23 21:19:39 +02:00
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Next Month"
|
|
|
|
var:date="nextMonthQueryParameters.day"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeDate($event)"><md-icon>chevron_right</md-icon></md-button>
|
2016-01-12 19:44:14 +01:00
|
|
|
<div class="md-flex"><var:string value="monthNameOfThisMonth" /> <var:string value="selectedDate.yearOfCommonEra" /></div>
|
2015-09-23 21:19:39 +02:00
|
|
|
<md-button class="md-icon-button md-accent"
|
|
|
|
label:aria-label="Today"
|
2015-12-09 23:51:28 +01:00
|
|
|
ng-click="app.today()">
|
|
|
|
<md-tooltip><var:string label:value="Today"/></md-tooltip>
|
|
|
|
<md-icon>today</md-icon>
|
|
|
|
</md-button>
|
2015-09-23 21:19:39 +02:00
|
|
|
<a class="md-icon-button md-button"
|
|
|
|
label:aria-label="Day"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeView('day')"><md-icon>view_day</md-icon></a>
|
2015-09-23 21:19:39 +02:00
|
|
|
<a class="md-icon-button md-button"
|
|
|
|
label:aria-label="Week"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeView('week')"><md-icon>view_week</md-icon></a>
|
2015-09-29 20:08:05 +02:00
|
|
|
<a class="md-icon-button md-button"
|
|
|
|
label:aria-label="Month"
|
|
|
|
ng-disabled="true"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeView('month')"><md-icon>view_module</md-icon></a>
|
2015-09-29 20:08:05 +02:00
|
|
|
<a class="md-icon-button md-button"
|
|
|
|
label:aria-label="Multicolumn Day View"
|
2016-01-12 19:38:54 +01:00
|
|
|
ng-click="calendar.changeView('multicolumnday')"><md-icon>view_array</md-icon></a>
|
2015-12-04 21:00:58 +01:00
|
|
|
</md-card-actions>
|
2015-04-08 22:01:52 +02:00
|
|
|
|
2015-12-08 18:16:25 +01:00
|
|
|
<md-toolbar class="monthView">
|
2015-12-04 21:00:58 +01:00
|
|
|
<div layout="row" layout-align="center center"
|
|
|
|
class="md-flex md-default-theme md-fg md-hue-1">
|
|
|
|
<var:foreach list="headerDaysToDisplay" item="currentTableDay">
|
|
|
|
<div class="dayLabels"><var:string value="labelForCurrentDayToDisplay"/></div>
|
|
|
|
</var:foreach>
|
|
|
|
</div>
|
|
|
|
</md-toolbar>
|
2015-09-23 21:19:39 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-content class="md-flex" sg-calendar-scroll-view="monthly">
|
|
|
|
<div class="calendarView monthView">
|
|
|
|
<md-grid-list
|
|
|
|
md-cols="7"
|
|
|
|
md-row-height="1:1"
|
|
|
|
md-gutter="0">
|
|
|
|
<var:foreach list="weeksToDisplay" item="currentWeek">
|
|
|
|
<var:foreach list="currentWeek" item="currentTableDay">
|
|
|
|
<md-grid-tile
|
|
|
|
md-rowspan="1"
|
|
|
|
md-colspan="1"
|
|
|
|
var:class="dayCellClasses"
|
|
|
|
var:id="currentDayId"
|
|
|
|
>
|
|
|
|
<sg-calendar-day layout="column" layout-fill="true"
|
|
|
|
var:sg-day="currentTableDay.shortDateString"
|
|
|
|
var:sg-day-number="currentDayNumber"
|
|
|
|
var:sg-day-string="currentTableDay.iso8601DateString">
|
|
|
|
<div class="sg-calendar-tile-header md-default-theme md-fg md-hue-2">
|
|
|
|
<var:if condition="currentTableDay.isToday">
|
|
|
|
<span class="md-default-theme md-bg md-accent md-hue-2"><var:string value="currentTableDay.dayOfMonth"/></span> <var:string value="dayHeaderMonth"/>
|
|
|
|
</var:if>
|
|
|
|
<var:if condition="currentTableDay.isToday" const:negate="YES">
|
|
|
|
<span class=""><var:string value="currentTableDay.dayOfMonth"/></span> <var:string value="dayHeaderMonth"/>
|
|
|
|
</var:if>
|
|
|
|
</div>
|
|
|
|
<md-content
|
|
|
|
sg-draggable-calendar-block="sg-draggable-calendar-block"
|
|
|
|
class="clickableDayCell">
|
|
|
|
<sg-calendar-month-day
|
|
|
|
sg-blocks="calendar.views[0].blocks"
|
|
|
|
sg-click="list.openEvent(event, component)"
|
|
|
|
var:sg-day="currentTableDay.shortDateString"><!-- day's events --></sg-calendar-month-day>
|
|
|
|
</md-content>
|
|
|
|
<sg-calendar-month-event
|
|
|
|
sg-calendar-ghost="sg-calendar-ghost"
|
|
|
|
sg-block="list.component.$ghost"><!-- drag ghost --></sg-calendar-month-event>
|
|
|
|
</sg-calendar-day>
|
|
|
|
</md-grid-tile>
|
|
|
|
</var:foreach>
|
2007-03-13 00:06:48 +01:00
|
|
|
</var:foreach>
|
2015-12-04 21:00:58 +01:00
|
|
|
</md-grid-list>
|
|
|
|
</div>
|
|
|
|
</md-content>
|
|
|
|
</md-card>
|
2015-09-23 21:19:39 +02:00
|
|
|
</container>
|