mirror of https://github.com/BTCPrivate/copay.git
update tab-home first pass
This commit is contained in:
Nick Cardin
parent
970ff5e277
commit
ba781bcbf7
|
|
@ -0,0 +1,28 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="51px" height="51px" viewBox="0 0 51 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>item-ico-backup</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<path d="M25.1597034,50.388592 C39.0550239,50.388592 50.3194068,39.1087215 50.3194068,25.194296 C50.3194068,11.2798705 39.0550239,0 25.1597034,0 C11.2643829,0 0,11.2798705 0,25.194296 C0,39.1087215 11.2643829,50.388592 25.1597034,50.388592 Z" id="path-1"></path>
|
||||
</defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Wallet/Icon/Backup" transform="translate(-1.000000, -1.000000)">
|
||||
<g id="item-ico-backup" transform="translate(1.000000, 1.000000)">
|
||||
<mask id="mask-2" fill="white">
|
||||
<use xlink:href="#path-1"></use>
|
||||
</mask>
|
||||
<use id="Mask" fill="#647CE8" xlink:href="#path-1"></use>
|
||||
<g id="arrows-24px-outline-4_restore" mask="url(#mask-2)">
|
||||
<g transform="translate(13.000000, 14.000000)" id="Group">
|
||||
<g>
|
||||
<polyline id="Shape" stroke="#FFFFFF" points="12 6 12 12 16.8 16.8"></polyline>
|
||||
<path d="M0,12 C0,18.6 5.4,24 12,24 C18.6,24 24,18.6 24,12 C24,5.4 18.6,0 12,0 C7.32,0 3.24,2.64 1.32,6.6" id="Shape" stroke="#FFFFFF"></path>
|
||||
<polyline id="Shape" stroke="#FFFFFF" points="0.3168 0.684 1.32 6.6 7.236 5.5968"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,24 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="51px" height="51px" viewBox="0 0 51 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>item-ico-bitcoin</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="63.5606697%" y1="66.5486774%" x2="29.0167968%" y2="6.87818453%" id="linearGradient-1">
|
||||
<stop stop-color="#FFA24B" offset="0%"></stop>
|
||||
<stop stop-color="#F7891C" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<path d="M25.1597034,50.388592 C39.0550239,50.388592 50.3194068,39.1087215 50.3194068,25.194296 C50.3194068,11.2798705 39.0550239,0 25.1597034,0 C11.2643829,0 0,11.2798705 0,25.194296 C0,39.1087215 11.2643829,50.388592 25.1597034,50.388592 Z" id="path-2"></path>
|
||||
</defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Wallet/Icon/Bitcoin" transform="translate(-1.000000, -1.000000)">
|
||||
<g id="item-ico-bitcoin" transform="translate(1.000000, 1.000000)">
|
||||
<mask id="mask-3" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
|
||||
<path d="M32.5251708,19.1369572 C31.8948853,16.0886456 29.257137,15.2921976 26.0055297,15.2593441 L25.5453174,11 L23.0555529,11.2090294 L23.5134657,15.373126 C22.8550964,15.4317519 22.1899109,15.4927249 21.5389325,15.5728157 L21.0810197,11.4087191 L18.5639908,11.6271364 L19.0242031,15.8864805 C18.491562,15.9338279 17.9619595,16.0121421 17.4293184,16.0594894 L17.4293184,16.0594894 L14,16.3519349 L14.3001563,19.1057521 C14.3001563,19.1057521 16.1464976,18.9101859 16.097471,18.9670835 C17.1082244,18.8911646 17.5047081,19.4669358 17.6381561,19.9652087 L18.1721961,24.815384 C18.2433956,24.8228812 18.3251888,24.7947176 18.4359709,24.8286017 C18.337507,24.8304924 18.2829782,24.8492682 18.1845144,24.8511589 L18.9620463,31.6263154 C18.9496461,31.9667227 18.8043732,32.4969407 18.1187395,32.5649545 C18.1558585,32.5841865 16.2873443,32.7153579 16.2873443,32.7153579 L16.1570191,35.8575 L19.3937622,35.5593341 C19.9976027,35.5194839 20.5915887,35.4510138 21.1638124,35.4300534 L21.636343,39.7251724 L24.1261075,39.516143 L23.6658952,35.2567989 C24.3681996,35.2150579 25.0290326,35.163587 25.6601376,35.1143489 L26.1104953,39.3450731 L28.6002598,39.1360437 L28.1277292,34.8409248 C32.2914614,34.2235708 35.0997752,32.8804369 34.9972849,28.7300142 C34.9241947,25.4178154 33.2949822,24.0740188 30.8224629,23.6688612 C32.2236222,22.7782364 32.9706,21.3605564 32.5251708,19.1369572 L32.5251708,19.1369572 Z M30.0403391,28.6601004 C30.3997054,31.8737265 25.0597443,31.9757118 23.3838054,32.1126037 L22.7467022,26.4095523 C24.4523691,26.2704275 29.6589641,25.2939871 30.0403391,28.6601004 L30.0403391,28.6601004 Z M22.4636273,23.7939125 L21.9147231,18.6127177 C23.3026612,18.5029629 27.6736684,17.6461697 28.0060987,20.6929985 C28.3307274,23.6064579 23.8812935,23.6819248 22.4636273,23.7939125 Z" id="Bitcoin_Symbol" fill="#FFFFFF" mask="url(#mask-3)"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="20px" height="30px" viewBox="0 0 20 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>b_2_</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Wallet/Icon/BitPay" transform="translate(-16.000000, -11.000000)" fill="#FFFFFF">
|
||||
<g id="Oval-87-+-bitpay-logo-grayscale" transform="translate(0.255973, 0.209302)">
|
||||
<path d="M28.4160311,19.6561996 C29.5705304,19.6561996 30.5875893,19.8806427 31.4397197,20.3014735 C32.2918501,20.7223043 32.979052,21.283412 33.5563016,22.0128521 C34.1060632,22.7422921 34.5183844,23.5839537 34.7932651,24.5378368 C35.0681459,25.4917199 35.2055863,26.5297692 35.2055863,27.6519847 C35.2055863,29.3633632 34.9032175,30.9625202 34.2709917,32.5055664 C33.6387659,34.0205573 32.8141235,35.3672158 31.7420885,36.4894312 C30.6700535,37.6116467 29.4056019,38.509419 27.9487338,39.1546929 C26.4918657,39.7999668 24.9250453,40.1366314 23.2207844,40.1366314 C23.0008798,40.1366314 22.6160467,40.1366314 22.0662852,40.108576 C21.5165236,40.108576 20.8842978,40.0524653 20.1970959,39.9402437 C19.4824059,39.8280222 18.7402278,39.6877452 17.9705616,39.4913575 C17.1734073,39.2949698 16.4312292,39.014416 15.7440273,38.6777513 L22.0387971,11.68847 L27.673853,10.7906977 L25.4473187,20.3575843 C25.9421041,20.1331412 26.3819134,19.9648089 26.8766988,19.8525873 C27.3439961,19.7123104 27.8662696,19.6561996 28.4160311,19.6561996 L28.4160311,19.6561996 Z M23.6880818,35.5355481 C24.5402122,35.5355481 25.3373664,35.3391604 26.0795445,34.8902742 C26.8217226,34.4694435 27.4814365,33.9083357 28.031198,33.2069511 C28.5809596,32.5055664 29.0207688,31.6919602 29.3231377,30.8222433 C29.6255065,29.9244709 29.790435,28.9986432 29.790435,28.0447601 C29.790435,26.8664338 29.5980185,25.9406061 29.2131854,25.2672768 C28.8283523,24.5939476 28.031198,24.2853383 26.9866511,24.2853383 C26.6567941,24.2853383 26.2994491,24.3133937 25.7496876,24.4536707 C25.199926,24.5658922 24.7326287,24.8464461 24.2928195,25.2392215 L21.9288448,35.4233266 C22.6435348,35.5355481 22.8634394,35.5636035 23.055856,35.5636035 C23.1932964,35.5355481 23.413201,35.5355481 23.6880818,35.5355481 L23.6880818,35.5355481 Z" id="b_2_"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="51px" height="51px" viewBox="0 0 51 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>item-ico-gift</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="0%" y1="0%" x2="101.999998%" y2="100.999999%" id="linearGradient-1">
|
||||
<stop stop-color="#3023AE" offset="0%"></stop>
|
||||
<stop stop-color="#C96DD8" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<ellipse id="path-2" cx="25.1597034" cy="25.194296" rx="25.1597034" ry="25.194296"></ellipse>
|
||||
</defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Wallet/Icon/Gifts" transform="translate(-1.000000, -1.000000)">
|
||||
<g id="item-ico-gift" transform="translate(1.000000, 1.000000)">
|
||||
<g id="Group">
|
||||
<mask id="mask-3" fill="white">
|
||||
<use xlink:href="#path-2"></use>
|
||||
</mask>
|
||||
<use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
|
||||
<polyline id="Shape" stroke="#FFFFFF" mask="url(#mask-3)" points="34.9090909 22.3636364 34.9090909 37 16.0909091 37 16.0909091 22.3636364"></polyline>
|
||||
<rect id="Rectangle-path" stroke="#FFFFFF" mask="url(#mask-3)" x="14" y="18.1818182" width="23" height="4.18181818"></rect>
|
||||
<path d="M19.2272727,16.0909091 C19.2272727,14.9356818 20.1629545,14 21.3181818,14 C24.4106364,14 25.5,18.1818182 25.5,18.1818182 L21.3181818,18.1818182 C20.1629545,18.1818182 19.2272727,17.2461364 19.2272727,16.0909091 L19.2272727,16.0909091 Z" id="Shape" stroke="#FFFFFF" mask="url(#mask-3)"></path>
|
||||
<path d="M31.7727273,16.0909091 C31.7727273,14.9356818 30.8370455,14 29.6818182,14 C26.5893636,14 25.5,18.1818182 25.5,18.1818182 L29.6818182,18.1818182 C30.8370455,18.1818182 31.7727273,17.2461364 31.7727273,16.0909091 L31.7727273,16.0909091 Z" id="Shape" stroke="#FFFFFF" mask="url(#mask-3)"></path>
|
||||
<polyline id="Shape" stroke="#FFFFFF" mask="url(#mask-3)" points="27.5909091 18.1818182 27.5909091 37 23.4090909 37 23.4090909 18.1818182"></polyline>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
|
|
@ -1,21 +1,28 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-285 410.9 25 20"
|
||||
style="enable-background:new -285 410.9 25 20;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<title>Wallet-Copy</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<g id="Page-1" sketch:type="MSPage">
|
||||
<g id="Navigation-13-Copy-2" transform="translate(-25.000000, -285.000000)" sketch:type="MSArtboardGroup">
|
||||
<g id="wallet-ico-copy-2" transform="translate(26.042969, 286.000000)" sketch:type="MSLayerGroup">
|
||||
<path class="st0" d="M-261.8,428.9h-23.5l0-18.2l18-0.1v2.8h5.5V428.9z M-284.7,428.3h22.4V414h-4.9l-0.3,0.1h-17.1V428.3z
|
||||
M-284.7,413.4h16.8v-2.2l-16.8,0.1V413.4z M-266.4,424c-1,0-1.7-0.8-1.7-1.7s0.8-1.7,1.7-1.7s1.7,0.8,1.7,1.7
|
||||
S-265.4,424-266.4,424z M-266.4,421.1c-0.6,0-1.2,0.5-1.2,1.1s0.5,1.1,1.2,1.1c0.6,0,1.2-0.5,1.2-1.1S-265.8,421.1-266.4,421.1z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="44px" height="38px" viewBox="0 0 44 38" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Wallet Copy</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<path d="M12.2206319,33.5295725 C12.2206319,35.1887012 13.5540503,36.5336907 15.221911,36.5336908 L35.3827914,36.5336913 C37.040352,36.5336913 38.3840705,35.1979548 38.3840705,33.529573 L38.3840709,19.5110705 L12.2206319,19.5110706 L12.2206319,33.5295725 Z M31.7761235,19.4691743 L31.776124,16.3165791 L12.2255864,16.3165791 C12.2255864,16.3165791 12.2255864,19.5085877 12.2255864,19.5085877 L31.7761235,19.4691743 Z M33.423217,30.9126651 C34.3328814,30.9126651 35.07031,30.1815053 35.07031,29.279574 C35.07031,28.3776426 34.3328814,27.6464828 33.423217,27.6464828 C32.5135527,27.6464828 31.776124,28.3776426 31.776124,29.279574 C31.776124,30.1815053 32.5135527,30.9126651 33.423217,30.9126651 Z" id="path-1"></path>
|
||||
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
|
||||
<feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
|
||||
<feOffset dx="0" dy="2" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
|
||||
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
|
||||
<feOffset dx="0" dy="2" in="shadowInner" result="shadowInner"></feOffset>
|
||||
<feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
|
||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.307518116 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Wallet/Icon/Blue" transform="translate(-3.000000, -10.000000)">
|
||||
<g id="Oval-87-+-bitpay-logo-grayscale" transform="translate(0.000000, 1.000000)">
|
||||
<g id="Wallet-Copy">
|
||||
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
|
||||
<use stroke="#FFFFFF" stroke-width="1" xlink:href="#path-1"></use>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 2.5 KiB |
|
|
@ -12,9 +12,6 @@
|
|||
<ion-item class="item" ui-sref="glidera.main">
|
||||
<img src="img/glidera-logo.png" width="100">
|
||||
</ion-item>
|
||||
<ion-item class="item" ui-sref="coinbase.main">
|
||||
<img src="img/coinbase-logo.png" width="100"> TODO
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
|
|||
|
|
@ -1,41 +1,42 @@
|
|||
<span class="wallet-activity">
|
||||
|
||||
<div ng-if="x.types.indexOf('NewIncomingTx')>=0">
|
||||
<span>Payment Received</span>
|
||||
<div class="wallet-activity-amount">
|
||||
{{x.amountStr}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<span ng-if="x.types.indexOf('NewIncomingTx')>=0">
|
||||
<i class="icon ion-arrow-down-c size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
{{x.amountStr}}
|
||||
<div ng-if="x.types.indexOf('TxProposalRemoved')>=0">
|
||||
<i class="icon ion-ios-close-empty size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Deleted
|
||||
</div>
|
||||
|
||||
<div ng-if="x.types.indexOf('TxProposalRejected')>=0">
|
||||
<i class="icon ion-ios-close-empty size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Rejected
|
||||
</div>
|
||||
|
||||
<div ng-if="x.types.indexOf('TxProposalRemoved') == -1 && x.types.indexOf('TxProposalRejected') == -1">
|
||||
<span ng-if="x.types.indexOf('NewTxProposal')>=0 ">
|
||||
<i class="icon ion-arrow-up-c size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
|
||||
{{x.amountStr}}
|
||||
<i>{{x.message}}</i>
|
||||
</span>
|
||||
<span ng-if="x.types.indexOf('TxProposalAcceptedBy')>=0 && x.types.indexOf('NewTxProposal') == -1 ">
|
||||
<i class="icon ion-checkmark-round size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Accepted
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<p class="wallet-activity-note">
|
||||
<i class="icon ion-record wallet-activity-note-child" ng-style="{'color':x.wallet.color}"></i>
|
||||
<span ng-if="x.creatorName" class="wallet-activity-note-child">{{ x.creatorName}}@</span>
|
||||
<span class="wallet-activity-note-child">{{x.wallet.name}}</span>
|
||||
<time class="wallet-activity-note-child">{{ x.createdOn * 1000 | amTimeAgo}}</time>
|
||||
</p>
|
||||
|
||||
</span>
|
||||
|
||||
|
||||
<span ng-if="x.types.indexOf('TxProposalRemoved')>=0">
|
||||
<i class="icon ion-ios-close-empty size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Deleted
|
||||
</span>
|
||||
|
||||
<span ng-if="x.types.indexOf('TxProposalRejected')>=0">
|
||||
<i class="icon ion-ios-close-empty size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Rejected
|
||||
</span>
|
||||
|
||||
<span ng-if="x.types.indexOf('TxProposalRemoved') == -1 && x.types.indexOf('TxProposalRejected') == -1">
|
||||
<span ng-if="x.types.indexOf('NewTxProposal')>=0 ">
|
||||
<i class="icon ion-arrow-up-c size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
|
||||
{{x.amountStr}}
|
||||
<i>{{x.message}}</i>
|
||||
</span>
|
||||
<span ng-if="x.types.indexOf('TxProposalAcceptedBy')>=0 && x.types.indexOf('NewTxProposal') == -1 ">
|
||||
<i class="icon ion-checkmark-round size-21" ng-style="{'color':x.wallet.color}"></i>
|
||||
Proposal Accepted
|
||||
</span>
|
||||
</span>
|
||||
|
||||
|
||||
<div class="item-note">
|
||||
|
||||
<!-- {{x.types}} -->
|
||||
<time>{{ x.createdOn * 1000 | amTimeAgo}}</time>
|
||||
·
|
||||
<i class="ion-briefcase" ng-style="{'color':x.wallet.color}"></i>
|
||||
<span ng-if="x.creatorName">{{ x.creatorName}}@</span>{{x.wallet.name}}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,13 +1,12 @@
|
|||
|
||||
<ion-view>
|
||||
<ion-view id="tab-home">
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-title>Home</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<ion-content class="padding" ng-controller="tabHomeController" ng-init="updateAllWallets(); nextStep()">
|
||||
|
||||
<div class="card">
|
||||
<div class="item item-divider">
|
||||
<div class="list card" ng-hide="!notifications[0]">
|
||||
<div class="item item-heading">
|
||||
Recent Activity
|
||||
</div>
|
||||
<div ng-if="fetchingNotifications" class="item text-center">
|
||||
|
|
@ -15,80 +14,99 @@
|
|||
<div translate>Updating activity. Please stand by</div>
|
||||
</div>
|
||||
<div ng-if="!fetchingNotifications">
|
||||
<a class="item item-icon-left" ng-repeat="x in notifications" ng-click="x.action()">
|
||||
<a class="item" ng-repeat="x in notifications" ng-click="x.action()">
|
||||
<span ng-include="'views/includes/walletActivity.html'"></span>
|
||||
</a>
|
||||
|
||||
<a class="item text-center" ui-sref="activity" ng-show="notificationsMore">
|
||||
|
||||
<span translate>More</span> ({{notificationsMore}})
|
||||
<span style="font-size:12px;color:gray">(ToDo: Cache, refresh & seft not. 1-1 no here yet)</span>
|
||||
<span style="font-size:12px;color:gray">(ToDo: Cache, refresh & seft not. 1-1 no here yet)</span>
|
||||
</a>
|
||||
|
||||
<div class="item" ng-show="!notifications[0]">
|
||||
<span translate>Nothing to show here.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="item item-divider item-icon-right">
|
||||
<div class="list card" ng-hide="!wallets[0]">
|
||||
<div class="item item-icon-right item-heading">
|
||||
Wallets
|
||||
<i class="icon ion-ios-plus-empty" ui-sref="add.main"></i>
|
||||
<a ui-sref="add.main"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
|
||||
</div>
|
||||
<div class="item" ng-if="!wallets[0]">
|
||||
<span translate>No Wallet</span>
|
||||
</div>
|
||||
<a ng-repeat="item in wallets track by $index"
|
||||
class="item item-icon-left"
|
||||
ui-sref="wallet.details({'walletId': item.id})">
|
||||
<i class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i>
|
||||
{{item.name || item.id}}
|
||||
<span ng-show="item.n > 1" class="text-light">
|
||||
{{item.m}}-of-{{item.n}}
|
||||
<a ng-repeat="wallet in wallets track by $index"
|
||||
class="item item-icon-left item-big-icon-left item-icon-right"
|
||||
ui-sref="wallet.details({'walletId': wallet.id})">
|
||||
<i class="icon big-icon-svg">
|
||||
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}"/>
|
||||
</i>
|
||||
<h2>{{wallet.name || wallet.id}}</h2>
|
||||
<span ng-show="wallet.n > 1" class="text-light">
|
||||
{{wallet.m}}-of-{{wallet.n}}
|
||||
</span>
|
||||
<span class="badge badge-assertive" ng-show="!item.isComplete()" translate>
|
||||
<span class="badge badge-assertive" ng-show="!wallet.isComplete()" translate>
|
||||
Incomplete
|
||||
</span>
|
||||
<span class="item-note" ng-show="item.isComplete() && !item.balanceHidden">
|
||||
{{item.status.availableBalanceStr}}
|
||||
</span>
|
||||
<span class="item-note" ng-show="item.isComplete() && item.balanceHidden">
|
||||
<p ng-show="wallet.isComplete() && !wallet.balanceHidden">
|
||||
{{wallet.status.availableBalanceStr}}
|
||||
</p>
|
||||
<p ng-show="wallet.isComplete() && wallet.balanceHidden">
|
||||
<strong class="size-12" translate>[Balance Hidden]</strong>
|
||||
</span>
|
||||
</p>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
<a ui-sref="bitpayCard.main" ng-show="externalServices.BitpayCard" class="item item-icon-left">
|
||||
<i class="icon ion-card"></i>BitPay Card
|
||||
<i class="icon ion-card"></i>
|
||||
<h2>BitPay Card</h2>
|
||||
</a>
|
||||
<a ui-sref="amazon.main" ng-show="externalServices.AmazonGiftCards" class="item item-icon-left">
|
||||
<i class="icon ion-ios-cart"></i>Gift Cards
|
||||
<i class="icon ion-ios-cart"></i>
|
||||
<h2>Gift Cards</h2>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="card" ng-show="externalServices.BuyAndSell && (glideraEnabled || coinbaseEnabled)">
|
||||
<div class="item item-divider">
|
||||
<div class="list card" ng-show="externalServices.BuyAndSell && (glideraEnabled || coinbaseEnabled)">
|
||||
<div class="item item-heading">
|
||||
Buy & Sell Bitcoin
|
||||
</div>
|
||||
<a ng-show="glideraEnabled" ui-sref="glidera.main" class="item">
|
||||
<img src="img/glidera-logo.png" width="90">
|
||||
<a ng-show="glideraEnabled" ui-sref="glidera.main" class="item item-icon-right">
|
||||
<img src="img/glidera-logo.png" width="90"/>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
<a ng-show="coinbaseEnabled" ui-sref="exchange.coinbase" class="item">
|
||||
<!-- disable coinbase for this release -->
|
||||
<!-- <a ng-show="coinbaseEnabled" ui-sref="exchange.coinbase" class="item">
|
||||
<img src="img/coinbase-logo.png" width="90"> TODO
|
||||
</a>
|
||||
</a> -->
|
||||
</div>
|
||||
|
||||
<div class="card" ng-show="!externalServices.AmazonGiftCards || !externalServices.BitpayCard || !externalServices.BuyAndSell">
|
||||
<div class="item item-divider">
|
||||
<div class="list card" ng-show="!externalServices.AmazonGiftCards || !externalServices.BitpayCard || !externalServices.BuyAndSell">
|
||||
<div class="item item-heading">
|
||||
Next steps
|
||||
</div>
|
||||
<a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left">
|
||||
<i class="icon ion-card"></i>Add BitPay Card
|
||||
<a ng-show="!!wallets[0]" ui-sref="add.main" class="item item-icon-left item-big-icon-left item-icon-right">
|
||||
<i class="icon big-icon-svg">
|
||||
<img class="icon-create-wallet"/>
|
||||
</i>
|
||||
<span>Crate a bitcoin wallet</span>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
<a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left">
|
||||
<i class="icon ion-bag"></i>Buy and Sell Bitcoin
|
||||
<a ng-show="!!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right">
|
||||
<i class="icon big-icon-svg">
|
||||
<img class="icon-buy-bitcoin"/>
|
||||
</i>
|
||||
<span>Buy Bitcoin</span>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
<a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left">
|
||||
<i class="icon ion-ios-cart"></i>Buy a Gift Cards
|
||||
<a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right">
|
||||
<i class="icon big-icon-svg">
|
||||
<img class="icon-bitpay"/>
|
||||
</i>
|
||||
<span>Add BitPay Card</span>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
<a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right">
|
||||
<i class="icon big-icon-svg">
|
||||
<img class="icon-gift"/>
|
||||
</i>
|
||||
<span>Add Amazon Gift Card</span>
|
||||
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -996,3 +996,7 @@ input[type=number] {
|
|||
white-space: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@import "views/common";
|
||||
@import "views/tab-home";
|
||||
@import "views/includes/walletActivity";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,27 @@
|
|||
.icon.nav-item-arrow-right {
|
||||
color: #666;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.item.item-heading {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.icon.list-add-button {
|
||||
color: #666;
|
||||
font-size: 38px;
|
||||
}
|
||||
|
||||
.item.item-big-icon-left {
|
||||
padding-left: 74px;
|
||||
}
|
||||
|
||||
.icon.big-icon-svg {
|
||||
padding: 0 7px;
|
||||
> img {
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
.wallet-activity {
|
||||
|
||||
&-amount {
|
||||
float: right;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
&-note {
|
||||
margin-top: 3px;
|
||||
font-size: 12px!important;
|
||||
|
||||
&-child {
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> i {
|
||||
font-size: 21px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
> time {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
#tab-home {
|
||||
.icon-create-wallet {
|
||||
background-image: url("../img/icon-bitcoin.svg");
|
||||
background-repeat:no-repeat;
|
||||
background-position: -5px -5px;
|
||||
}
|
||||
.icon-buy-bitcoin {
|
||||
background-image: url("../img/icon-gift.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -5px -6px;
|
||||
}
|
||||
.icon-bitpay-card {
|
||||
background-image: url("../img/icon-bitpay.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -5px -6px;
|
||||
}
|
||||
.icon-gift {
|
||||
background-image: url("../img/icon-gift.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: -5px -6px;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue