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

feat(design): improve wallet settings view and wallet settings alias view

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-12 19:33:54 -04:00
commit 9ec7d5f38c
3 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/sass/views/tab-settings.scss
View file

@ -27,6 +27,17 @@
color: $light-gray;
font-size: 14px;
}
.settings-list {
background-color: #fff;
.item-stacked-label {
padding: 1rem;
}
.input-label {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
}
}
#tab-settings {

4
www/views/preferences.html
View file

@ -30,8 +30,8 @@
<i class="icon bp-arrow-right"></i>
</a>
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesEmail">
<span translate>Email Notifications</span>
<span class="item-note">
<span class="setting-title" translate>Email Notifications</span>
<span class="setting-value">
<span ng-if="!wallet.email" translate>Disabled</span>
<span ng-if="wallet.email">{{wallet.email}}</span>
</span>

15
www/views/preferencesAlias.html
View file

@ -1,17 +1,21 @@
<ion-view>
<ion-view class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-title>
{{'Alias'|translate}}
{{'Wallet Name'|translate}}
</ion-nav-title>
<ion-nav-back-button>
</ion-nav-back-button>
</ion-nav-bar>
<ion-content>
<div class="settings-explaination">
<div class="settings-heading" translate>What do you call this wallet?</div>
<div class="settings-description" translate>When this wallet was created, it was called "{{walletName}}". You can change how the name is displayed on this device below.</div>
</div>
<form name="aliasForm" ng-submit="save(aliasForm)" novalidate>
<div class="card list">
<div class="list settings-list">
<label class="item item-input item-stacked-label">
<span class="input-label" transalate>Alias for {{walletName}}</span>
<input type="text" id="alias" name="alias" ng-model="alias.value" placeholder="John" required>
<span class="input-label" transalate>Name</span>
<input type="text" id="alias" name="alias" ng-model="alias.value" placeholder="Personal Wallet" required>
</label>
</div>
<button type="submit"
@ -20,6 +24,5 @@
Save
</button>
</form>
<div class="text-center" translate>Changing wallet alias only affects the local wallet name.</div>
</ion-content>
</ion-view>