2006-08-24 20:51:12 +02:00
|
|
|
<?xml version="1.0" standalone="yes"?>
|
2007-06-11 23:29:40 +02:00
|
|
|
<!DOCTYPE container>
|
|
|
|
<container
|
2015-09-23 21:19:39 +02:00
|
|
|
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">
|
2015-10-15 16:50:24 +02:00
|
|
|
<md-toolbar class="daysView md-hue-1" var:sg-view="currentView">
|
2007-06-11 23:29:40 +02:00
|
|
|
|
2015-09-29 20:08:05 +02:00
|
|
|
<!-- Display today abreviation and date -->
|
|
|
|
<div class="days dayLabels">
|
|
|
|
<var:foreach list="daysToDisplay" item="currentTableDay">
|
|
|
|
<div var:class="dayClasses">
|
|
|
|
<!-- Week view day header -->
|
|
|
|
<var:if condition="isWeekView">
|
2015-10-15 16:50:24 +02:00
|
|
|
<div class="sg-md-caption md-default-theme md-fg md-primary md-hue-1"><var:string value="labelForDay"/></div>
|
2015-09-29 20:08:05 +02:00
|
|
|
<var:if condition="currentTableDay.isToday">
|
|
|
|
<div class="sg-md-display-2 md-default-theme md-fg md-accent md-hue-2"><var:string value="currentTableDay.dayOfMonth"/></div>
|
|
|
|
</var:if>
|
|
|
|
<var:if condition="currentTableDay.isToday" const:negate="YES">
|
2015-10-14 15:06:11 +02:00
|
|
|
<div class="sg-md-display-2--thin md-default-theme md-fg md-hue-2"><var:string value="currentTableDay.dayOfMonth"/></div>
|
2015-09-29 20:08:05 +02:00
|
|
|
</var:if>
|
|
|
|
<div class="md-default-theme md-fg md-primary md-hue-2"><var:string value="labelForMonth"/></div>
|
|
|
|
</var:if>
|
2010-02-12 18:23:47 +01:00
|
|
|
|
2015-09-29 20:08:05 +02:00
|
|
|
<!-- Day view header -->
|
|
|
|
<var:if condition="isWeekView" const:negate="YES">
|
|
|
|
<var:if condition="currentTableDay.isToday">
|
|
|
|
<div class="sg-md-display-4 md-default-theme md-fg md-accent md-hue-2"><var:string value="currentTableDay.dayOfMonth"/></div>
|
2015-09-18 22:11:31 +02:00
|
|
|
</var:if>
|
2015-09-29 20:08:05 +02:00
|
|
|
<var:if condition="currentTableDay.isToday" const:negate="YES">
|
|
|
|
<div class="sg-md-display-4 md-default-theme md-fg md-hue-2"><var:string value="currentTableDay.dayOfMonth"/></div>
|
2015-09-18 22:11:31 +02:00
|
|
|
</var:if>
|
2015-09-29 20:08:05 +02:00
|
|
|
<div class="md-default-theme md-fg md-primary md-hue-2"><var:string value="labelForMonth"/></div>
|
|
|
|
</var:if>
|
|
|
|
</div>
|
|
|
|
</var:foreach>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<var:if condition="isMultiColumnView">
|
|
|
|
<!-- Calendars names in multicolumn day view -->
|
|
|
|
<div class="days">
|
|
|
|
<div class="day multicolumnDay"
|
|
|
|
ng-repeat="view in calendar.views"
|
|
|
|
ng-class="view.calendar.getClassName('bdr')">
|
|
|
|
{{view.calendar.name}}
|
|
|
|
</div>
|
2014-06-20 19:16:55 +02:00
|
|
|
</div>
|
2015-09-23 21:19:39 +02:00
|
|
|
</var:if>
|
2015-09-18 22:11:31 +02:00
|
|
|
|
2015-09-23 21:19:39 +02:00
|
|
|
<!-- All day cells -->
|
|
|
|
<div class="allDaysView md-default-theme md-background md-bg">
|
2015-11-06 21:12:24 +01:00
|
|
|
<div class="days" sg-calendar-scroll-view="multiday-allday">
|
2014-06-20 19:16:55 +02:00
|
|
|
<var:foreach list="daysToDisplay" item="currentTableDay">
|
2015-11-06 21:12:24 +01:00
|
|
|
<sg-calendar-day var:class="dayClasses"
|
2015-09-29 20:08:05 +02:00
|
|
|
var:day="currentTableDay.shortDateString"
|
|
|
|
var:id="currentAllDayId"
|
|
|
|
hour="allday"
|
2015-11-06 21:12:24 +01:00
|
|
|
var:sg-day-number="currentDayNumber"
|
|
|
|
var:sg-day="currentTableDay.shortDateString"
|
|
|
|
var:sg-day-string="currentTableDay.iso8601DateString"
|
2015-09-29 20:08:05 +02:00
|
|
|
ng-repeat="view in calendar.views">
|
2015-09-23 21:19:39 +02:00
|
|
|
<sg-calendar-day-table
|
2015-09-29 20:08:05 +02:00
|
|
|
sg-blocks="view.allDayBlocks"
|
2015-09-23 21:19:39 +02:00
|
|
|
sg-click="list.openEvent(event, component)"
|
2015-11-06 21:12:24 +01:00
|
|
|
var:sg-day="currentTableDay.shortDateString"><!-- blocks for current day --></sg-calendar-day-table>
|
2015-11-20 19:30:26 +01:00
|
|
|
<sg-calendar-day-block
|
|
|
|
sg-calendar-ghost="sg-calendar-ghost"
|
|
|
|
sg-block="list.component.$ghost"><!-- drag ghost --></sg-calendar-day-block>
|
2015-11-06 21:12:24 +01:00
|
|
|
</sg-calendar-day>
|
2014-06-20 19:16:55 +02:00
|
|
|
</var:foreach>
|
|
|
|
</div>
|
2006-11-15 01:06:21 +01:00
|
|
|
</div>
|
2015-09-23 21:19:39 +02:00
|
|
|
</md-toolbar>
|
2015-09-18 22:11:31 +02:00
|
|
|
|
2015-11-06 21:12:24 +01:00
|
|
|
<md-content class="md-flex" sg-calendar-scroll-view="multiday">
|
2015-09-23 21:19:39 +02:00
|
|
|
<div class="calendarView">
|
|
|
|
|
|
|
|
<!-- The hours -->
|
|
|
|
<div class="hours">
|
|
|
|
<var:foreach list="hoursToDisplay" item="currentTableHour">
|
|
|
|
<div class="hour" var:id="currentHourId">
|
|
|
|
<var:string value="currentTableHour"/>
|
|
|
|
</div>
|
2014-06-20 19:16:55 +02:00
|
|
|
</var:foreach>
|
2015-09-23 21:19:39 +02:00
|
|
|
</div>
|
|
|
|
|
2015-11-06 21:12:24 +01:00
|
|
|
<!-- The quarters grid -->
|
2015-09-23 21:19:39 +02:00
|
|
|
<div class="daysView">
|
|
|
|
<div class="days">
|
2015-09-29 20:08:05 +02:00
|
|
|
<var:foreach list="daysToDisplay" item="currentTableDay">
|
2015-11-06 21:12:24 +01:00
|
|
|
<sg-calendar-day var:class="dayClasses"
|
2015-09-29 20:08:05 +02:00
|
|
|
var:id="currentDayId"
|
2015-11-06 21:12:24 +01:00
|
|
|
var:sg-day-number="currentDayNumber"
|
|
|
|
var:sg-day="currentTableDay.shortDateString"
|
|
|
|
var:sg-day-string="currentTableDay.iso8601DateString"
|
2015-09-29 20:08:05 +02:00
|
|
|
ng-repeat="view in calendar.views">
|
|
|
|
<div class="hourCells">
|
|
|
|
<var:foreach list="hoursToDisplay" item="currentTableHour">
|
2015-11-06 21:12:24 +01:00
|
|
|
<div var:class="clickableHourCellClass"
|
|
|
|
sg-draggable-calendar-block="sg-draggable-calendar-block"
|
|
|
|
var:sg-hour="currentAppointmentHour">
|
2015-09-29 20:08:05 +02:00
|
|
|
<span class="minutes15"><!-- space --></span>
|
|
|
|
<span class="minutes30"><!-- space --></span>
|
|
|
|
<span class="minutes45"><!-- space --></span>
|
2015-09-23 21:19:39 +02:00
|
|
|
</div>
|
2015-09-29 20:08:05 +02:00
|
|
|
</var:foreach>
|
|
|
|
<sg-calendar-day-table
|
|
|
|
sg-click="list.openEvent(event, component)"
|
|
|
|
sg-blocks="view.blocks"
|
2015-11-06 21:12:24 +01:00
|
|
|
var:sg-day-number="currentDayNumber"
|
|
|
|
var:sg-day="currentTableDay.shortDateString"><!-- blocks for current day --></sg-calendar-day-table>
|
2015-11-20 19:30:26 +01:00
|
|
|
<sg-calendar-day-block
|
|
|
|
sg-calendar-ghost="sg-calendar-ghost"
|
|
|
|
sg-block="list.component.$ghost"><!-- drag ghost --></sg-calendar-day-block>
|
2015-09-23 21:19:39 +02:00
|
|
|
</div>
|
2015-09-29 20:08:05 +02:00
|
|
|
<div class="events"><!-- space --></div>
|
2015-11-06 21:12:24 +01:00
|
|
|
</sg-calendar-day>
|
2015-09-29 20:08:05 +02:00
|
|
|
</var:foreach>
|
2015-09-23 21:19:39 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2014-06-20 19:16:55 +02:00
|
|
|
</div>
|
2015-09-23 21:19:39 +02:00
|
|
|
</md-content>
|
2007-06-11 23:29:40 +02:00
|
|
|
</container>
|