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">
2016-08-05 22:18:40 +02:00
<md-dialog flex="40" flex-md="60" flex-sm="80" flex-xs="100">
2019-07-08 19:04:15 +02:00
<md-toolbar>
2015-09-28 17:27:20 +02:00
<div class="md-toolbar-tools">
<md-icon class="material-icons sg-icon-toolbar-bg">event</md-icon>
2020-11-04 22:15:13 +01:00
<div class="sg-md-title md-flex sg-no-transition">
2015-09-28 17:27:20 +02:00
<!-- classification -->
2020-11-04 22:15:13 +01: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-09-28 17:27:20 +02:00
<!-- priority -->
2017-06-22 17:55:53 +02:00
<md-icon ng-if="::editor.highPriority()">priority_high</md-icon>
<!-- summary -->
<span ng-bind="::editor.component.summary"><!-- summary --></span>
2015-07-21 14:26:50 +02:00
</div>
2015-10-02 22:49:08 +02:00
<md-menu>
2016-11-01 20:54:56 +01:00
<md-button label:aria-label="More options" class="md-icon-button" ng-click="$mdMenu.open($event)">
2015-10-02 22:49:08 +02:00
<md-icon>more_vert</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
<md-button label:aria-label="View Raw Source"
2015-12-04 21:00:58 +01:00
ng-click="editor.toggleRawSource($event)">
2015-10-02 22:49:08 +02:00
<var:string label:value="View Raw Source"/>
</md-button>
</md-menu-item>
2016-03-24 19:53:27 +01:00
<md-menu-item>
<md-menu>
2016-11-01 20:54:56 +01:00
<md-button label:aria-label="Copy To" ng-click="$mdMenu.open($event)">
2016-03-24 19:53:27 +01:00
<var:string label:value="Copy To"/>
</md-button>
<md-menu-content width="4">
<div ng-repeat="calendar in editor.calendarService.$findAll(null, true) track by calendar.id">
<md-menu-item>
<md-button class="sg-no-wrap"
ng-click="editor.copySelectedComponent(calendar.id)">
2019-07-08 19:04:15 +02:00
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-style="::{ 'background-color': calendar.color }"><!-- color --></div>
<div ng-bind="::calendar.name"><!-- calendar --></div>
</div>
2016-03-24 19:53:27 +01:00
</md-button>
</md-menu-item>
</div>
</md-menu-content>
</md-menu>
</md-menu-item>
2020-01-17 17:34:37 +01:00
<md-menu-item ng-show="editor.component.isMovable()">
2016-03-24 19:53:27 +01:00
<md-menu>
2016-11-01 20:54:56 +01:00
<md-button label:aria-label="Move To" ng-click="$mdMenu.open($event)">
2016-03-24 19:53:27 +01:00
<var:string label:value="Move To"/>
</md-button>
<md-menu-content width="4">
<div ng-repeat="calendar in editor.calendarService.$findAll(null, true) track by calendar.id">
<md-menu-item>
<md-button class="sg-no-wrap"
ng-disabled="editor.component.destinationCalendar == calendar.id"
ng-click="editor.moveSelectedComponent(calendar.id)">
2019-07-08 19:04:15 +02:00
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-style="::{ 'background-color': calendar.color }"><!-- color --></div>
<div ng-bind="::calendar.name"><!-- calendar --></div>
</div>
2016-03-24 19:53:27 +01:00
</md-button>
</md-menu-item>
</div>
</md-menu-content>
</md-menu>
</md-menu-item>
2015-10-02 22:49:08 +02:00
</md-menu-content>
</md-menu>
2016-06-01 03:56:10 +02:00
<md-button class="md-icon-button"
ng-show="editor.component.attendees.length > 0"
ng-click="editor.newMessageWithAllRecipients($event)">
<md-icon label:aria-label="Email Attendees">mail</md-icon>
</md-button>
2015-09-28 17:27:20 +02:00
<md-button class="md-icon-button" ng-click="editor.close()">
<md-icon label:aria-label="Close">close</md-icon>
</md-button>
</div>
</md-toolbar>
<md-dialog-content>
2015-07-21 14:26:50 +02:00
<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>
2016-03-01 20:30:36 +01:00
<span class="sg-chip-color" style="z-index: 1">
<span ng-style="{ 'background-color': editor.service.$categories[$chip] }"><!-- color --></span>
</span>
2017-06-22 17:55:53 +02:00
<span ng-bind="::$chip"><!-- category --></span>
2015-07-21 14:26:50 +02:00
</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>
2017-06-22 17:55:53 +02:00
<p ng-bind="::editor.component.location"><!-- location --></p>
2015-07-21 14:26:50 +02:00
</md-list-item>
<!-- calendar -->
<md-list-item>
<md-icon>event</md-icon>
2019-07-08 19:04:15 +02:00
<div layout="row" layout-align="start center">
<div class="sg-color-chip"
ng-class="::editor.component.getClassName('bg')"><!-- color --></div>
<div ng-bind="::editor.component.calendar"><!-- calendar --></div>
</div>
2015-07-21 14:26:50 +02:00
</md-list-item>
2020-11-04 22:15:13 +01:00
<!-- classification -->
<md-list-item>
<md-icon>visibility</md-icon>
<md-radio-group layout="row"
ng-model="editor.component.classification">
<md-radio-button class="sg-padded--right" value="public">
<var:string label:value="label_Public"/>
</md-radio-button>
<md-radio-button class="sg-padded--right" value="confidential">
<var:string label:value="label_Confidential"/>
</md-radio-button>
<md-radio-button value="private">
<var:string label:value="label_Private"/>
</md-radio-button>
</md-radio-group>
</md-list-item>
2015-07-21 14:26:50 +02:00
<!-- 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>
2015-11-26 18:03:35 +01:00
<div class="md-list-item-text" ng-show="editor.component.startDate">
2016-06-22 03:03:36 +02:00
<label class="pseudo-input-label"><var:string label:value="Start"/></label>
2018-01-17 18:43:06 +01:00
<div ng-bind="::editor.component.localizedStartDate"><!-- start date --></div>
<div ng-hide="::editor.component.isAllDay" ng-bind="::editor.component.localizedStartTime"><!-- start time --></div>
2015-11-26 18:03:35 +01:00
</div>
<div class="md-list-item-text" ng-show="editor.component.endDate">
2016-06-22 03:03:36 +02:00
<label class="pseudo-input-label"><var:string label:value="End"/></label>
2018-01-17 18:43:06 +01:00
<div ng-bind="::editor.component.localizedEndDate"><!-- end date --></div>
<div ng-hide="::editor.component.isAllDay" ng-bind="::editor.component.localizedEndTime"><!-- end time --></div>
2015-07-21 14:26:50 +02:00
</div>
</md-list-item>
<!-- is transparent -->
2017-06-22 17:55:53 +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 -->
2017-06-22 17:55:53 +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 -->
2017-06-22 17:55:53 +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>
2019-06-10 19:19:46 +02:00
<p ng-repeat="url in ::editor.component.attachUrls"><a rel="noopener" target="_new" ng-href="{{::url.value}}" ng-bind="::url.value"><!-- link --></a></p>
2015-07-21 14:26:50 +02:00
</md-list-item>
<!-- comment -->
2017-06-14 23:03:31 +02:00
<md-list-item ng-show="::editor.component.comment">
2015-07-21 14:26:50 +02:00
<md-icon>mode_comment</md-icon>
2017-06-14 23:03:31 +02:00
<p ng-bind-html="::editor.component.comment | txt2html"><!-- comment --></p>
2015-07-21 14:26:50 +02:00
</md-list-item>
<!-- repeat -->
2017-06-22 17:55:53 +02:00
<md-list-item ng-show="::editor.component.$isRecurrent">
2015-07-21 14:26:50 +02:00
<md-icon>repeat</md-icon>
2017-06-22 17:55:53 +02:00
<p ng-bind="::editor.component.repeatDescription()"><!-- repeat --></p>
2015-07-21 14:26:50 +02:00
</md-list-item>
<!-- reminder -->
2017-06-22 17:55:53 +02:00
<md-list-item ng-hide="::(!editor.component.$hasAlarm || editor.component.userHasRSVP)">
2015-08-05 22:44:25 +02:00
<md-icon>alarm_on</md-icon>
2017-06-22 17:55:53 +02:00
<p ng-bind="::editor.component.alarmDescription()"><!-- alarm --></p>
2015-07-21 14:26:50 +02:00
</md-list-item>
2017-06-22 17:55:53 +02:00
<md-list-item layout-align="start start" ng-show="::editor.component.organizer">
2015-08-05 22:44:25 +02:00
<md-icon>people</md-icon>
<div layout="column" layout-fill="layout-fill">
<!-- organizer -->
2017-06-22 17:55:53 +02:00
<div class="pseudo-input-container" ng-show="::editor.component.organizer">
2015-08-05 22:44:25 +02:00
<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>
2015-09-04 15:09:43 +02:00
<div class="md-contact-avatar">
2019-02-18 20:59:07 +01:00
<sg-avatar-image sg-email="$chip.email" size="26">person</sg-avatar-image>
2015-09-04 15:09:43 +02:00
</div>
2016-06-01 03:56:10 +02:00
<div class="md-contact-name">
<a href="#"
label:aria-label="Email Organizer"
ng-click="editor.newMessageWithRecipient($event, $chip.name, $chip.email)">{{$chip.name}}</a>
</div>
2015-08-05 22:44:25 +02:00
</md-chip-template>
</md-chips>
</div>
<!-- attendees -->
2017-06-22 17:55:53 +02:00
<div class="pseudo-input-container" ng-show="::(editor.component.attendees.length > 0)">
2015-08-05 22:44:25 +02:00
<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 -->
2016-08-31 17:19:36 +02:00
<md-chips class="md-contact-chips sg-readonly sg-with-secondary"
2015-08-05 22:44:25 +02:00
ng-model="::editor.component.attendees"
readonly="true">
<md-chip-template>
2015-09-04 15:09:43 +02:00
<div class="md-contact-avatar">
2019-02-18 20:59:07 +01:00
<sg-avatar-image sg-email="$chip.email" size="26">person</sg-avatar-image>
2015-09-04 15:09:43 +02:00
</div>
2016-06-01 03:56:10 +02:00
<div class="md-contact-name">
<a href="#"
ng-click="editor.newMessageWithRecipient($event, $chip.name, $chip.email)">{{$chip.name}}</a>
</div>
2016-08-31 17:19:36 +02:00
<md-icon class="sg-secondary" ng-class="'icon-' + $chip.partstat"><!-- partstat --></md-icon>
2015-08-05 22:44:25 +02:00
</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 -->
2017-06-22 17:55:53 +02:00
<md-list ng-show="::editor.component.userHasRSVP">
2015-10-02 17:15:26 +02:00
<md-divider><!-- divider --></md-divider>
2015-08-05 22:44:25 +02:00
<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>
2015-12-18 17:41:48 +01:00
<md-input-container>
2016-08-30 23:49:17 +02:00
<md-select label:aria-label="Reply" ng-model="editor.component.reply">
2015-08-05 22:44:25 +02:00
<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"
2015-08-07 17:22:24 +02:00
md-selected-item="cardToAdd"
2015-08-05 22:44:25 +02:00
md-items="card in editor.cardFilter(editor.component.delegatedTo)"
md-item-text="card.$$email"
2019-09-18 20:02:21 +02:00
var:md-min-length="minimumSearchLength"
2015-08-05 22:44:25 +02:00
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 -->
2017-06-22 17:55:53 +02:00
<md-list-item ng-show="::editor.component.userHasRSVP">
2016-08-30 23:49:17 +02:00
<md-icon>alarm</md-icon>
<p>
<md-checkbox style="margin-bottom: 0"
ng-model="editor.component.$hasAlarm"
label:aria-label="Reminder"><var:string label:value="Reminder"/></md-checkbox>
</p>
2015-08-05 22:44:25 +02:00
</md-list-item>
</md-list>
2017-06-22 17:55:53 +02:00
<div class="sg-inset" ng-show="::editor.component.userHasRSVP">
2015-08-05 22:44:25 +02:00
<span ng-show="editor.component.$hasAlarm"><var:component className="UIxReminderEditor" /></span>
</div>
2015-07-21 14:26:50 +02:00
</md-dialog-content>
2015-11-23 22:34:02 +01:00
2015-07-27 22:02:05 +02:00
<!-- actions -->
2015-11-23 22:34:02 +01:00
<!-- editable but not recurrent -->
2017-06-22 17:55:53 +02:00
<md-dialog-actions ng-show="::editor.component.isEditable()">
2015-11-23 22:34:02 +01:00
<md-button class="md-warn"
label:aria-label="Delete Event"
ng-click="editor.deleteAllOccurrences()">
<var:string label:value="Delete"/>
</md-button>
<div class="md-flex"><!-- spacer --></div>
2015-08-05 22:44:25 +02:00
<md-button type="button" ng-click="editor.edit()">
2015-07-21 14:26:50 +02:00
<var:string label:value="Edit"/>
</md-button>
2015-11-23 22:34:02 +01:00
</md-dialog-actions>
<!-- editable and recurrent -->
2017-06-22 17:55:53 +02:00
<md-dialog-actions ng-show="::editor.component.isEditableOccurrence()">
2015-11-23 22:34:02 +01:00
<md-menu>
<md-button class="md-warn"
label:aria-label="Delete Event"
2016-11-01 20:54:56 +01:00
ng-click="$mdMenu.open()"
2015-11-23 22:34:02 +01:00
md-menu-origin="md-menu-origin">
<var:string label:value="Delete"/> <md-icon>arrow_drop_down</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
2016-02-16 16:38:38 +01:00
<md-button class="md-warn"
2016-08-30 23:49:17 +02:00
label:aria-label="Delete This Occurrence"
2016-02-16 16:38:38 +01:00
ng-click="editor.deleteOccurrence()">
<md-icon>repeat_one</md-icon> <var:string label:value="Delete This Occurrence"/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button class="md-warn"
2016-08-30 23:49:17 +02:00
label:aria-label="Delete All Occurrences"
2016-02-16 16:38:38 +01:00
ng-click="editor.deleteAllOccurrences()">
<md-icon>repeat</md-icon> <var:string label:value="Delete All Occurrences"/>
</md-button>
</md-menu-item>
2015-11-23 22:34:02 +01:00
</md-menu-content>
</md-menu>
<div class="md-flex"><!-- spacer --></div>
2016-02-16 16:38:38 +01:00
<md-menu>
<md-button label:aria-label="Edit"
2016-11-01 20:54:56 +01:00
ng-click="$mdMenu.open()"
2016-02-16 16:38:38 +01:00
md-menu-origin="md-menu-origin">
<var:string label:value="Edit"/> <md-icon>arrow_drop_down</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
2016-08-30 23:49:17 +02:00
<md-button type="button" label:aria-label="Edit This Occurrence"
ng-click="editor.edit()">
2016-02-16 16:38:38 +01:00
<md-icon>repeat_one</md-icon> <var:string label:value="Edit This Occurrence"/>
</md-button>
</md-menu-item>
<md-menu-item>
2016-08-30 23:49:17 +02:00
<md-button type="button" label:aria-label="Edit All Occurrences"
ng-click="editor.editAllOccurrences()">
2016-02-16 16:38:38 +01:00
<md-icon>repeat</md-icon> <var:string label:value="Edit All Occurrences"/>
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
2015-11-23 22:34:02 +01:00
</md-dialog-actions>
<!-- invitation but not recurrent -->
2017-06-22 17:55:53 +02:00
<md-dialog-actions ng-show="::editor.component.isInvitation()">
2015-11-23 22:34:02 +01:00
<md-button class="md-warn"
label:aria-label="Delete Event"
ng-click="editor.deleteAllOccurrences()">
<var:string label:value="Delete"/>
</md-button>
<div class="md-flex"><!-- spacer --></div>
2016-08-30 23:49:17 +02:00
<md-button type="button"
label:aria-label="Update"
ng-click="editor.reply()">
2015-08-05 22:44:25 +02:00
<var:string label:value="Update"/>
</md-button>
2015-11-23 22:34:02 +01:00
</md-dialog-actions>
<!-- invitation and recurrent -->
2017-06-22 17:55:53 +02:00
<md-dialog-actions ng-show="::editor.component.isInvitationOccurrence()">
2015-11-23 22:34:02 +01:00
<md-menu>
<md-button class="md-warn"
label:aria-label="Delete Event"
2016-11-01 20:54:56 +01:00
ng-click="$mdMenu.open()"
2015-11-23 22:34:02 +01:00
md-menu-origin="md-menu-origin">
2016-02-16 16:38:38 +01:00
<var:string label:value="Delete"/> <md-icon>arrow_drop_down</md-icon>
2015-11-23 22:34:02 +01:00
</md-button>
<md-menu-content>
<md-menu-item>
2016-02-16 16:38:38 +01:00
<md-button class="md-warn"
2016-08-30 23:49:17 +02:00
label:aria-label="Delete This Occurrence"
2016-02-16 16:38:38 +01:00
ng-click="editor.deleteOccurrence()">
<md-icon>repeat_one</md-icon> <var:string label:value="Delete This Occurrence"/>
</md-button>
</md-menu-item>
<md-menu-item>
<md-button class="md-warn"
2016-08-30 23:49:17 +02:00
label:aria-label="Delete All Occurrences"
2016-02-16 16:38:38 +01:00
ng-click="editor.deleteAllOccurrences()">
<md-icon>repeat</md-icon> <var:string label:value="Delete All Occurrences"/>
</md-button>
</md-menu-item>
2015-11-23 22:34:02 +01:00
</md-menu-content>
</md-menu>
<div class="md-flex"><!-- spacer --></div>
2016-02-16 16:38:38 +01:00
<md-menu>
2016-01-18 22:12:54 +01:00
<md-button label:aria-label="Update"
2016-11-01 20:54:56 +01:00
ng-click="$mdMenu.open()"
2016-01-18 22:12:54 +01:00
md-menu-origin="md-menu-origin">
2016-02-16 16:38:38 +01:00
<var:string label:value="Update"/> <md-icon>arrow_drop_down</md-icon>
2016-01-18 22:12:54 +01:00
</md-button>
<md-menu-content>
2016-02-16 16:38:38 +01:00
<md-menu-item>
2016-08-30 23:49:17 +02:00
<md-button type="button"
label:aria-label="Update This Occurrence"
ng-click="editor.reply()">
2016-02-16 16:38:38 +01:00
<md-icon>repeat_one</md-icon> <var:string label:value="Update This Occurrence"/>
</md-button>
</md-menu-item>
2016-01-18 22:12:54 +01:00
<md-menu-item>
2016-08-30 23:49:17 +02:00
<md-button type="button"
label:arial-label="Update All Occurrences"
ng-click="editor.replyAllOccurrences()">
2016-02-16 16:38:38 +01:00
<md-icon>repeat</md-icon> <var:string label:value="Update All Occurrences"/>
2016-01-18 22:12:54 +01:00
</md-button>
2016-02-16 16:38:38 +01:00
</md-menu-item>
2016-01-18 22:12:54 +01:00
</md-menu-content>
</md-menu>
2015-11-23 22:34:02 +01:00
</md-dialog-actions>
2015-08-05 22:44:25 +02:00
</md-dialog>
2015-07-21 14:26:50 +02:00
</container>