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">
|
2015-09-03 22:10:05 +02:00
|
|
|
<md-toolbar ng-class="editor.component.getClassName('bg')">
|
2015-07-21 14:26:50 +02:00
|
|
|
<div class="md-toolbar-tools">
|
|
|
|
<md-icon class="material-icons sg-icon-toolbar-bg">assignment_turned_in</md-icon>
|
2015-08-07 20:25:57 +02:00
|
|
|
<div class="sg-md-title md-flex">
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- classification -->
|
2015-08-07 17:22:24 +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-11-23 22:34:02 +01:00
|
|
|
{{::editor.component.summary}}
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- priority -->
|
2015-11-23 22:34:02 +01:00
|
|
|
<md-icon ng-repeat="i in ::editor.component.priority | range">star</md-icon>
|
2015-08-07 20:25:57 +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="sg-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>
|
|
|
|
</md-menu-content>
|
|
|
|
</md-menu>
|
2015-11-23 22:34:02 +01:00
|
|
|
<md-button class="sg-icon-button" ng-click="editor.close()">
|
2015-09-28 17:27:20 +02:00
|
|
|
<md-icon label:aria-label="Close">close</md-icon>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-button>
|
|
|
|
</div>
|
|
|
|
</md-toolbar>
|
|
|
|
<md-dialog-content>
|
|
|
|
<md-list>
|
|
|
|
<!-- categories -->
|
2015-08-07 17:22:24 +02:00
|
|
|
<md-list-item ng-show="editor.component.categories.length > 0">
|
2015-11-23 20:46:23 +01:00
|
|
|
<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>
|
2015-07-21 14:26:50 +02:00
|
|
|
<span>{{$chip}}</span>
|
|
|
|
</md-chip-template>
|
|
|
|
</md-chips>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- location -->
|
2015-08-07 17:22:24 +02:00
|
|
|
<md-list-item ng-show="editor.component.location">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>place</md-icon>
|
2015-11-23 20:46:23 +01: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-07 17:22:24 +02:00
|
|
|
<p>{{editor.component.calendar}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- start/due dates -->
|
2015-11-23 20:46:23 +01:00
|
|
|
<md-list-item ng-class="{ 'md-2-line': editor.component.isAllDay, 'md-3-line': !editor.component.isAllDay }"
|
|
|
|
ng-show="editor.component.startDate || editor.component.dueDate">
|
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>
|
2015-11-26 18:03:35 +01:00
|
|
|
<h3>{{::editor.component.localizedStartDate}}</h3>
|
|
|
|
<h3 ng-hide="editor.component.isAllDay"> {{::editor.component.localizedStartTime}}</h3>
|
|
|
|
</div>
|
|
|
|
<div class="md-list-item-text" ng-show="editor.component.dueDate">
|
2016-06-22 03:03:36 +02:00
|
|
|
<label class="pseudo-input-label"><var:string label:value="Due Date"/></label>
|
2015-11-26 18:03:35 +01:00
|
|
|
<h3>{{::editor.component.localizedDueDate}}</h3>
|
|
|
|
<h3 ng-hide="editor.component.isAllDay">{{::editor.component.localizedDueTime}}</h3>
|
2015-07-21 14:26:50 +02:00
|
|
|
</div>
|
|
|
|
</md-list-item>
|
|
|
|
<!-- status -->
|
2015-08-07 17:22:24 +02:00
|
|
|
<md-list-item ng-show="editor.component.status == 'completed'">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>check</md-icon>
|
2015-08-07 17:22:24 +02:00
|
|
|
<p>{{editor.component.localizedCompletedDate}} {{editor.component.localizedCompletedTime}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
2015-08-07 17:22:24 +02:00
|
|
|
<md-list-item ng-show="editor.component.enablePercentComplete()">
|
2017-05-19 18:13:01 +02:00
|
|
|
<md-icon>timelapse</md-icon>
|
2015-08-07 17:22:24 +02:00
|
|
|
<p>{{editor.component.percentComplete}} %</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
2017-05-19 18:13:01 +02:00
|
|
|
<md-list-item ng-show="editor.component.status == 'cancelled'">
|
|
|
|
<md-icon>close</md-icon>
|
|
|
|
<p><var:string label:value="status_CANCELLED"/></p>
|
|
|
|
</md-list-item>
|
|
|
|
<md-list-item ng-show="editor.component.status == 'needs-action'">
|
|
|
|
<md-icon>error_outline</md-icon>
|
|
|
|
<p><var:string label:value="status_NEEDS-ACTION"/></p>
|
|
|
|
</md-list-item>
|
2015-07-21 14:26:50 +02:00
|
|
|
<!-- attach urls -->
|
2015-11-12 18:29:10 +01:00
|
|
|
<md-list-item ng-repeat="url in ::editor.component.attachUrls">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>link</md-icon>
|
2016-12-20 16:44:43 +01:00
|
|
|
<p><a ng-href="{{url.value}}" target="_new">{{url.value}}</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"></p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- repeat -->
|
2015-11-23 20:46:23 +01:00
|
|
|
<md-list-item ng-show="editor.component.$isRecurrent">
|
2015-07-21 14:26:50 +02:00
|
|
|
<md-icon>repeat</md-icon>
|
2015-11-12 18:29:10 +01:00
|
|
|
<p>{{editor.component.repeatDescription()}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
<!-- reminder -->
|
2015-08-07 17:22:24 +02:00
|
|
|
<md-list-item ng-show="editor.component.$hasAlarm">
|
2015-11-12 18:29:10 +01:00
|
|
|
<md-icon>alarm_on</md-icon>
|
|
|
|
<p>{{editor.component.alarmDescription()}}</p>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-list-item>
|
|
|
|
</md-list>
|
|
|
|
</md-dialog-content>
|
2016-10-24 22:31:59 +02:00
|
|
|
|
|
|
|
<!-- actions -->
|
|
|
|
|
|
|
|
<!-- editable but not recurrent -->
|
2015-11-23 22:34:02 +01:00
|
|
|
<md-dialog-actions ng-show="editor.component.isEditable()">
|
|
|
|
<md-button class="md-warn" label:aria-label="Delete Task"
|
|
|
|
ng-click="editor.deleteAllOccurrences()">
|
|
|
|
<var:string label:value="Delete"/>
|
|
|
|
</md-button>
|
2016-10-24 22:31:59 +02:00
|
|
|
<div class="md-flex"><!-- spacer --></div>
|
|
|
|
<md-button ng-click="editor.edit()">
|
|
|
|
<var:string label:value="Edit"/>
|
|
|
|
</md-button>
|
|
|
|
</md-dialog-actions>
|
|
|
|
<!-- editable and recurrent -->
|
|
|
|
<md-dialog-actions ng-show="editor.component.isEditableOccurrence()">
|
|
|
|
<md-menu>
|
|
|
|
<md-button class="md-warn"
|
|
|
|
label:aria-label="Delete Task"
|
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-10-24 22:31:59 +02: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>
|
|
|
|
<md-button class="md-warn"
|
2016-10-24 22:31:59 +02:00
|
|
|
label:aria-label="Delete This Occurrence"
|
2015-11-23 22:34:02 +01:00
|
|
|
ng-click="editor.deleteOccurrence()">
|
2016-10-24 22:31:59 +02:00
|
|
|
<md-icon>repeat_one</md-icon> <var:string label:value="Delete This Occurrence"/>
|
2015-11-23 22:34:02 +01:00
|
|
|
</md-button>
|
|
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
|
|
<md-button class="md-warn"
|
2016-10-24 22:31:59 +02:00
|
|
|
label:aria-label="Delete All Occurrences"
|
2015-11-23 22:34:02 +01:00
|
|
|
ng-click="editor.deleteAllOccurrences()">
|
2016-10-24 22:31:59 +02:00
|
|
|
<md-icon>repeat</md-icon> <var:string label:value="Delete All Occurrences"/>
|
2015-11-23 22:34:02 +01:00
|
|
|
</md-button>
|
|
|
|
</md-menu-item>
|
|
|
|
</md-menu-content>
|
|
|
|
</md-menu>
|
|
|
|
<div class="md-flex"><!-- spacer --></div>
|
2016-10-24 22:31:59 +02:00
|
|
|
<md-menu>
|
|
|
|
<md-button label:aria-label="Edit"
|
2016-11-01 20:54:56 +01:00
|
|
|
ng-click="$mdMenu.open()"
|
2016-10-24 22:31:59 +02: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>
|
|
|
|
<md-button type="button" label:aria-label="Edit This Occurrence"
|
|
|
|
ng-click="editor.edit()">
|
|
|
|
<md-icon>repeat_one</md-icon> <var:string label:value="Edit This Occurrence"/>
|
|
|
|
</md-button>
|
|
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
|
|
<md-button type="button" label:aria-label="Edit All Occurrences"
|
|
|
|
ng-click="editor.editAllOccurrences()">
|
|
|
|
<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>
|
2015-07-21 14:26:50 +02:00
|
|
|
</md-dialog>
|
|
|
|
</container>
|