mirror of https://github.com/BTCPrivate/copay.git
prelim group divider style
This commit is contained in:
parent
d83114f292
commit
45a842cbd7
|
@ -54,6 +54,13 @@
|
||||||
&__tx-amount {
|
&__tx-amount {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&__group-label {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 300;
|
||||||
|
color: #727272;
|
||||||
|
padding: 2px 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#walletDetails {
|
#walletDetails {
|
||||||
|
|
|
@ -175,53 +175,56 @@
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="wallet-details__list" ng-show="txHistory[0]">
|
<div class="wallet-details__list" ng-show="txHistory[0]">
|
||||||
<div class="wallet-details__item" ng-repeat="btx in txHistory track by $index" ng-click="openTxModal(btx)">
|
<div ng-repeat="btx in txHistory track by $index" ng-click="openTxModal(btx)">
|
||||||
|
<div class="wallet-details__group-label">June</div>
|
||||||
|
|
||||||
<img class="wallet-details__tx-icon" src="img/icon-tx-received.svg" width="40" ng-if="btx.action == 'received'">
|
<div class="wallet-details__item">
|
||||||
<img class="wallet-details__tx-icon" src="img/icon-tx-sent.svg" width="40" ng-if="btx.action == 'sent'">
|
<img class="wallet-details__tx-icon" src="img/icon-tx-received.svg" width="40" ng-if="btx.action == 'received'">
|
||||||
<img class="wallet-details__tx-icon" src="img/icon-tx-moved.svg" width="40" ng-if="btx.action == 'moved'">
|
<img class="wallet-details__tx-icon" src="img/icon-tx-sent.svg" width="40" ng-if="btx.action == 'sent'">
|
||||||
|
<img class="wallet-details__tx-icon" src="img/icon-tx-moved.svg" width="40" ng-if="btx.action == 'moved'">
|
||||||
|
|
||||||
<div class="wallet-details__tx-content">
|
<div class="wallet-details__tx-content">
|
||||||
<div class="wallet-details__tx-title">
|
<div class="wallet-details__tx-title">
|
||||||
<div ng-show="btx.action == 'received'" class="ellipsis">
|
<div ng-show="btx.action == 'received'" class="ellipsis">
|
||||||
<div ng-if="btx.note.body">{{btx.note.body}}</div>
|
<div ng-if="btx.note.body">{{btx.note.body}}</div>
|
||||||
<div ng-if="!btx.note.body" translate> Received</div>
|
<div ng-if="!btx.note.body" translate> Received</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div ng-show="btx.action == 'sent'" class="ellipsis">
|
|
||||||
<div ng-if="btx.message" class="wallet-details__tx-message ellipsis">{{btx.message}}</div>
|
|
||||||
<div ng-if="!btx.message && btx.note.body">{{btx.note.body}}</div>
|
|
||||||
<div ng-if="!btx.message && !btx.note.body && addressbook[btx.addressTo]">
|
|
||||||
{{addressbook[btx.addressTo].name || addressbook[btx.addressTo]}}
|
|
||||||
</div>
|
</div>
|
||||||
<div ng-if="!btx.message && !btx.note.body && !addressbook[btx.addressTo]" translate>Sent</div>
|
|
||||||
|
<div ng-show="btx.action == 'sent'" class="ellipsis">
|
||||||
|
<div ng-if="btx.message" class="wallet-details__tx-message ellipsis">{{btx.message}}</div>
|
||||||
|
<div ng-if="!btx.message && btx.note.body">{{btx.note.body}}</div>
|
||||||
|
<div ng-if="!btx.message && !btx.note.body && addressbook[btx.addressTo]">
|
||||||
|
{{addressbook[btx.addressTo].name || addressbook[btx.addressTo]}}
|
||||||
|
</div>
|
||||||
|
<div ng-if="!btx.message && !btx.note.body && !addressbook[btx.addressTo]" translate>Sent</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div ng-show="btx.action == 'moved'" class="ellipsis">
|
||||||
|
<div ng-if="btx.note.body">{{btx.note.body}}</div>
|
||||||
|
<div ng-if="!btx.note.body" translate>Moved</div>
|
||||||
|
</div>
|
||||||
|
<span class="label tu warning radius" ng-if="btx.action == 'invalid'" translate>Invalid</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-show="btx.action == 'moved'" class="ellipsis">
|
<span class="item-note text-right wallet-details__tx-amount">
|
||||||
<div ng-if="btx.note.body">{{btx.note.body}}</div>
|
<span class="wallet-details__tx-amount" ng-class="{'wallet-details__tx-amount--recent': btx.recent, 'wallet-details__tx-amount--received': btx.action == 'received', 'wallet-details__tx-amount--sent': btx.action == 'sent'}">
|
||||||
<div ng-if="!btx.note.body" translate>Moved</div>
|
<span ng-if="btx.action == 'sent'">–</span>
|
||||||
</div>
|
<span class="size-12" ng-if="btx.action == 'invalid'" translate>
|
||||||
<span class="label tu warning radius" ng-if="btx.action == 'invalid'" translate>Invalid</span>
|
(possible double spend)
|
||||||
</div>
|
</span>
|
||||||
|
<span ng-if="btx.action != 'invalid'">
|
||||||
<span class="item-note text-right wallet-details__tx-amount">
|
{{btx.amountStr}}
|
||||||
<span class="wallet-details__tx-amount" ng-class="{'wallet-details__tx-amount--recent': btx.recent, 'wallet-details__tx-amount--received': btx.action == 'received', 'wallet-details__tx-amount--sent': btx.action == 'sent'}">
|
</span>
|
||||||
<span ng-if="btx.action == 'sent'">–</span>
|
|
||||||
<span class="size-12" ng-if="btx.action == 'invalid'" translate>
|
|
||||||
(possible double spend)
|
|
||||||
</span>
|
|
||||||
<span ng-if="btx.action != 'invalid'">
|
|
||||||
{{btx.amountStr}}
|
|
||||||
</span>
|
</span>
|
||||||
|
<div>
|
||||||
|
<time class="wallet-details__tx-time" ng-if="btx.time">{{btx.time * 1000 | amTimeAgo}}</time>
|
||||||
|
<span translate class="text-warning"
|
||||||
|
ng-show="!btx.time && (!btx.confirmations || btx.confirmations == 0)">
|
||||||
|
Unconfirmed
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<time class="wallet-details__tx-time" ng-if="btx.time">{{btx.time * 1000 | amTimeAgo}}</time>
|
|
||||||
<span translate class="text-warning"
|
|
||||||
ng-show="!btx.time && (!btx.confirmations || btx.confirmations == 0)">
|
|
||||||
Unconfirmed
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue