d72188e2da
- normalized toolbars in message viewer, contact viewer and contact editor; - lower width of sidenav on medium screens; - reworked display of message headers
104 lines
4.2 KiB
XML
104 lines
4.2 KiB
XML
<?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">
|
|
<md-dialog flex="40" flex-md="60" flex-sm="100">
|
|
<md-toolbar ng-class="editor.component.getClassName('bg')">
|
|
<div class="md-toolbar-tools">
|
|
<md-icon class="material-icons sg-icon-toolbar-bg">assignment_turned_in</md-icon>
|
|
<div class="sg-md-title md-flex">
|
|
<!-- classification -->
|
|
<md-icon ng-if="editor.component.classification == 'confidential'">visibility_off</md-icon>
|
|
<md-icon ng-if="editor.component.classification == 'private'">vpn_key</md-icon>
|
|
<!-- summary -->
|
|
{{editor.component.summary}}
|
|
<!-- priority -->
|
|
<md-icon ng-repeat="i in editor.component.priority | range">star</md-icon>
|
|
</div>
|
|
<md-button class="md-icon-button" ng-click="editor.close()">
|
|
<md-icon aria-label="Close dialog">close</md-icon>
|
|
</md-button>
|
|
</div>
|
|
</md-toolbar>
|
|
<md-dialog-content>
|
|
<md-list>
|
|
<!-- categories -->
|
|
<md-list-item ng-show="editor.component.categories.length > 0">
|
|
<md-chips class="sg-readonly" ng-model="editor.component.categories" readonly="true">
|
|
<md-chip-template>
|
|
<span>{{$chip}}</span>
|
|
</md-chip-template>
|
|
</md-chips>
|
|
</md-list-item>
|
|
<!-- location -->
|
|
<md-list-item ng-show="editor.component.location">
|
|
<md-icon>place</md-icon>
|
|
<p>{{editor.component.location}}</p>
|
|
</md-list-item>
|
|
<!-- calendar -->
|
|
<md-list-item>
|
|
<md-icon>event</md-icon>
|
|
<p>{{editor.component.calendar}}</p>
|
|
</md-list-item>
|
|
<!-- start/due dates -->
|
|
<md-list-item class="md-2-line">
|
|
<md-icon>access_time</md-icon>
|
|
<div layout="row" class="md-flex">
|
|
<div class="md-list-item-text" ng-show="editor.component.startDate">
|
|
<p><var:string label:value="Start"/></p>
|
|
<h3>
|
|
{{editor.component.localizedStartDate}}
|
|
<span ng-hide="editor.component.isAllDay"> {{editor.component.localizedStartTime}}</span>
|
|
</h3>
|
|
</div>
|
|
<div class="md-list-item-text" ng-show="editor.component.dueDate">
|
|
<p><var:string label:value="Due Date"/></p>
|
|
<h3>
|
|
{{editor.component.localizedDueDate}}
|
|
<span ng-hide="editor.component.isAllDay">{{editor.component.localizedDueTime}}</span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</md-list-item>
|
|
<!-- status -->
|
|
<md-list-item ng-show="editor.component.status == 'completed'">
|
|
<md-icon>check</md-icon>
|
|
<p>{{editor.component.localizedCompletedDate}} {{editor.component.localizedCompletedTime}}</p>
|
|
</md-list-item>
|
|
<md-list-item ng-show="editor.component.enablePercentComplete()">
|
|
<md-icon>call_made</md-icon>
|
|
<p>{{editor.component.percentComplete}} %</p>
|
|
</md-list-item>
|
|
<!-- attach urls -->
|
|
<md-list-item ng-repeat="url in editor.component.attachUrls">
|
|
<md-icon>link</md-icon>
|
|
<p><a ng-href="url.value">{{url.value}}</a></p>
|
|
</md-list-item>
|
|
<!-- comment -->
|
|
<md-list-item ng-show="editor.component.comment">
|
|
<md-icon>mode_comment</md-icon>
|
|
<p>{{editor.component.comment}}</p>
|
|
</md-list-item>
|
|
<!-- repeat -->
|
|
<md-list-item ng-show="editor.component.repeat">
|
|
<md-icon>repeat</md-icon>
|
|
<p><!-- editor.component.repeat.toString() --></p>
|
|
</md-list-item>
|
|
<!-- reminder -->
|
|
<md-list-item ng-show="editor.component.$hasAlarm">
|
|
<md-icon>alarm</md-icon>
|
|
<p><!-- editor.component.alarm.toString() --></p>
|
|
</md-list-item>
|
|
</md-list>
|
|
</md-dialog-content>
|
|
<!-- edit -->
|
|
<div class="md-actions" ng-show="editor.component.isEditable()">
|
|
<md-button ng-click="editor.edit()">
|
|
<var:string label:value="Edit"/>
|
|
</md-button>
|
|
</div>
|
|
</md-dialog>
|
|
</container>
|