Fix animation for wp

This commit is contained in:
Gustavo Maximiliano Cortez 2015-04-21 16:32:25 -03:00
parent 206d01f71e
commit bfc1c61753
2 changed files with 31 additions and 28 deletions

View File

@ -115,8 +115,8 @@
</div> </div>
</div> </div>
<div class="text-gray text-center m10t animated infinite flash"> <div ng-if="send.onGoingProcess" class="text-gray text-center m10t">
<span ng-show="send.onGoingProcess">{{send.onGoingProcess|translate}}...</span> <span class="animated infinite flash">{{send.onGoingProcess|translate}}...</span>
</div> </div>

View File

@ -2,38 +2,41 @@
<div class="row" ng-show="!index.noFocusedWallet"> <div class="row" ng-show="!index.noFocusedWallet">
<div class="amount" ng-style="{'background-color':index.backgroundColor}"> <div class="amount" ng-style="{'background-color':index.backgroundColor}">
<div ng-show="index.updateError && !index.notAuthorized && !index.anyOnGoingProcess" ng-click='index.openWallet()'> <div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
Could not update Wallet <div ng-show="index.updateError" ng-click='index.openWallet()'>
<br> [Tap to retry] <span translate>Could not update Wallet</span>
</div> <br>[<span translate>Tap to retry</span>]
</div>
<div ng-show="index.walletScanStatus == 'error' && !index.anyOnGoingProcess" ng-click='index.retryScan()'> <div ng-show="index.walletScanStatus == 'error'" ng-click='index.retryScan()'>
Scan status finished with error <span translate>Scan status finished with error</span>
<br> [Tap to retry] <br>[<span translate>Tap to retry</span>]
</div> </div>
<div ng-show="!index.updateError && index.walletScanStatus != 'error'">
<div class="size-36 animated pulse"> <div class="size-36 animated pulse">
<strong ng-show="!index.anyOnGoingProcess"> <strong>{{index.totalBalanceStr}}</strong>
{{index.totalBalanceStr }}
</strong>
</div>
<div class="text-white text-center animated infinite flash">
<span translate ng-show="index.onGoingProcessName == 'openingWallet'">Opening Wallet...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingStatus'">Updating Status...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingBalance'">Updating Balance...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingPendingTxps'">Updating Pending Transactions...</span>
<span translate ng-show="index.onGoingProcessName == 'scanning'">Scanning Wallet funds...</span>
<span translate ng-show="index.onGoingProcessName == 'recreating'">Recreating Wallet on BWS...</span>
</div> </div>
<div class="size-14" <div class="size-14"
ng-class="{'animated fadeIn':!index.hideBalance}" ng-class="{'animated fadeIn':!index.hideBalance && index.alternativeBalanceAvailable}"
ng-show="!index.anyOnGoingProcess && index.alternativeBalanceAvailable"> ng-show="index.alternativeBalanceAvailable">
{{index.totalBalanceAlternative}} {{index.alternativeIsoCode}} {{index.totalBalanceAlternative}} {{index.alternativeIsoCode}}
</div> </div>
</div> </div>
</div>
<div ng-if="index.anyOnGoingProcess" class="text-white text-center">
<div class="animated infinite flash">
<span translate ng-show="index.onGoingProcessName == 'openingWallet'">Opening Wallet...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingStatus'">Updating Status...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingBalance'">Updating Balance...</span>
<span translate ng-show="index.onGoingProcessName == 'updatingPendingTxps'">Updating Pending Transactions...</span>
<span translate ng-show="index.onGoingProcessName == 'scanning'">Scanning Wallet funds...</span>
<span translate ng-show="index.onGoingProcessName == 'recreating'">Recreating Wallet on BWS...</span>
</div>
</div>
</div>
<div class="pr columns line-b"> <div class="pr columns line-b">
<div class="avatar-wallet left" <div class="avatar-wallet left"
ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div> ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div>