2014-12-17 20:58:20 +01:00
|
|
|
<?xml version='1.0' standalone='yes'?>
|
|
|
|
<container
|
2015-02-26 17:27:36 +01:00
|
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
|
|
xmlns:var="http://www.skyrix.com/od/binding"
|
|
|
|
xmlns:const="http://www.skyrix.com/od/constant"
|
2015-09-03 22:10:05 +02:00
|
|
|
xmlns:label="OGo:label">
|
2015-08-05 02:32:43 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="sg-reversible" ng-class="{ 'sg-flip': editor.showRawSource }">
|
2016-03-08 19:20:34 +01:00
|
|
|
<div class="sg-face" layout="column" layout-fill="layout-fill">
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-card>
|
2016-03-08 19:20:34 +01:00
|
|
|
<md-card-actions flex-none="flex-none" layout="row" layout-align="end center">
|
2016-11-10 22:03:00 +01:00
|
|
|
<md-button ng-click="toggleCenter()"
|
|
|
|
class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
|
|
|
|
aria-hidden="true">
|
|
|
|
<md-icon class="icon-fullscreen"
|
|
|
|
ng-class="{ 'icon-fullscreen-exit': centerIsClose }"><!-- fullscreen --></md-icon>
|
|
|
|
</md-button>
|
2016-05-27 22:09:43 +02:00
|
|
|
<md-button class="sg-icon-button hide-gt-xs"
|
2015-12-04 21:00:58 +01:00
|
|
|
label:aria-label="Close"
|
|
|
|
ng-click="editor.close()">
|
|
|
|
<md-icon>close</md-icon>
|
2015-08-05 02:32:43 +02:00
|
|
|
</md-button>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="md-flex"><!-- spacer --></div>
|
|
|
|
<md-button type="button" class="sg-icon-button"
|
|
|
|
label:aria-label="Edit"
|
|
|
|
ng-show="editor.currentFolder.acls.objectEditor"
|
|
|
|
ui-sref="app.addressbook.card.editor({addressbookId: editor.currentFolder.id, cardId: editor.card.id})">
|
|
|
|
<md-tooltip><var:string label:value="Edit"/></md-tooltip>
|
|
|
|
<md-icon>mode_edit</md-icon>
|
|
|
|
</md-button>
|
|
|
|
<md-button class="sg-icon-button"
|
|
|
|
label:aria-label="Delete"
|
|
|
|
ng-show="editor.currentFolder.acls.objectEraser"
|
2016-09-30 18:24:47 +02:00
|
|
|
ng-click="editor.confirmDelete()">
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-tooltip><var:string label:value="Delete"/></md-tooltip>
|
|
|
|
<md-icon>delete</md-icon>
|
|
|
|
</md-button>
|
2016-01-20 20:02:49 +01:00
|
|
|
<md-menu ng-hide="editor.currentFolder.isRemote">
|
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-12-04 21:00:58 +01:00
|
|
|
<md-icon>more_vert</md-icon>
|
|
|
|
</md-button>
|
|
|
|
<md-menu-content>
|
|
|
|
<md-menu-item>
|
|
|
|
<md-button label:aria-label="Export"
|
2016-05-04 20:15:18 +02:00
|
|
|
ng-click="editor.card.export()">
|
2015-12-04 21:00:58 +01:00
|
|
|
<var:string label:value="Export"/>
|
|
|
|
</md-button>
|
|
|
|
</md-menu-item>
|
|
|
|
<md-menu-item>
|
|
|
|
<md-button label:aria-label="View Raw Source"
|
|
|
|
ng-click="editor.toggleRawSource($event)">
|
|
|
|
<var:string label:value="View Raw Source"/>
|
|
|
|
</md-button>
|
|
|
|
</md-menu-item>
|
|
|
|
</md-menu-content>
|
|
|
|
</md-menu>
|
|
|
|
</md-card-actions>
|
|
|
|
<md-card-content>
|
|
|
|
<header class="msg-header">
|
2016-11-11 22:46:55 +01:00
|
|
|
<sg-avatar-image class="md-avatar md-tile-left"
|
|
|
|
sg-email="editor.card.$preferredEmail()"
|
|
|
|
sg-src="editor.card.photoURL"
|
|
|
|
size="40">{{ editor.card.$avatarIcon }}</sg-avatar-image>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="msg-header-content">
|
2016-05-25 17:33:25 +02:00
|
|
|
<h1 class="sg-md-display-2--thin" ng-bind-html="editor.card.$fullname({html: true})"><!-- fullname --></h1>
|
2015-12-04 21:00:58 +01:00
|
|
|
<h6 class="sg-md-display-2-subheader--thin">{{editor.card.$description()}}</h6>
|
|
|
|
<md-chips ng-model="editor.card.categories"
|
|
|
|
class="sg-readonly" readonly="true">
|
|
|
|
<md-chip-template>
|
|
|
|
{{$chip.value}}
|
|
|
|
</md-chip-template>
|
|
|
|
</md-chips>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section class="msg-body">
|
2015-09-03 22:10:05 +02:00
|
|
|
|
2016-02-05 22:39:33 +01:00
|
|
|
<div class="pseudo-input-container" ng-show="editor.card.birthday">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label"><var:string label:value="Birthday"/></label>
|
2015-09-03 22:10:05 +02:00
|
|
|
<div class="pseudo-input-field">
|
2016-02-05 22:39:33 +01:00
|
|
|
<span>{{editor.card.$birthday}}</span>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2015-12-04 21:00:58 +01:00
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<!-- list members -->
|
|
|
|
<div class="section" ng-show="editor.card.refs.length > 0">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label"><var:string label:value="Members"/></label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-list>
|
2015-12-22 03:18:25 +01:00
|
|
|
<md-list-item class="md-2-line" ng-repeat="ref in editor.card.refs track by ref.reference">
|
2015-12-04 21:00:58 +01:00
|
|
|
<sg-avatar-image class="md-tile-left"
|
|
|
|
sg-email="ref.$preferredEmail()"
|
2016-11-11 22:46:55 +01:00
|
|
|
size="48">person</sg-avatar-image>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="md-list-item-text">
|
|
|
|
<h3>
|
2016-08-30 19:01:07 +02:00
|
|
|
<a ui-sref="app.addressbook.card.view({cardId: ref.reference})">{{ ref.$fullname() }}</a>
|
2015-12-04 21:00:58 +01:00
|
|
|
</h3>
|
2016-02-19 22:47:18 +01:00
|
|
|
<h4 ng-show="ref.$preferredEmail()">
|
|
|
|
<a href="#" ng-bind="ref.$preferredEmail()"
|
|
|
|
ng-click="addressbook.newMessageWithRecipient($event, ref.$preferredEmail(), ref.$fullname())"><!-- contact email --></a>
|
2015-12-04 21:00:58 +01:00
|
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
</md-list-item>
|
|
|
|
</md-list>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="section" ng-show="editor.card.emails.length > 0">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="email in editor.card.emails">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label"><var:entity const:name="nbsp"/>{{email.type}}</label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="pseudo-input-field">
|
|
|
|
<a href="#" ng-bind="email.value"
|
|
|
|
ng-click="addressbook.newMessageWithRecipient($event, email.value, editor.card.$fullname())"><!-- recipient --></a>
|
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2015-12-04 21:00:58 +01:00
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="section" ng-show="editor.card.c_screenname">
|
|
|
|
<div class="pseudo-input-container">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label"><var:string label:value="Screen Name"/></label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="pseudo-input-field">{{editor.card.c_screenname}}</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2015-12-04 21:00:58 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="section" ng-show="editor.card.phones.length > 0">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="phone in editor.card.phones">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label">{{phone.type}}</label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="pseudo-input-field">
|
|
|
|
<a href="tel:{{phone.value}}">{{phone.value}}</a>
|
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2015-12-04 21:00:58 +01:00
|
|
|
</div>
|
2016-06-14 22:11:12 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="section" ng-show="editor.card.urls">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="url in editor.card.urls">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label"><var:entity const:name="nbsp"/>{{url.type}}</label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="pseudo-input-field">
|
|
|
|
<a href="#" target="_new" ng-href="{{url.value}}">{{url.value}}</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-06-14 22:11:12 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="section" ng-show="editor.card.addresses">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="address in editor.card.addresses">
|
2016-06-14 22:11:12 +02:00
|
|
|
<label class="pseudo-input-label">{{address.type}}</label>
|
2015-12-04 21:00:58 +01:00
|
|
|
<div class="pseudo-input-field">
|
|
|
|
<div sg-address="address"><!-- address --></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2016-06-14 22:11:12 +02:00
|
|
|
|
2016-10-21 00:28:58 +02:00
|
|
|
<div class="section" ng-show="editor.card.notes[0].value.length">
|
2016-08-01 21:55:50 +02:00
|
|
|
<div class="pseudo-input-container" ng-repeat="note in editor.card.notes">
|
|
|
|
<label class="pseudo-input-label"><var:string label:value="Note"/></label>
|
|
|
|
<div class="pseudo-input-field">
|
2016-10-21 00:28:58 +02:00
|
|
|
<div ng-bind-html="note.value | ln2br"><!-- note --></div>
|
2016-08-01 21:55:50 +02:00
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2016-06-14 22:11:12 +02:00
|
|
|
|
2015-12-04 21:00:58 +01:00
|
|
|
</section>
|
|
|
|
</md-card-content>
|
|
|
|
</md-card>
|
|
|
|
</div>
|
2016-03-08 19:20:34 +01:00
|
|
|
<div class="sg-back" layout="column" layout-fill="layout-fill">
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-card>
|
2016-03-08 19:20:34 +01:00
|
|
|
<md-card-actions flex-none="flex-none" layout="row" layout-align="end center">
|
2015-12-04 21:00:58 +01:00
|
|
|
<md-button class="md-icon-button"
|
|
|
|
label:aria-label="Close"
|
|
|
|
ng-click="editor.toggleRawSource()">
|
|
|
|
<md-icon>arrow_forward</md-icon>
|
|
|
|
</md-button>
|
|
|
|
</md-card-actions>
|
|
|
|
<md-card-content>
|
2016-06-08 22:25:54 +02:00
|
|
|
<pre ng-bind-html="editor.rawSource"><!-- raw --></pre>
|
2015-12-04 21:00:58 +01:00
|
|
|
</md-card-content>
|
|
|
|
</md-card>
|
|
|
|
</div>
|
2015-09-03 22:10:05 +02:00
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</container>
|