sogo/UI/Templates/SchedulerUI/UIxAttendeesEditor.wox

<?xml version='1.0' standalone='yes'?>
<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"
    >
  <script type="text/javascript">
    var dayStartHour = <var:string value="dayStartHour"/>;
    var dayEndHour = <var:string value="dayEndHour"/>;
    var timeFormat = '<var:string value="userDefaults.timeFormat" const:escapeHTML="NO"/>';
  </script>
  <md-content>
    <!-- attendees -->
    <md-list>
      <md-list-item>
        <div><!-- empty --></div>
      </md-list-item>
      <md-list-item ng-repeat="currentAttendee in editor.component.attendees track by currentAttendee.email">
        <sg-avatar-image class="md-tile-left"
                         sg-email="currentAttendee.email"
                         size="40"><!-- avatar --></sg-avatar-image>
        <div class="sg-tile-content">
          <div class="sg-md-subhead-multi">{{currentAttendee.name}}</div>
          <div class="sg-md-body-multi">{{currentAttendee.email}}</div>
        </div>
      </md-list-item>
    </md-list>
    <!-- freebusy -->
    <md-list class="day"
             ng-repeat="day in editor.attendeesEditor.days">
      <md-list-item layout="column" layout-align="end start">
        <div>{{day.stringWithSeparator}}</div>
        <div class="hours" layout="row" layout-align="space-between center" layout-fill="layout-fill">
          <div class="hour" ng-repeat="hour in ::editor.attendeesEditor.hours">{{hour}}</div>
        </div>
      </md-list-item>
      <md-list-item ng-repeat="currentAttendee in editor.component.attendees track by currentAttendee.email">
        <div class="hour" ng-repeat="hour in ::editor.attendeesEditor.hours">
          <div class="quarter" ng-class="{event: editor.component.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.component.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.component.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.component.coversFreeBusy(day.getDayString, hour, 3)}">
            <div class="busy" ng-show="currentAttendee.freebusy[day.getDayString][hour][3]"><!-- 15 minutes --></div>
          </div>
        </div>
      </md-list-item>
    </md-list>
  </md-content>
</container>