transaction page

This commit is contained in:
Bechi 2014-05-27 15:40:59 -03:00
parent f98e606e90
commit 4803375b7c
2 changed files with 40 additions and 22 deletions

View File

@ -320,7 +320,7 @@ hr { margin: 2.25rem 0;}
.box-copayers figure {
width: 51px;
height: 55px;
height: 63px;
border-top-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;
overflow: hidden;
@ -613,7 +613,21 @@ p.dr-notification-text {
white-space: nowrap;
}
ul.pagination li.current a {
background: #1ABC9C;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #16A085;
}
@media only screen and (max-width: 40em) {
#main, .header-content {
font-size: 80%;
line-height: 140%;
}
.top-bar {
background: #1ABC9C;
}
@ -636,11 +650,6 @@ p.dr-notification-text {
border: none !important;
}
.header-content {
font-size: 80%;
line-height: 140%;
}
.box-backup {
margin: 0.6rem 0;
}
@ -650,4 +659,13 @@ p.dr-notification-text {
padding: 0.2rem 0.5rem;
}
.box-status {
height: 71px;
}
.box-copayers figure {
height: 71px;
width: 71px;
}
}

View File

@ -391,9 +391,9 @@
<div class="large-12 columns">
<h4> Transaction proposals <span ng-if="onlyPending">[Pending]</span> <small>({{txs.length}})</small></h4>
<ul class="button-group">
<li> <button ng-click="show(true)" ng-disabled="loading || onlyPending" loading="Updating"> Pending </button>
<li> <button ng-click="show()" ng-disabled="loading || !onlyPending" loading="Updating"> All </button>
<ul class="button-group radius">
<li> <button class="secondary" ng-click="show(true)" ng-disabled="loading || onlyPending" loading="Updating"> Pending </button>
<li> <button class="secondary" ng-click="show()" ng-disabled="loading || !onlyPending" loading="Updating"> All </button>
</ul>
<div class="panel radius pending" ng-repeat="tx in txs | paged">
<div class="txheader row m10">
@ -484,7 +484,7 @@
</div>
</div>
</div>
<pagination ng-show="!onlyPending" total-items="txs.length" items-per-page="txpItemsPerPage" page="txpCurrentPage" on-select-page="show()" class="pagination-small"></pagination>
<pagination ng-show="!onlyPending" total-items="txs.length" items-per-page="txpItemsPerPage" page="txpCurrentPage" on-select-page="show()" class="pagination-small primary"></pagination>
</div>
<div class="large-12 columns">
<h4>Last transactions</h4>
@ -499,7 +499,7 @@
<div class="m15">
<div class="row">
<div class="large-8 columns">
<a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="blank">
<a class="ellipsis" href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="blank">
{{btx.txid}}
</a>
</div>
@ -509,24 +509,24 @@
</div>
</div>
<div class="tx-copayers">
<div class="large-5 columns">
<div class="large-5 small-5 columns">
<div ng-repeat="vin in btx.vin | groupByAddress">
<p class="left text-gray size-12"> {{vin.addr}} </p>
<small class="right">{{vin.value}}</small>
<p class="small-8 ellipsis left text-gray size-12"> {{vin.addr}} </p>
<small class="small-4 right">{{vin.value}}</small>
</div>
</div>
<div class="large-1 columns text-center">
<div class="large-1 small-1 columns text-center">
<i class="fi-arrow-right"></i>
</div>
<div class="large-6 columns">
<div class="large-6 small-6 columns">
<div ng-repeat="vout in btx.vout">
<div class="row">
<div class="large-10 columns">
<div class="large-10 small-8 columns">
<div ng-repeat="addr in vout.scriptPubKey.addresses">
<p class="text-gray size-12"> {{addr}} </p>
<p class="ellipsis text-gray size-12"> {{addr}} </p>
</div>
</div>
<div class="large-2 columns">
<div class="large-2 small-4 columns">
<small>{{vout.value}}</small>
</div>
</div>
@ -535,9 +535,9 @@
</div>
<div class="m15 size-12 text-gray">
<div class="row">
<div class="large-4 columns">Fees: {{btx.fees}}</div>
<div class="large-4 columns text-center">Confirmations: {{btx.confirmations || 0}}</div>
<div class="large-4 columns text-right">Total: {{btx.valueOut}}</div>
<div class="large-4 medium-4 small-4 columns">Fees: {{btx.fees}}</div>
<div class="large-4 medium-4 small-4 columns text-center">Confirmations: {{btx.confirmations || 0}}</div>
<div class="large-4 medium-4 small-4 columns text-right">Total: {{btx.valueOut}}</div>
</div>
</div>
</div>