mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #104 from cmgustavo/feature/02-details
Improve look&feel of tx list.
This commit is contained in:
commit
d7333fb981
19
css/main.css
19
css/main.css
|
@ -92,6 +92,7 @@ body {
|
||||||
|
|
||||||
.transactions .panel {
|
.transactions .panel {
|
||||||
background: #ECECEC;
|
background: #ECECEC;
|
||||||
|
border: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.transactions .panel.pending {
|
.transactions .panel.pending {
|
||||||
|
@ -99,6 +100,24 @@ body {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pending .txheader {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pending .txbottom {
|
||||||
|
margin-top: 10px;
|
||||||
|
padding-top: 10px;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pending table {
|
||||||
|
width: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
.home .panel:hover {
|
.home .panel:hover {
|
||||||
background: #efefef;
|
background: #efefef;
|
||||||
}
|
}
|
||||||
|
|
82
index.html
82
index.html
|
@ -237,36 +237,72 @@
|
||||||
<div class="transactions" data-ng-controller="TransactionsController">
|
<div class="transactions" data-ng-controller="TransactionsController">
|
||||||
<div class="row" ng-show='$root.wallet.publicKeyRing.isComplete()'>
|
<div class="row" ng-show='$root.wallet.publicKeyRing.isComplete()'>
|
||||||
<div class="large-12 columns">
|
<div class="large-12 columns">
|
||||||
<h3>Pending Transactions <small>({{txs.length}})</small></h3>
|
<h4>Pending transactions <small>({{txs.length}})</small></h4>
|
||||||
<div class="panel pending" ng-repeat="tx in txs">
|
<div class="panel pending" ng-repeat="tx in txs">
|
||||||
NTXID: {{tx.ntxid}}
|
<div class="txheader">
|
||||||
CREATOR: {{tx.creator}}
|
<div class="row">
|
||||||
CREATED_TS: {{tx.createdTs}}
|
<div class="large-8 columns">
|
||||||
<div class="row" ng-repeat="o in tx.outs">
|
ntxid: {{tx.ntxid}}
|
||||||
<p class="large-5 columns"> {{o.value}} BTC </p>
|
</div>
|
||||||
<i class="large-2 columns fi-arrow-right size-16 text-center"></i>
|
<div class="large-4 columns text-right">
|
||||||
<p class="large-5 columns"> {{o.address}}</p>
|
created at {{tx.createdTs | date:'medium'}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="large-12 columns m0 panel panel-sign" ng-show="tx.signedByUs">
|
|
||||||
<i class="fi-check size-40"></i> Signed by you already
|
<div class="row">
|
||||||
|
<div class="large-12 columns">
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Creator</th>
|
||||||
|
<th class="text-center"><i class="fi-arrow-right"></i></th>
|
||||||
|
<th>To address</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr ng-repeat="o in tx.outs">
|
||||||
|
<td>{{tx.creator}}</td>
|
||||||
|
<td class="text-center">{{o.value}} BTC</td>
|
||||||
|
<td>{{o.address}}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="large-12 columns m0" ng-show="!tx.signedByUs">
|
|
||||||
<div class="line"></div>
|
<div class="txbottom">
|
||||||
<button class="primary round large-4 columns"><i class="large-2 columns fi-x size-16 text-center"></i> Ignore</button>
|
<div class="row">
|
||||||
<small class="large-4 columns text-center">
|
<div class="large-6 columns">
|
||||||
<span ng-show="tx.missingSignatures==1"> One signature </span>
|
<div ng-show="tx.signedByUs">
|
||||||
<span ng-show="tx.missingSignatures>1"> {{tx.missingSignatures}} signatures </span>
|
<i class="fi-check size-40"></i> Signed by you already
|
||||||
missing
|
</div>
|
||||||
</small>
|
<div ng-show="!tx.signedByUs">
|
||||||
<button class="secondary round large-4 columns" ng-click="sign(tx.ntxid)"><i class="large-2 columns fi-check size-16 text-center"></i> Sign</button>
|
<button class="secondary round" ng-click="sign(tx.ntxid)">
|
||||||
|
<i class="fi-check"></i> Sign
|
||||||
|
</button>
|
||||||
|
<button class="primary round">
|
||||||
|
<i class="fi-x"></i> Ignore
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="large-6 columns text-right">
|
||||||
|
<span ng-show="!tx.missingSignatures">
|
||||||
|
TODO: if tx was sent
|
||||||
|
</span>
|
||||||
|
<span ng-show="tx.missingSignatures==1">
|
||||||
|
One signature missing
|
||||||
|
</span>
|
||||||
|
<span ng-show="tx.missingSignatures>1">
|
||||||
|
{{tx.missingSignatures}} signatures missing</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- end of row -->
|
</div>
|
||||||
</div> <!-- end of pending -->
|
|
||||||
<div class="line-dashed-h"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="large-12 columns">
|
<div class="large-12 columns">
|
||||||
<h3>Last Transactions</h3>
|
<h4>Last transactions</h4>
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p class="large-5 columns"> Address 1 <small class="right"> 1231 BTC </small></p>
|
<p class="large-5 columns"> Address 1 <small class="right"> 1231 BTC </small></p>
|
||||||
|
|
Loading…
Reference in New Issue