copay/views/modals/tx-details.html

82 lines
3.0 KiB
HTML

<nav class="tab-bar text-right hide-for-large-up">
<span ng-click="cancel()" class="p10 text-white" translate>Close</span>
</nav>
<div class="modal-mobile">
<div class="header-modal text-center">
<div ng-if="btx.addressTo" class="m10v">
<span class="ellipsis">
<i translate>To:</i>
<span ng-if="btx.merchant">
<span ng-show="btx.merchant.pr.ca"><i class="fi-lock color-greeni"></i> {{btx.merchant.domain}}</span>
<span ng-show="!btx.merchant.pr.ca"><i class="fi-unlock color-yellowi"></i> {{btx.merchant.domain}}</span>
</span>
<span ng-if="!btx.merchant">
<span class="text-gray"> {{btx.labelTo || btx.addressTo}}</span>
</span>
</span>
</div>
<div class="size-42" ng-class="{
'text-primary' : btx.action == 'received',
'text-warning': btx.action == 'sent',
'text-gray': btx.action == 'moved'}">
<span ng-if="btx.action == 'received'">+</span><span ng-if="btx.action == 'sent'">-</span>{{btx.amount}}
{{$root.wallet.settings.unitName}}
</div>
<div class="size-18 m5t text-gray" ng-show="btx.alternativeAmount">
{{btx.alternativeAmount}} {{$root.wallet.settings.alternativeIsoCode}}
</div>
<a class="close-reveal-modal show-for-large-up" ng-click="cancel()"><i class="fi-x size-18"></i></a>
</div>
<table>
<tr ng-if="btx.ts || btx.createdTs">
<td width="30"><i translate>Date:</i></td>
<td><time>{{ (btx.ts || btx.createdTs ) | amCalendar}}</time></td>
</tr>
<tr ng-if="btx.comment">
<td width="30"><i translate>Note:</i></td>
<td class="">{{btx.comment}}</td>
</tr>
<tr ng-if="btx.merchant">
<td width="30"><i translate>Merchant Message:</i></td>
<td class="text-gray">{{btx.merchant.pr.pd.memo}}</td>
</tr>
<tr ng-if="btx.ts">
<td width="30"><i translate>Confirmations: </i></td>
<td><span class="text-warning" ng-show="!btx.confirmations || btx.confirmations == 0" translate>
Unconfirmed
</span>
<span class="text-secondary" ng-show="btx.confirmations>0">
{{btx.confirmations}}
</span>
</td>
</tr>
<tr ng-if="btx.actionList[0]">
<td width="30"><i translate>Signatures:</i></td>
<td>
<ul class="no-bullet size-10 m0" ng-if="btx.actionList[0]">
<li ng-repeat="c in btx.actionList" ng-class="{'m5b':!$last}" ng-if="c.actions.rejected || c.actions.sign || c.actions.create">
<span>
<i ng-if="c.actions.rejected" class="fi-x icon-sign x"></i>
<i ng-if="c.actions.sign" class="fi-check icon-sign check"></i>
</span>
<span>{{c.cId === $root.wallet.getMyCopayerId() ? 'Me' : $root.wallet.publicKeyRing.nicknameForCopayer(c.cId)}}</span>
</li>
</ul>
</td>
</tr>
</table>
<small class="ellipsis text-gray m20b text-right" ng-if="btx.txid" > ID: {{btx.txid}} </small>
<a class="button outline light-gray tiny right" ng-click="$root.openExternalLink('http://' + getShortNetworkName() + '.insight.is/tx/' + btx.txid)" ng-if="btx.txid">
<span translate>See it on the blockchain</span> <i class="icon-arrow-right2 vm"></i>
</a>
</div>