addresses

This commit is contained in:
bechi 2014-07-17 17:39:32 -03:00
parent d3747b6f7a
commit 0a89b5ab37
2 changed files with 40 additions and 27 deletions

View File

@ -62,6 +62,12 @@
font-family: 'Ubuntu', Helvetica, sans-serif !important;
}
h3 {
font-weight: 100;
font-size: 22px;
color: #2C3E50;
}
body, html{
height:100%;
width:100%;
@ -91,6 +97,7 @@ body, html{
.main {
margin-left: 250px;
padding: 1.5rem
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
@ -479,6 +486,7 @@ button.warning:focus,
background-color: #82251A;
color: #e6e6e6;
}
button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
@ -515,6 +523,10 @@ button[disabled].warning:focus,
background-color: #3C4E60;
}
.addresses ul {
margin-left: 0;
}

View File

@ -1,36 +1,43 @@
<div class="addresses" ng-controller="AddressesController">
<div ng-show='$root.wallet.isReady()'>
<div class="row">
<div class="large-9 medium-12 columns" ng-if="!!(addresses|removeEmpty).length">
<div class="large-8 medium-8 columns" ng-init="showAll=0">
<a class="panel radius db" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll"
ng-click="selectAddress(addr)"
ng-class="{selected : addr.address == selectedAddr.address}">
<h3>
Addresses
<span class="button small side-bar" ng-click="newAddr()" ng-disabled="loading" loading="Creating"><i class="fi-plus"></i></span>
</h3>
<div class="large-12 medium-12" ng-if="!!(addresses|removeEmpty).length">
<div class="large-12 medium-12" ng-init="showAll=0">
<ul>
<li class="panel radius db" ng-repeat="addr in addresses|removeEmpty|limitAddress:showAll"
ng-click="selectAddress(addr)"
ng-class="{selected : addr.address == selectedAddr.address}">
<span><contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/></span>
<small ng-if="addr.isChange">change</small>
<span><contact address="{{addr.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right"/></span>
<small ng-if="addr.isChange">change</small>
<span class="right">
<span ng-if="addrWithFund == addr.address">
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
<span class="right">
<span ng-if="addrWithFund == addr.address">
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span>
<span ng-if="!$root.updatingBalance">
{{$root.balanceByAddr[addr.address] || 0|noFractionNumber}} {{$root.unitName}}
</span>
</span>
<span ng-if="!$root.updatingBalance">
{{$root.balanceByAddr[addr.address] || 0|noFractionNumber}} {{$root.unitName}}
<span ng-if="addrWithFund != addr.address">
{{addr.balance || 0|noFractionNumber}} {{$root.unitName}}
</span>
</span>
<span ng-if="addrWithFund != addr.address">
{{addr.balance || 0|noFractionNumber}} {{$root.unitName}}
</span>
</span>
</a>
<a href="#" data-reveal-id="view-qr">Click Me For A Modal</a>
</li>
</ul>
<a class="secondary radius" ng-click="showAll=!showAll" ng-show="(addresses|removeEmpty).length != (addresses|removeEmpty|limitAddress).length">
<span ng-if="!showAll">Show all</span>
<span ng-if="showAll">Show less</span>
</a>
</div>
<div class="large-4 medium-4 columns line-dashed-v text-center" highlight-on-change="selectedAddr" ng-show="selectedAddr">
<div id="view-qr" class="reveal-modal" data-reveal>
<qrcode size="160" data="{{selectedAddr.address}}"></qrcode>
<p class="m10t">
<strong>
@ -49,12 +56,6 @@
</p>
</div>
</div>
<div class="columns text-center m10t" ng-class="{'large-3' : !!(addresses|removeEmpty).length}">
<p> Create a New <strong> Address </strong> </p>
<button class="secondary radius expandi new-address" ng-click="newAddr()"
ng-disabled="loading" loading="Creating"> Create </button>
</div>
</div>
</div>
</div>