2016-09-23 10:10:17 -04:00
|
|
|
|
<ion-view id="view-address-book">
|
2016-09-12 11:57:20 -03:00
|
|
|
|
<ion-nav-bar class="bar-royal">
|
2016-09-16 17:14:22 -03:00
|
|
|
|
<ion-nav-back-button>
|
|
|
|
|
|
</ion-nav-back-button>
|
2016-09-12 11:57:20 -03:00
|
|
|
|
<ion-nav-title>
|
2016-10-13 00:02:06 -04:00
|
|
|
|
<span translate>Address Book</span>
|
2016-09-12 11:57:20 -03:00
|
|
|
|
</ion-nav-title>
|
|
|
|
|
|
<ion-nav-buttons side="secondary">
|
2016-09-30 16:18:22 -03:00
|
|
|
|
<button class="button button-back button-clear" ng-show="!isEmptyList" ui-sref="tabs.addressbook.add">
|
2016-09-12 11:57:20 -03:00
|
|
|
|
<i class="icon ion-ios-plus-empty"></i>
|
|
|
|
|
|
</button>
|
|
|
|
|
|
</ion-nav-buttons>
|
|
|
|
|
|
</ion-nav-bar>
|
2016-10-13 00:02:06 -04:00
|
|
|
|
<ion-content scroll="false" id="add-address" class="ng-hide" ng-show="isEmptyList">
|
|
|
|
|
|
<div class="zero-state">
|
|
|
|
|
|
<i class="icon zero-state-icon">
|
|
|
|
|
|
<img src="img/address-book-add.svg"/>
|
|
|
|
|
|
</i>
|
|
|
|
|
|
<div class="zero-state-heading" translate>No contacts yet</div>
|
|
|
|
|
|
<div class="zero-state-description" translate>You haven’t added any contacts to your address book yet. Get started by adding your first one.</div>
|
|
|
|
|
|
<div class="zero-state-cta">
|
|
|
|
|
|
<button class="button button-standard button-primary" ui-sref="tabs.addressbook.add" translate>Add Contact</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
<ion-content class="ng-hide" ng-show="!isEmptyList">
|
2016-10-13 16:53:15 -03:00
|
|
|
|
<div class="bar bar-header item-input-inset" ng-show="!isEmptyList && addressbook.length >= 5">
|
2016-09-12 11:57:20 -03:00
|
|
|
|
<label class="item-input-wrapper">
|
|
|
|
|
|
<i class="icon ion-ios-search placeholder-icon"></i>
|
|
|
|
|
|
<input type="search"
|
|
|
|
|
|
placeholder="Search"
|
|
|
|
|
|
ng-model="addrSearch"
|
|
|
|
|
|
ng-change="findAddressbook(addrSearch)" ng-model-onblur>
|
|
|
|
|
|
</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<ion-list>
|
|
|
|
|
|
<ion-item ng-repeat="addrEntry in addressbook"
|
2016-09-13 17:39:01 -03:00
|
|
|
|
class="item-icon-right item-avatar"
|
2016-10-13 16:53:15 -03:00
|
|
|
|
ui-sref="tabs.addressbook.view({address:addrEntry.address, email: addrEntry.email, name: addrEntry.name})">
|
2016-09-13 17:39:01 -03:00
|
|
|
|
<gravatar name="{{addrEntry.name}}" width="50" email="{{addrEntry.email}}"></gravatar>
|
|
|
|
|
|
<h2>{{addrEntry.name}}</h2>
|
|
|
|
|
|
<p>{{addrEntry.address}}</p>
|
2016-10-03 19:38:57 -04:00
|
|
|
|
<i class="icon bp-arrow-right"></i>
|
2016-09-12 11:57:20 -03:00
|
|
|
|
<ion-option-button class="button-assertive" ng-click="remove(addrEntry.address)">
|
|
|
|
|
|
<i class="icon ion-minus-circled"></i>
|
|
|
|
|
|
</ion-option-button>
|
|
|
|
|
|
</ion-item>
|
|
|
|
|
|
</ion-list>
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
</ion-view>
|