mirror of https://github.com/BTCPrivate/copay.git
add style history modal
This commit is contained in:
parent
9a01c8fb56
commit
3a7a1deeed
|
@ -169,10 +169,6 @@
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel {
|
|
||||||
padding: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel.last-transactions {
|
.panel.last-transactions {
|
||||||
margin-bottom: 3.25rem;
|
margin-bottom: 3.25rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="large-3 medium-9 small-8 columns text-right">
|
<div class="large-3 medium-9 small-8 columns text-right">
|
||||||
<div class="tx-amount left" ng-class="{
|
<span class="tx-amount " ng-class="{
|
||||||
'text-primary' : btx.action == 'received',
|
'text-primary' : btx.action == 'received',
|
||||||
'text-warning': btx.action == 'sent',
|
'text-warning': btx.action == 'sent',
|
||||||
'text-gray': btx.action == 'moved'}">
|
'text-gray': btx.action == 'moved'}">
|
||||||
|
@ -37,8 +37,8 @@
|
||||||
'gray': btx.action == 'moved'}" ng-show="btx.alternativeAmount != null">
|
'gray': btx.action == 'moved'}" ng-show="btx.alternativeAmount != null">
|
||||||
{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}
|
{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</span>
|
||||||
<div ng-class="{
|
<span ng-class="{
|
||||||
'text-primary' : btx.action == 'received',
|
'text-primary' : btx.action == 'received',
|
||||||
'text-warning': btx.action == 'sent',
|
'text-warning': btx.action == 'sent',
|
||||||
'text-gray': btx.action == 'moved'}">
|
'text-gray': btx.action == 'moved'}">
|
||||||
|
@ -46,7 +46,7 @@
|
||||||
'fi-arrow-left' : btx.action == 'received',
|
'fi-arrow-left' : btx.action == 'received',
|
||||||
'fi-arrow-right': btx.action == 'sent',
|
'fi-arrow-right': btx.action == 'sent',
|
||||||
'fi-loop': btx.action == 'moved'}"></i>
|
'fi-loop': btx.action == 'moved'}"></i>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="large-7 medium-12 small-12 columns text-gray">
|
<div class="large-7 medium-12 small-12 columns text-gray">
|
||||||
|
|
|
@ -1,59 +1,58 @@
|
||||||
|
|
||||||
<a class="close-reveal-modal" ng-click="cancel()">×</a>
|
<a class="close-reveal-modal" ng-click="cancel()">×</a>
|
||||||
|
|
||||||
<h3>Transaction Details</h3>
|
|
||||||
<div class="size-14">
|
<div class="size-14">
|
||||||
<div>
|
<div class="text-center size-72">
|
||||||
<span class="ellipsis"> ID: {{btx.txid}}</span>
|
<div ng-class="{
|
||||||
|
'text-primary' : btx.action == 'received',
|
||||||
|
'text-warning': btx.action == 'sent',
|
||||||
|
'text-gray': btx.action == 'moved'}">
|
||||||
|
<i ng-class="{
|
||||||
|
'fi-arrow-left' : btx.action == 'received',
|
||||||
|
'fi-arrow-right': btx.action == 'sent',
|
||||||
|
'fi-loop': btx.action == 'moved'}"></i>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-center" class="m10v">
|
||||||
|
<div class="tx-amount" ng-class="{
|
||||||
|
'text-primary' : btx.action == 'received',
|
||||||
|
'text-warning': btx.action == 'sent',
|
||||||
|
'text-gray': btx.action == 'moved'}">
|
||||||
|
<b>{{btx.amount}} {{$root.wallet.settings.unitName}}</b>
|
||||||
|
<span class="alt-currency" ng-class="{
|
||||||
|
'green' : btx.action == 'received',
|
||||||
|
'red': btx.action == 'sent',
|
||||||
|
'gray': btx.action == 'moved'}" ng-show="btx.alternativeAmount != null">
|
||||||
|
{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line-b m10t"></div>
|
||||||
|
<h1 class="m30v">Transaction Details</h1>
|
||||||
|
<div class="ellipsis"> <b>ID:</b> <span class="text-gray"> {{btx.txid}} </span></div>
|
||||||
<div ng-if="btx.ts" class="m10v">
|
<div ng-if="btx.ts" class="m10v">
|
||||||
<time>{{btx.ts | amTimeAgo}}</time>
|
<time><b>{{btx.ts | amTimeAgo}}</b></time>
|
||||||
:
|
:
|
||||||
<time>{{btx.ts | amCalendar}}</time>
|
<time> <span class="text-gray">{{btx.ts | amCalendar}}</span></time>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="m10v">
|
||||||
<div class="m30v">
|
|
||||||
<div class="text-center size-72">
|
|
||||||
<div ng-class="{
|
|
||||||
'text-primary' : btx.action == 'received',
|
|
||||||
'text-warning': btx.action == 'sent',
|
|
||||||
'text-gray': btx.action == 'moved'}">
|
|
||||||
<i ng-class="{
|
|
||||||
'fi-arrow-left' : btx.action == 'received',
|
|
||||||
'fi-arrow-right': btx.action == 'sent',
|
|
||||||
'fi-loop': btx.action == 'moved'}"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="text-center" class="m10v">
|
|
||||||
<div class="tx-amount" ng-class="{
|
|
||||||
'text-primary' : btx.action == 'received',
|
|
||||||
'text-warning': btx.action == 'sent',
|
|
||||||
'text-gray': btx.action == 'moved'}">
|
|
||||||
<b>{{btx.amount}} {{$root.wallet.settings.unitName}}</b>
|
|
||||||
<span class="alt-currency" ng-class="{
|
|
||||||
'green' : btx.action == 'received',
|
|
||||||
'red': btx.action == 'sent',
|
|
||||||
'gray': btx.action == 'moved'}" ng-show="btx.alternativeAmount != null">
|
|
||||||
{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="m10v" class="m10v">
|
|
||||||
<span class="label alert" ng-show="!btx.ts && (!btx.confirmations || btx.confirmations == 0)">
|
<span class="label alert" ng-show="!btx.ts && (!btx.confirmations || btx.confirmations == 0)">
|
||||||
<span translate>Unconfirmed</span>
|
<span translate>Unconfirmed</span>
|
||||||
</span>
|
</span>
|
||||||
<span ng-show="btx.confirmations>0" class="m10v">
|
<span ng-show="btx.confirmations>0" class="m10v">
|
||||||
<span translate>Confirmations:</span>{{btx.confirmations}}
|
<b translate>Confirmations:</b>
|
||||||
|
<span class="text-gray">{{btx.confirmations}}</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-if="btx.addressTo" class="m10v">
|
<div ng-if="btx.addressTo" class="m10v">
|
||||||
<span class="ellipsis">To: {{btx.labelTo || btx.addressTo}}</span>
|
<span class="ellipsis">
|
||||||
|
<b>To:</b>
|
||||||
|
<span class="text-gray"> {{btx.labelTo || btx.addressTo}}</span>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-if="!!btx.merchant" class="m10v">
|
<div ng-if="!!btx.merchant" class="m10v">
|
||||||
|
@ -64,25 +63,23 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-if="btx.actionList[0]" class="m10v">
|
<div ng-if="btx.actionList[0]" class="m10v">
|
||||||
Copayers Actions
|
<b>Copayers Actions</b>
|
||||||
<table class="last-transactions-content" ng-if="btx.actionList[0]">
|
<ul class="tx-copayers m10t" ng-if="btx.actionList[0]">
|
||||||
<tbody>
|
<li ng-repeat="c in btx.actionList" ng-class="{'bottom-line-copayers':!$last}">
|
||||||
<tr ng-repeat="c in btx.actionList">
|
<span>
|
||||||
<td>
|
<i ng-if="c.actions.rejected" class="fi-x icon-sign x"></i>
|
||||||
<i ng-if="c.actions.rejected" class="fi-x icon-status icon-active-x"></i>
|
<i ng-if="c.actions.sign" class="fi-check icon-sign check"></i>
|
||||||
<i ng-if="c.actions.sign" class="fi-check icon-status icon-active-check"></i>
|
<i ng-if="!c.actions.sign && !c.actions.rejected && tx.missingSignatures" class="m10r fi-loop icon-rotate"></i>
|
||||||
</td>
|
</span>
|
||||||
<td>
|
<span>
|
||||||
<i ng-if="c.actions.create" class="fi-crown icon-status icon-active"></i>
|
<i ng-if="c.actions.create" class="fi-crown icon-status icon-active m10r"></i>
|
||||||
</td>
|
</span>
|
||||||
<td class="copayer-name text-gray" width="100%">{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}
|
<span>{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}</span>
|
||||||
</td>
|
</li>
|
||||||
</tr>
|
</ul>
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="m10v">
|
<div class="m10v text-right">
|
||||||
<a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="_blank"> See it on the blockchain <i class="icon-arrow-right2 vm"></i></a>
|
<a href="http://{{getShortNetworkName()}}.insight.is/tx/{{btx.txid}}" target="_blank"> See it on the blockchain <i class="icon-arrow-right2 vm"></i></a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue