mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #123 from bechi/feature/tx-details
Feature/tx details
This commit is contained in:
commit
0b09e13d2b
11
css/main.css
11
css/main.css
|
@ -81,6 +81,10 @@ body {
|
||||||
border:0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.panel.status {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*.panel:hover {
|
/*.panel:hover {
|
||||||
background: #efefef;
|
background: #efefef;
|
||||||
color: #111;
|
color: #111;
|
||||||
|
@ -91,7 +95,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.transactions .panel {
|
.transactions .panel {
|
||||||
background: #ECECEC;
|
background: #f5f5f5;
|
||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -213,7 +217,10 @@ small.has-error {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
tr { background: none !important;}
|
||||||
|
table tr th, table tr td { padding: 0.5625rem 0rem; }
|
||||||
hr { margin: 2.25rem 0;}
|
hr { margin: 2.25rem 0;}
|
||||||
|
table { margin-bottom: 0.25rem;}
|
||||||
|
|
||||||
button.primary { background-color: #111; }
|
button.primary { background-color: #111; }
|
||||||
button.secondary { background-color: #FAE448 !important; }
|
button.secondary { background-color: #FAE448 !important; }
|
||||||
|
@ -221,6 +228,7 @@ button.secondary { background-color: #FAE448 !important; }
|
||||||
button.primary:hover { background-color: #333;}
|
button.primary:hover { background-color: #333;}
|
||||||
button.secondary:hover { background-color: #FFDF00 !important;}
|
button.secondary:hover { background-color: #FFDF00 !important;}
|
||||||
|
|
||||||
|
.text-gray { color: #999 !important;}
|
||||||
.pr {position: relative;}
|
.pr {position: relative;}
|
||||||
.m0 {margin: 0;}
|
.m0 {margin: 0;}
|
||||||
.db {display: block;}
|
.db {display: block;}
|
||||||
|
@ -241,6 +249,7 @@ button.secondary:hover { background-color: #FFDF00 !important;}
|
||||||
.p5h {padding: 0 5px;}
|
.p5h {padding: 0 5px;}
|
||||||
.p20h {padding: 0 20px;}
|
.p20h {padding: 0 20px;}
|
||||||
.m30v {margin: 30px 0;}
|
.m30v {margin: 30px 0;}
|
||||||
|
.m10h {margin:0 10px;}
|
||||||
.m30a {margin: 30px auto;}
|
.m30a {margin: 30px auto;}
|
||||||
.br100 {border-radius: 100%;}
|
.br100 {border-radius: 100%;}
|
||||||
|
|
||||||
|
|
35
index.html
35
index.html
|
@ -249,10 +249,14 @@
|
||||||
<div class="txheader">
|
<div class="txheader">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="large-8 columns">
|
<div class="large-8 columns">
|
||||||
Proposal ID: {{tx.ntxid}}
|
<tr ng-repeat="o in tx.outs">
|
||||||
|
<td class="text-right size-24">{{o.value}} <i class="fi-bitcoin"></i></td>
|
||||||
|
<td class="text-center size-48"> <i class="fi-arrow-right size-40"> </i>
|
||||||
|
<td class="text-left size-24">{{o.address}}</td>
|
||||||
|
</tr>
|
||||||
</div>
|
</div>
|
||||||
<div class="large-4 columns text-right">
|
<div class="large-4 columns text-right">
|
||||||
created at {{tx.createdTs | date:'medium'}}
|
<h6> created at {{tx.createdTs | date:'medium'}} </h6>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -261,21 +265,26 @@
|
||||||
<div class="large-12 columns">
|
<div class="large-12 columns">
|
||||||
<table style="width:100%">
|
<table style="width:100%">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr ng-repeat="o in tx.outs">
|
<tr>
|
||||||
<td class="text-right size-24">{{o.value}} <i class="fi-bitcoin"></i></td>
|
<small class="right text-gray"> <strong> Proposal ID: </strong> {{tx.ntxid}} </small>
|
||||||
<td class="text-center size-48"> <i class="fi-arrow-right size-40">
|
|
||||||
<td class="text-left size-24">{{o.address}}</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr ng-repeat="(peer, actions) in tx.peerActions">
|
<tr ng-repeat="(peer, actions) in tx.peerActions">
|
||||||
<td colspan="3" >
|
<td colspan="3">
|
||||||
<span ng-if="peer == $root.wallet.network.peerId"> You</span>
|
<div class="panel status">
|
||||||
<span ng-if="peer != $root.wallet.network.peerId"> {{peer}}</span>
|
<span ng-if="peer == $root.wallet.network.peerId"> You
|
||||||
:
|
|
||||||
<span ng-repeat="(action, ts) in actions">
|
|
||||||
<a title="{{ts | date:'medium'}}"> {{action}}</a>
|
|
||||||
</span>
|
</span>
|
||||||
</tr>
|
<span ng-if="peer != $root.wallet.network.peerId"> {{peer}}</span>
|
||||||
|
|
||||||
|
<span ng-repeat="(action, ts) in actions">
|
||||||
|
<span ng-if="action == 'create'" title="{{ts | date:'medium'}}" class="fi-page-add size-18 right m10h"></span>
|
||||||
|
<span ng-if="action == 'seen'" title="{{ts | date:'medium'}}" class="fi-eye size-18 right m10h"> </span>
|
||||||
|
<span ng-if="action == 'sign'" title="{{ts | date:'medium'}}" class="fi-check size-18 right m10h"> </span>
|
||||||
|
|
||||||
|
<a title="{{ts | date:'medium'}}"></a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue