2015-07-21 14:26:50 +02:00
|
|
|
<?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">
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-dialog flex="40" flex-md="60" flex-sm="100">
|
|
|
|
<md-toolbar class="md-padding" ng-class="editor.component.getClassName('bg')">
|
2015-07-21 14:26:50 +02:00
|
|
|
<div class="md-toolbar-tools">
|
2015-07-29 22:23:41 +02:00
|
|
|
<md-icon class="material-icons sg-icon-toolbar-bg">event</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<div class="sg-md-title md-flex">
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- classification -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-icon ng-if="editor.component.classification == 'confidential'">visibility_off</md-icon>
|
|
|
|
<md-icon ng-if="editor.component.classification == 'private'">vpn_key</md-icon>
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- summary -->
|
2015-08-05 22:44:25 +02:00
|
|
|
{{::editor.component.summary}}
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- priority -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-icon ng-repeat="i in ::editor.component.priority | range">star</md-icon>
|
|
|
|
</div>
|
|
|
|
<md-button class="md-icon-button" ng-click="editor.close()">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon aria-label="Close dialog">close</md-icon>
|
|
|
|
</md-button>
|
|
|
|
</div>
|
|
|
|
</md-toolbar>
|
|
|
|
<md-dialog-content>
|
|
|
|
<md-list>
|
|
|
|
<!-- categories -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.categories.length > 0">
|
|
|
|
<md-chips class="sg-readonly" ng-model="::editor.component.categories" readonly="true">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-chip-template>
|
|
|
|
<span>{{$chip}}</span>
|
|
|
|
</md-chip-template>
|
|
|
|
</md-chips>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- location -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.location">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>place</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<p>{{::editor.component.location}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- calendar -->
|
|
|
|
<md-list-item>
|
|
|
|
<md-icon>event</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<p>{{editor.component.calendar}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- start/end dates -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-class="{ 'md-2-line': editor.component.isAllDay, 'md-3-line': !editor.component.isAllDay }">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>access_time</md-icon>
|
|
|
|
<div layout="row" class="md-flex">
|
2015-08-05 22:44:25 +02:00
|
|
|
<div class="md-list-item-text" ng-show="editor.component.startDate">
|
2015-07-31 19:54:03 +02:00
|
|
|
<p><var:string label:value="Start"/></p>
|
2015-08-05 22:44:25 +02:00
|
|
|
<h3>{{::editor.component.localizedStartDate}}</h3>
|
|
|
|
<h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedStartTime}}</h3>
|
2015-07-21 14:26:50 +02:00
|
|
|
</div>
|
2015-08-05 22:44:25 +02:00
|
|
|
<div class="md-list-item-text" ng-show="editor.component.endDate">
|
2015-07-31 19:54:03 +02:00
|
|
|
<p><var:string label:value="End"/></p>
|
2015-08-05 22:44:25 +02:00
|
|
|
<h3>{{::editor.component.localizedEndDate}}</h3>
|
|
|
|
<h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedEndTime}}</h3>
|
2015-07-21 14:26:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- is transparent -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.isTransparent">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>event_available</md-icon>
|
|
|
|
<p><var:string label:value="Show Time as Free"/></p>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- send appointment notifications -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.sendAppointmentNotifications">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>send</md-icon>
|
|
|
|
<p><var:string label:value="Send Appointment Notifications"/></p>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- attach urls -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.attachUrls.length > 0">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>link</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<p ng-repeat="url in ::editor.component.attachUrls"><a ng-href="{{url.value}}">{{url.value}}</a></p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- comment -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.comment">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>mode_comment</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<p>{{::editor.component.comment}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- repeat -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.$isRecurrent">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>repeat</md-icon>
|
2015-08-05 22:44:25 +02:00
|
|
|
<p><!-- editor.component.repeat.toString() --></p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- reminder -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item ng-show="editor.component.$hasAlarm" ng-hide="editor.component.userHasRSVP">
|
|
|
|
<md-icon>alarm_on</md-icon>
|
|
|
|
<p><!-- editor.component.alarm.toString() --></p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-list-item class="md-2-line" ng-show="editor.component.organizer">
|
|
|
|
<md-icon>people</md-icon>
|
|
|
|
<div layout="column" layout-fill="layout-fill">
|
|
|
|
<!-- organizer -->
|
|
|
|
<div class="pseudo-input-container" ng-show="editor.component.organizer">
|
|
|
|
<label class="pseudo-input-label"><var:string label:value="Organizer"/></label>
|
|
|
|
<md-chips class="md-contact-chips sg-readonly"
|
|
|
|
ng-model="::editor.organizer"
|
|
|
|
readonly="true">
|
|
|
|
<md-chip-template>
|
|
|
|
<div class="md-contact-avatar"><img src="#" ng-src="{{$chip.$image}}" alt="{{$chip.name}}"/></div>
|
|
|
|
<div class="md-contact-name">{{$chip.name}}</div>
|
|
|
|
</md-chip-template>
|
|
|
|
</md-chips>
|
|
|
|
</div>
|
|
|
|
<!-- attendees -->
|
|
|
|
<div class="pseudo-input-container" ng-show="editor.component.attendees.length > 0">
|
|
|
|
<label class="pseudo-input-label"><var:string label:value="Attendees"/></label>
|
|
|
|
<!-- md-contact-chips don't support "readonly", so we build them using md-chips
|
|
|
|
in readonly mode and a template similar to the one of md-contact-chips -->
|
|
|
|
<md-chips class="md-contact-chips sg-readonly"
|
|
|
|
ng-model="::editor.component.attendees"
|
|
|
|
readonly="true">
|
|
|
|
<md-chip-template>
|
|
|
|
<div class="md-contact-avatar"><img src="#" ng-src="{{$chip.image}}" alt="{{$chip.name}}"/></div>
|
|
|
|
<div class="md-contact-name">{{$chip.name}}</div>
|
|
|
|
<md-icon ng-class="'icon-' + $chip.status"><!-- partstat --></md-icon>
|
|
|
|
</md-chip-template>
|
|
|
|
</md-chips>
|
|
|
|
</div>
|
2015-07-21 14:26:50 +02:00
|
|
|
</div>
|
|
|
|
</md-list-item>
|
2015-07-29 22:23:41 +02:00
|
|
|
</md-list>
|
2015-08-05 22:44:25 +02:00
|
|
|
<!-- invitation -->
|
|
|
|
<md-list ng-show="editor.component.userHasRSVP">
|
|
|
|
<md-divider><!-- dividerd --></md-divider>
|
|
|
|
<md-subheader class="md-no-sticky sg-padded--top"><var:string label:value="You are invited to participate"/></md-subheader>
|
|
|
|
<!-- participation status -->
|
|
|
|
<md-list-item>
|
|
|
|
<md-icon>insert_invitation</md-icon>
|
|
|
|
<md-input-container class="md-no-flex">
|
|
|
|
<md-select ng-model="editor.component.reply">
|
|
|
|
<var:foreach list="replyList" item="item">
|
|
|
|
<md-option var:value="item">
|
|
|
|
<var:string value="itemReplyText"/>
|
|
|
|
</md-option>
|
|
|
|
</var:foreach>
|
|
|
|
</md-select>
|
|
|
|
</md-input-container>
|
|
|
|
</md-list-item>
|
|
|
|
<md-list-item ng-show="editor.component.reply == 4">
|
|
|
|
<md-icon><!-- space --></md-icon>
|
|
|
|
<md-autocomplete
|
|
|
|
class="md-flex"
|
|
|
|
md-input-name="delegatedTo"
|
|
|
|
md-search-text="editor.component.delegatedTo"
|
|
|
|
md-selected-item="editor.cardToAdd"
|
|
|
|
md-items="card in editor.cardFilter(editor.component.delegatedTo)"
|
|
|
|
md-item-text="card.$$email"
|
|
|
|
md-min-length="3"
|
|
|
|
md-no-cache="true"
|
|
|
|
label:md-floating-label="Delegated to">
|
|
|
|
<span class="md-contact-suggestion" layout="row" layout-align="space-between center">
|
|
|
|
<span class="md-contact-name"
|
|
|
|
md-highlight-text="editor.component.delegatedTo"
|
|
|
|
md-highlight-flags="^i">{{card.$$fullname}}</span> <span class="md-contact-email"
|
|
|
|
md-highlight-text="editor.component.delegatedTo"
|
|
|
|
md-highlight-flags="^i">{{card.$$email}}</span>
|
|
|
|
</span>
|
|
|
|
</md-autocomplete>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- reminder -->
|
|
|
|
<md-list-item ng-show="editor.component.userHasRSVP">
|
|
|
|
<md-checkbox ng-model="editor.component.$hasAlarm"
|
|
|
|
label:aria-label="Reminder"><!-- reminder --></md-checkbox>
|
|
|
|
<p><var:string label:value="Reminder"/></p>
|
|
|
|
</md-list-item>
|
|
|
|
</md-list>
|
|
|
|
<div class="sg-inset" ng-show="editor.component.userHasRSVP">
|
|
|
|
<span ng-show="editor.component.$hasAlarm"><var:component className="UIxReminderEditor" /></span>
|
|
|
|
</div>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-dialog-content>
|
2015-07-27 22:02:05 +02:00
|
|
|
<!-- actions -->
|
2015-08-05 22:44:25 +02:00
|
|
|
<div class="md-actions" ng-show="editor.component.isEditable()">
|
|
|
|
<md-button type="button" ng-click="editor.edit()">
|
2015-07-21 14:26:50 +02:00
|
|
|
<var:string label:value="Edit"/>
|
|
|
|
</md-button>
|
2015-08-05 22:44:25 +02:00
|
|
|
</div>
|
|
|
|
<div class="md-actions" ng-show="editor.component.isEditableOccurrence()">
|
|
|
|
<md-button type="button" ng-click="editor.editAllOccurrences()">
|
2015-07-27 22:02:05 +02:00
|
|
|
<var:string label:value="Edit All Occurrences"/>
|
|
|
|
</md-button>
|
2015-08-05 22:44:25 +02:00
|
|
|
<md-button type="button" ng-click="editor.edit()">
|
2015-07-27 22:02:05 +02:00
|
|
|
<var:string label:value="Edit This Occurrence"/>
|
|
|
|
</md-button>
|
|
|
|
</div>
|
2015-08-05 22:44:25 +02:00
|
|
|
<div class="md-actions" ng-show="editor.component.isInvitation()">
|
|
|
|
<md-button type="button" ng-click="editor.reply()">
|
|
|
|
<var:string label:value="Update"/>
|
|
|
|
</md-button>
|
|
|
|
</div>
|
|
|
|
<div class="md-actions" ng-show="editor.component.isInvitationOccurrence()">
|
|
|
|
<md-button type="button" ng-click="editor.replyAllOccurrences()">
|
|
|
|
<var:string label:value="Update All Occurrences"/>
|
|
|
|
</md-button>
|
|
|
|
<md-button type="button" ng-click="editor.reply()">
|
|
|
|
<var:string label:value="Update This Occurrence"/>
|
|
|
|
</md-button>
|
|
|
|
</div>
|
|
|
|
</md-dialog>
|
2015-07-21 14:26:50 +02:00
|
|
|
</container>
|