2007-03-18 16:26:53 +01:00
|
|
|
<?xml version='1.0' standalone='yes'?>
|
2015-06-04 22:08:45 +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:label="OGo:label"
|
|
|
|
>
|
2008-07-18 21:25:26 +02:00
|
|
|
<script type="text/javascript">
|
|
|
|
var dayStartHour = <var:string value="dayStartHour"/>;
|
|
|
|
var dayEndHour = <var:string value="dayEndHour"/>;
|
2013-12-19 04:16:28 +01:00
|
|
|
var timeFormat = '<var:string value="userDefaults.timeFormat" const:escapeHTML="NO"/>';
|
2008-07-18 21:25:26 +02:00
|
|
|
</script>
|
2019-02-08 14:17:23 +01:00
|
|
|
<div layout="row" layout-align="end center">
|
|
|
|
<!-- suggestions options -->
|
|
|
|
<md-checkbox ng-model="editor.component.$attendees.workDaysOnly">
|
|
|
|
<var:string label:value="Work days only"/>
|
|
|
|
</md-checkbox>
|
|
|
|
<sg-timepicker ng-model="editor.component.$attendees.slotStartTimeLimit"><!-- slot start --></sg-timepicker>
|
|
|
|
<sg-timepicker ng-model="editor.component.$attendees.slotEndTimeLimit"><!-- slot end --></sg-timepicker>
|
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Previous slot"
|
|
|
|
ng-click="editor.previousSlot()"
|
|
|
|
md-no-ink="md-no-ink"><md-icon>chevron_left</md-icon></md-button>
|
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Next slot"
|
|
|
|
ng-click="editor.nextSlot()"
|
|
|
|
md-no-ink="md-no-ink"><md-icon>chevron_right</md-icon></md-button>
|
|
|
|
</div>
|
|
|
|
<div layout="row">
|
2015-06-04 22:08:45 +02:00
|
|
|
<!-- attendees -->
|
|
|
|
<md-list>
|
|
|
|
<md-list-item>
|
2015-09-25 22:07:56 +02:00
|
|
|
<div class="md-tile-left"><!-- empty --></div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</md-list-item>
|
2017-07-27 22:50:03 +02:00
|
|
|
<!-- organizer -->
|
|
|
|
<md-list-item>
|
|
|
|
<div class="md-button md-icon-button">
|
|
|
|
<md-icon>person</md-icon>
|
|
|
|
</div>
|
|
|
|
<sg-avatar-image class="md-avatar"
|
|
|
|
sg-email="editor.component.organizer.email"
|
|
|
|
size="40">person</sg-avatar-image>
|
2019-02-08 14:17:23 +01:00
|
|
|
<div class="sg-tile-content sg-padded--right">
|
2017-07-27 22:50:03 +02:00
|
|
|
<div class="sg-md-subhead"><div>{{editor.component.organizer.name}}</div></div>
|
|
|
|
<div class="sg-md-body"><div>{{editor.component.organizer.email}}</div></div>
|
|
|
|
</div>
|
|
|
|
<md-divider><!-- divider --></md-divider>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- attendees -->
|
2015-06-25 17:30:44 +02:00
|
|
|
<md-list-item ng-repeat="currentAttendee in editor.component.attendees track by currentAttendee.email">
|
2017-03-10 20:49:32 +01:00
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Delete"
|
|
|
|
ng-click="editor.removeAttendee(currentAttendee, eventForm)">
|
|
|
|
<md-icon>remove_circle</md-icon>
|
|
|
|
</md-button>
|
2015-09-25 22:07:56 +02:00
|
|
|
<sg-avatar-image class="md-avatar"
|
2015-09-04 18:11:20 +02:00
|
|
|
sg-email="currentAttendee.email"
|
2016-11-11 22:46:55 +01:00
|
|
|
size="40">person</sg-avatar-image>
|
2019-02-08 14:17:23 +01:00
|
|
|
<div class="sg-tile-content sg-padded--right">
|
2015-09-25 22:07:56 +02:00
|
|
|
<div class="sg-md-subhead"><div>{{currentAttendee.name}}</div></div>
|
|
|
|
<div class="sg-md-body"><div>{{currentAttendee.email}}</div></div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</div>
|
2016-06-16 20:46:05 +02:00
|
|
|
<md-divider><!-- divider --></md-divider>
|
2015-06-04 22:08:45 +02:00
|
|
|
</md-list-item>
|
|
|
|
</md-list>
|
2019-02-08 14:17:23 +01:00
|
|
|
<md-content id="freebusy">
|
|
|
|
<!-- freebusy -->
|
|
|
|
<md-list class="day"
|
|
|
|
id="freebusy_day_{{ day.getDayString }}"
|
|
|
|
ng-repeat="day in editor.attendeesEditor.days track by day.getDayString">
|
|
|
|
<!-- timeline -->
|
|
|
|
<md-list-item layout-align="start end">
|
|
|
|
<div layout="column" layout-align="end start">
|
|
|
|
<div>{{day.stringWithSeparator}}</div>
|
|
|
|
<div class="hours" layout="row" layout-align="space-between center">
|
|
|
|
<div class="hour" ng-repeat="hour in ::editor.attendeesEditor.hours">{{hour}}</div>
|
|
|
|
</div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</div>
|
2019-02-08 14:17:23 +01:00
|
|
|
</md-list-item>
|
|
|
|
<!-- organizer freebusy -->
|
|
|
|
<md-list-item>
|
|
|
|
<div class="hour"
|
|
|
|
ng-class="{'sg-no-freebusy': !editor.component.organizer.uid}"
|
|
|
|
ng-repeat="hour in ::editor.attendeesEditor.hours">
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 0)}">
|
|
|
|
<div class="busy" ng-show="editor.component.organizer.freebusy[day.getDayString][hour][0]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 1)}">
|
|
|
|
<div class="busy" ng-show="editor.component.organizer.freebusy[day.getDayString][hour][1]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 2)}">
|
|
|
|
<div class="busy" ng-show="editor.component.organizer.freebusy[day.getDayString][hour][2]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 3)}">
|
|
|
|
<div class="busy" ng-show="editor.component.organizer.freebusy[day.getDayString][hour][3]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</div>
|
2019-02-08 14:17:23 +01:00
|
|
|
<md-divider><!-- divider --></md-divider>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- attendees freebusy -->
|
|
|
|
<md-list-item ng-repeat="currentAttendee in editor.component.attendees track by currentAttendee.email">
|
|
|
|
<div class="hour"
|
|
|
|
ng-class="{'sg-no-freebusy': !currentAttendee.uid}"
|
|
|
|
ng-repeat="hour in ::editor.attendeesEditor.hours">
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 0)}">
|
|
|
|
<div class="busy" ng-show="currentAttendee.freebusy[day.getDayString][hour][0]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 1)}">
|
|
|
|
<div class="busy" ng-show="currentAttendee.freebusy[day.getDayString][hour][1]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 2)}">
|
|
|
|
<div class="busy" ng-show="currentAttendee.freebusy[day.getDayString][hour][2]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
|
|
|
<div class="quarter" ng-class="{event: editor.coversFreeBusy(day.getDayString, hour, 3)}">
|
|
|
|
<div class="busy" ng-show="currentAttendee.freebusy[day.getDayString][hour][3]"><!-- 15 minutes --></div>
|
|
|
|
</div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</div>
|
2019-02-08 14:17:23 +01:00
|
|
|
<md-divider><!-- divider --></md-divider>
|
|
|
|
</md-list-item>
|
|
|
|
</md-list>
|
|
|
|
</md-content>
|
|
|
|
</div><!-- row -->
|
2017-03-10 20:43:02 +01:00
|
|
|
<!-- freebusy caption -->
|
2019-02-08 14:17:23 +01:00
|
|
|
<div layout="row" layout-align="end center" class="sg-padded--top">
|
2017-03-10 20:43:02 +01:00
|
|
|
<div class="quarter"><div class="busy sg-color-chip"><!-- busy --></div></div>
|
|
|
|
<label class="md-caption"><var:string label:value="Busy"/></label>
|
|
|
|
<div class="quarter"><div class="sg-no-freebusy sg-color-sample"><!-- no fb --></div></div>
|
|
|
|
<label class="md-caption"><var:string label:value="No free-busy information"/></label>
|
|
|
|
</div>
|
2015-06-04 22:08:45 +02:00
|
|
|
</container>
|