fix history. Added date and comment for small devices

This commit is contained in:
Gustavo Maximiliano Cortez 2014-11-03 16:32:41 -03:00
commit fe92486d67

View file

@ -1,15 +1,21 @@
<div class="transactions" data-ng-controller="HistoryController" data-ng-init="update()"> <div class="transactions" data-ng-controller="HistoryController" data-ng-init="update()">
<div ng-show='$root.wallet.isReady()'> <div ng-show='$root.wallet.isReady()'>
<div ng-if="loading" class="m10b"> <div ng-if="loading" class="m20b">
<i class="fi-bitcoin-circle icon-rotate spinner"></i> <i class="fi-bitcoin-circle icon-rotate spinner"></i>
<span translate>Loading...</span> <span translate>Loading...</span>
</div> </div>
<div ng-if="!blockchain_txs[0].txid && !loading"> <div ng-if="!blockchain_txs[0].txid && !loading">
<em><strong translate>No transactions yet.</strong></em> <em><strong translate>No transactions yet.</strong></em>
</div> </div>
<div class="panel large-12 columns" ng-repeat="btx in blockchain_txs | orderBy: 'time':true" ng-click="btx.showDetails = !btx.showDetails"> <div
<div class="row collapse size-14"> class="row"
<div class="large-2 medium-2 small-4 columns"> ng-if="blockchain_txs[0].txid">
<div class="large-12 colums">
<div class="panel oh"
ng-repeat="btx in blockchain_txs | orderBy: 'time':true" ng-click="btx.showDetails = !btx.showDetails">
<div class="row size-14">
<div class="large-2 medium-3 small-12 columns">
<span ng-hide="btx.ts">&nbsp;</span> <span ng-hide="btx.ts">&nbsp;</span>
<time ng-if="btx.ts">{{btx.ts | amCalendar}}</time> <time ng-if="btx.ts">{{btx.ts | amCalendar}}</time>
<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)">
@ -17,37 +23,36 @@
</span> </span>
</div> </div>
<div class="large-2 medium-2 small-5 columns text-right"> <div class="large-2 medium-3 small-6 columns text-right">
<div ng-if="btx.action == 'received' " class="text-primary"> <div ng-class="{
'text-primary' : btx.action == 'received',
'text-warning': btx.action == 'sent',
'text-gray': btx.action == 'moved'}">
<b>{{btx.amount| noFractionNumber}} {{$root.wallet.settings.unitName}}</b> <b>{{btx.amount| noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
<i class="m15h fi-arrow-left" tooltip="{{'received'|translate}}" tooltip-placement="bottom"></i> <i class="m15h"
</div> ng-class="{
<div ng-if="btx.action == 'sent' " class="text-warning"> 'fi-arrow-left' : btx.action == 'received',
<b>{{btx.amount| noFractionNumber}} {{$root.wallet.settings.unitName}}</b> 'fi-arrow-right': btx.action == 'sent',
<i class="m15h fi-arrow-right" tooltip="{{'Sent'|translate}}" tooltip-placement="bottom"></i> 'fi-arrow-loop': btx.action == 'moved'}"></i>
</div>
<div ng-if="btx.action == 'moved' " class="text-gray">
<b>{{btx.amount| noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
<i class="m15h fi-loop" tooltip="{{'Moved'|translate}}" tooltip-placement="bottom"></i>
</div> </div>
</div> </div>
<div class="large-3 medium-3 columns hide-for-small-only text-gray"> <div class="large-3 medium-3 small-6 columns text-gray">
<span ng-hide="btx.labelTo">&nbsp;</span> <span ng-hide="btx.labelTo">&nbsp;</span>
<span ng-show="btx.labelTo">{{btx.labelTo}}</span> <span ng-show="btx.labelTo">{{btx.labelTo}}</span>
</div> </div>
<div class="large-3 medium-3 small-4 columns hide-for-small-only text-gray"> <div class="large-4 medium-3 small-12 columns text-gray">
<span ng-show="btx.comment"><i class="fi-comment-quotes"></i> {{btx.comment}} </span> <span ng-show="btx.comment"><i class="fi-comment-quotes"></i> {{btx.comment}} </span>
</div> </div>
<div class="large-1 medium-1 small-1 columns text-right" <div class="large-1 columns show-for-large-up text-gray text-right" ng-init="btx.showDetails = false">
ng-init="btx.showDetails = false">
<a> <a>
<i ng-if="!btx.showDetails" class="icon-arrow-down4"></i> <i ng-if="!btx.showDetails" class="icon-arrow-down4"></i>
<i ng-if="btx.showDetails" class="icon-arrow-up4 size-12"></i> <i ng-if="btx.showDetails" class="icon-arrow-up4 size-12"></i>
</a> </a>
</div> </div>
</div> </div>
<div ng-show="btx.showDetails"> <div ng-show="btx.showDetails">
<table class="last-transactions-content" ng-if="btx.actionList.0"> <table class="last-transactions-content" ng-if="btx.actionList.0">
@ -80,3 +85,5 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>