anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2593 from matiu/feat/walletHome-anim

Browse source 
walletHome animations
This commit is contained in:
Juan Ignacio Sosa Lopez 2015-04-22 14:05:57 -03:00
commit c95db3405b
2 changed files with 139 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

42
public/views/walletHome.html
View file

@ -5,16 +5,16 @@
<div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
<div ng-show="index.updateError" ng-click='index.openWallet()'>
<span translate>Could not update Wallet</span>
<br>[<span translate>Tap to retry</span>]
<br><span translate>Tap to retry</span>
</div>
<div ng-show="index.walletScanStatus == 'error'" ng-click='index.retryScan()'>
<span translate>Scan status finished with error</span>
<br>[<span translate>Tap to retry</span>]
<br><span translate>Tap to retry</span>
</div>
<div ng-show="!index.updateError && index.walletScanStatus != 'error'">
<div class="size-36 animated pulse">
<div class="size-36 animated fadeIn">
<strong>{{index.totalBalanceStr}}</strong>
</div>
<div class="size-14"
@ -26,21 +26,20 @@
</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 ng-if="index.anyOnGoingProcess">
<div class="size-36">
<strong>...</strong>
</div>
</div>
</div>
<div class="pr columns line-b">
<div class="avatar-wallet left"
ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div>
ng-class="{'updating':index.anyOnGoingProcess}"
ng-style="{'background-color':index.backgroundColor}"
>
<div class="">{{index.walletName | limitTo: 1}}</div>
</div>
<div class="right">
<a ng-click="$root.go('preferences')" class="button outline light-gray tiny m0">
<i class="fi-widget size-18 vm"></i>
@ -60,6 +59,23 @@
</div>
</div>
<div class="text-white text-center onGoingProcess"
ng-show="index.anyOnGoingProcess"
ng-style="{'color':index.backgroundColor}"
ng-class="{'opacityCycle':index.anyOnGoingProcess}"
>
<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 ng-show="index.notAuthorized">
<div class="text-center text-warning">
<i class="fi-alert"></i>