anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Addressbook as a view (not modal)

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-12 11:57:20 -03:00
commit 32d99e3e36
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
14 changed files with 330 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

63
public/views/addressbook.add.html Normal file
View file

@ -0,0 +1,63 @@
<ion-view>
<ion-nav-bar class="bar-royal">
<ion-nav-buttons side="primary">
<button class="button button-clear" ui-sref="tabs.addressbook">
<i class="icon ion-ios-arrow-thin-left"></i>
</button>
</ion-nav-buttons>
<ion-nav-title>
<span translate>Add entry</span>
</ion-nav-title>
</ion-nav-bar>
<ion-content>
<form name="addressbookForm" no-validate>
<div class="card list">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Name</span>
<input type="text"
id="name"
name="name"
ng-model="addressbookEntry.name"
required>
</label>
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Email</span>
<input type="text"
id="email"
name="email"
ng-model="addressbookEntry.email">
</label>
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Address</span>
<div class="input-notification">
<i class="icon ion-checkmark-circled balanced"
ng-show="!addressbookForm.address.$invalid"></i>
<i class="icon ion-close-circled assertive"
ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
</div>
<div class="qr-scan-icon">
<qr-scanner on-scan="onQrCodeScanned(data, addressbookForm)"></qr-scanner>
<input type="text"
id="address"
name="address"
ng-model="addressbookEntry.address"
valid-address required>
</div>
</label>
</div>
<div class="padding">
<button type="submit"
class="button button-block button-positive"
ng-click="add(addressbookEntry)"
ng-disabled="!addressbookForm.$valid" translate>
Save
</button>
</div>
</form>
</ion-content>
</ion-view>