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"
|
|
|
|
xmlns:label="OGo:label"
|
2015-01-26 04:33:00 +01:00
|
|
|
>
|
2015-01-28 09:24:53 +01:00
|
|
|
<md-card class="viewer">
|
|
|
|
<md-card-content>
|
|
|
|
<header>
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="sg-avatar">
|
|
|
|
<!--avatar--><!-- currentCard.tag = vcard || vlist -->
|
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
<div class="msg-header-content">
|
2015-02-26 16:58:17 +01:00
|
|
|
<h1 class="sg-md-display-2--light" ng-bind-html="card.$fullname()"><!-- fullname --></h1>
|
2015-02-24 03:33:47 +01:00
|
|
|
<h6 class="sg-md-display-2-subheader">{{card.$description()}}
|
2015-02-26 16:58:17 +01:00
|
|
|
<span class="label radius" ng-repeat="category in card.categories">{{category.value}}</span>
|
2015-02-20 05:17:50 +01:00
|
|
|
</h6>
|
|
|
|
</div>
|
2015-03-13 07:10:31 +01:00
|
|
|
<div class="sg-icon-bar--vertical">
|
2015-02-26 16:58:17 +01:00
|
|
|
<span ng-show="addressbook.isEditable">
|
2015-03-04 05:47:41 +01:00
|
|
|
<md-button class="iconButton" aria-label="Edit" ui-sref="addressbook.card.editor({addressbookId: addressbook.id, cardId: card.id})">
|
2015-02-20 05:17:50 +01:00
|
|
|
<i class="md-icon-create"><!-- edit --></i>
|
2015-03-04 00:40:48 +01:00
|
|
|
</md-button>
|
2015-02-24 03:33:47 +01:00
|
|
|
</span>
|
2015-03-04 05:47:41 +01:00
|
|
|
<md-button class="iconButton" aria-label="Delete" ng-click="confirmDelete(card)">
|
2015-02-24 03:33:47 +01:00
|
|
|
<i class="md-icon-delete"><!-- delete --></i>
|
2015-03-04 00:40:48 +01:00
|
|
|
</md-button>
|
2015-02-20 05:17:50 +01:00
|
|
|
</div>
|
|
|
|
</header>
|
2015-02-24 03:33:47 +01:00
|
|
|
<md-divider class="md-inset"><!-- divider --></md-divider>
|
|
|
|
<section class="msg-body">
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="pseudo-input-container" ng-show="card.birthday">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label">
|
2015-02-20 05:17:50 +01:00
|
|
|
<var:string label:value="Birthday"/>
|
2015-01-28 09:24:53 +01:00
|
|
|
</label>
|
|
|
|
</div>
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-01-28 09:24:53 +01:00
|
|
|
<span>{{card.$birthday() | date}}</span>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="section" ng-repeat="ref in card.refs track by ref.reference">
|
2015-01-28 09:24:53 +01:00
|
|
|
<!-- list members -->
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-container">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="value single">
|
2015-02-26 16:58:17 +01:00
|
|
|
<a ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: ref.reference})">
|
2015-02-20 05:17:50 +01:00
|
|
|
{{ref.$fullname()}}
|
|
|
|
</a>
|
2015-02-26 16:58:17 +01:00
|
|
|
<div ng-show="ref.email">
|
|
|
|
<a ui-sref="mailto:{{ref.email}}" ng-class="ng-scope">
|
2015-02-20 05:17:50 +01:00
|
|
|
<i class="md-icon-mail"><!-- email --></i>
|
2015-01-28 09:24:53 +01:00
|
|
|
{{ref.email}}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
|
|
|
<div class="section">
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="pseudo-input-container" ng-repeat="email in card.emails">
|
2015-02-20 05:17:50 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label"><var:entity const:name="nbsp"/>{{email.type}}
|
2015-02-20 05:17:50 +01:00
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-02-20 05:17:50 +01:00
|
|
|
<a href="mailto:{{email.value}}">{{email.value}}</a>
|
|
|
|
</div>
|
|
|
|
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
|
|
|
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="section" ng-show="card.phones.length > 0">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="phone in card.phones">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label">{{phone.type}}</label>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-01-28 09:24:53 +01:00
|
|
|
<a href="tel:{{phone.value}}">{{phone.value}}</a>
|
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="section" ng-show="card.urls">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="url in card.urls">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label"><var:entity const:name="nbsp"/>{{url.type}}
|
2015-01-28 09:24:53 +01:00
|
|
|
</label>
|
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-02-26 16:58:17 +01:00
|
|
|
<a href="#" ng-href="{{url.value}}">{{url.value}}</a>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2015-02-20 05:17:50 +01:00
|
|
|
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="section" ng-show="card.addresses">
|
|
|
|
<div class="pseudo-input-container" ng-repeat="address in card.addresses">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label">{{address.type}}</label>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-02-26 16:58:17 +01:00
|
|
|
<div sg-address="address"><!-- address --></div>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
2015-02-26 16:58:17 +01:00
|
|
|
<div class="pseudo-input-container" ng-show="card.note">
|
2015-01-28 09:24:53 +01:00
|
|
|
<div class="key">
|
2015-02-24 03:33:47 +01:00
|
|
|
<label class="pseudo-input-label">
|
2015-02-20 05:17:50 +01:00
|
|
|
<var:string label:value="Note"/>
|
2015-01-28 09:24:53 +01:00
|
|
|
</label>
|
|
|
|
</div>
|
2015-02-24 03:33:47 +01:00
|
|
|
<div class="pseudo-input-field">
|
2015-02-26 16:58:17 +01:00
|
|
|
<div ng-bind-html="card.note"><!-- note --></div>
|
2015-01-28 09:24:53 +01:00
|
|
|
</div>
|
2014-12-17 20:58:20 +01:00
|
|
|
</div>
|
2015-01-28 09:24:53 +01:00
|
|
|
</section>
|
|
|
|
|
|
|
|
</md-card-content>
|
|
|
|
|
|
|
|
</md-card>
|
2014-12-17 20:58:20 +01:00
|
|
|
</container>
|