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

Updated icons and links (#255)

Browse source 
* added appropriate wallet design

* added new links to settings tab, and associated svg images

* added space below last link in settings list

* hiding links with views not ready

* added help and support link

* updated settings view

* removed empty param
This commit is contained in:
Jamal Jackson 2016-10-07 11:35:43 -04:00 • committed by Jason Dreyzehner
commit 5559ce9b3f
8 changed files with 135 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

17
www/img/icon-send-feedback.svg
View file

@ -1,14 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>C327FD1B-B044-4367-BB49-9491E30599E8</title>
<title>8A36B580-8A7A-4989-BE8C-FD9BAD98D91C</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons" transform="translate(-231.000000, -769.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(232.000000, 770.000000)">
<g id="Icons" transform="translate(-666.000000, -770.000000)" stroke="#8F8F90">
<g id="icons/list-items/sync" transform="translate(666.769231, 770.000000)">
<g id="Group" transform="translate(0.368286, 0.383523)">
<path d="M11.7851662,0 C10.2383632,0 8.91253197,0.84375 8.10230179,2.07102273 C7.29207161,0.84375 5.96624041,0 4.41943734,0 C1.9887468,0 0,2.07102273 0,4.60227273 C0,9.20454545 8.10230179,16.1079545 8.10230179,16.1079545 C8.10230179,16.1079545 16.2046036,9.20454545 16.2046036,4.60227273 C16.2046036,2.07102273 14.2158568,0 11.7851662,0 L11.7851662,0 Z" id="Shape"></path>
<g id="holidays-24px-outline_message" transform="translate(0.298380, 0.949811)">
<g id="Group">
<polyline id="Shape" points="3.27272727 4.1727276 0 6.54545455 0 16.3636364 18 16.3636364 18 6.54545455 14.7272727 4.1727276"></polyline>
<path d="M0,6.54545455 L18,16.3636364" id="Shape"></path>
<path d="M18,6.54545455 L9,11.4545455" id="Shape"></path>
<path d="M10.5104891,0 C9.88111833,0 9.31468492,0.314685327 9,0.818181818 C8.68531426,0.314685327 8.11888085,0 7.4895102,0 C6.48251722,0 5.72727273,0.818181818 5.72727273,1.82517439 C5.72727273,3.58741227 9,6.29370614 9,6.29370614 C9,6.29370614 12.2727273,3.58741227 12.2727273,1.82517439 C12.2727273,0.818181818 11.517482,0 10.5104891,0 L10.5104891,0 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

52
www/views/tab-settings.html
View file

@ -6,6 +6,13 @@
<ion-content>
<div class="list">
<div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" ui-sref="" ng-hide="true">
<i class="icon big-icon-svg">
<img src="img/icon-excahnge.svg" class="bg"/>
</i>
<span translate>Bitcoin Exchanges</span>
<i class="icon bp-arrow-right"></i>
</a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.addressbook">
<i class="icon big-icon-svg">
<img src="img/icon-address-book.svg" class="bg"/>
@ -13,6 +20,13 @@
<span translate>Address Book</span>
<i class="icon bp-arrow-right"></i>
</a>
<a class="item item-icon-left item-icon-right" ui-sref="" ng-hide="true">
<i class="icon big-icon-svg">
<img src="img/icon-send-feedback.svg" class="bg"/>
</i>
<span translate>Send Feedback</span>
<i class="icon bp-arrow-right"></i>
</a>
<div class="item item-divider" translate>Preferences</div>
@ -67,12 +81,21 @@
</span>
<i class="icon bp-arrow-right"></i>
</a>
<a class="item item-icon-right item-icon-left" href ui-sref="tabs.advanced">
<i class="icon big-icon-svg">
<img src="img/icon-advanced.svg" class="bg"/>
</i>
<span translate>Advanced</span>
<i class="icon bp-arrow-right"></i>
</a>
<div class="item item-divider" ng-show="wallets[0]" translate>Wallets Preferences</div>
<div class="item item-divider" ng-show="wallets[0]" translate>Wallets &amp; Integrations</div>
<a class="item item-icon-left item-icon-right" href
ui-sref="tabs.preferences({'walletId': item.id})"
ng-repeat="item in wallets track by $index">
<i class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i>
<i class="icon big-icon-svg circle">
<img src="img/icon-wallet.svg" ng-style="{'background-color': item.color}" class="bg"/>
</i>
{{item.name || item.id}}
<span ng-show="item.n > 1" class="text-light">
{{item.m}}-of-{{item.n}}
@ -83,12 +106,6 @@
<i class="icon bp-arrow-right"></i>
</a>
<div class="item item-divider"></div>
<a class="item item-icon-right" href ui-sref="tabs.advanced">
<span translate>Advanced</span>
<i class="icon bp-arrow-right"></i>
</a>
<div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
<i class="icon big-icon-svg">
@ -97,6 +114,25 @@
<span translate>About</span> {{appName}}
<i class="icon bp-arrow-right"></i>
</a>
<a class="item item-icon-left item-icon-right" href ng-hide="true">
<i class="icon big-icon-svg">
<img src="img/icon-heart.svg" class="bg"/>
</i>
<span translate>Tell a friend</span>
<i class="icon bp-arrow-right"></i>
</a>
<div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" ng-click=openExternalLink("https://help.bitpay.com")>
<i class="icon big-icon-svg">
<img src="img/icon-help-support.svg" class="bg"/>
</i>
<span translate>Help &amp; Support</span>
<i class="icon big-icon-svg">
<img src="img/icon-link.svg" class="bg"/>
</i>
</a>
<div class="item item-divider"></div>
</div>
</ion-content>
</ion-view>