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

View File

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