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

Merge pull request #1651 from bechi/bugs/ui-10

Browse source 
fix home style
This commit is contained in:
Matias Alejo Garcia 2014-10-31 15:53:15 -03:00
commit b9540d5a09
4 changed files with 92 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/src/main.css
View file

@ -80,7 +80,7 @@
font-family: 'Ubuntu', Helvetica, sans-serif !important; font-family: 'Ubuntu', Helvetica, sans-serif !important;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6, .panel h2 {
color: #2C3E50; color: #2C3E50;
} }
@ -250,6 +250,17 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
-webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-box-shadow: 0 0 0px 1000px white inset;
} }
.home-wallet .avatar-wallet {
background: #1ABC9C;
margin: 0;
width: 45px;
height: 45px;
font-size: 30px;
padding-top: 10px;
margin-right: 15px;
color: #FFF;
}
.side-nav.wallets .avatar-wallet{ .side-nav.wallets .avatar-wallet{
background-color: #7A8C9E; background-color: #7A8C9E;
color: #213140; color: #213140;

2
views/copayers.html
View file

@ -18,7 +18,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="box-setup-copayers p20"> <div class="panel p20">
<div class="oh"> <div class="oh">
<div ng-include="'views/includes/copayer.html'"></div> <div ng-include="'views/includes/copayer.html'"></div>
<div ng-if="!$root.wallet.isReady()"> <div ng-if="!$root.wallet.isReady()">

114
views/homeWallet.html
View file

@ -1,70 +1,68 @@
<div class="addresses" ng-controller="HomeWalletController"> <div class="home-wallet" ng-controller="HomeWalletController">
<div ng-show='$root.wallet.isReady()'> <div ng-show='$root.wallet.isReady()'>
<h1 translate class="hide-for-large-up">Home</h1> <h1 translate class="hide-for-large-up">Home</h1>
<br>
<br>
<!-- Wallet name and balance --> <!-- Wallet name and balance -->
<div> <div class="panel large-12 columns">
<div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div> <div class="row collapse">
<div class="ellipsis">{{$root.wallet.getName()}}</div> <div class="large-1 columns">
<div ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true"> <div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
<b class="m5r">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b> </div>
<span class="alt-currency">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span> <div class="large-9 columns">
<h2 class="ellipsis m10t">{{$root.wallet.getName()}}</h2>
</div>
<div class="large-2 columns text-right text-black" ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true">
<b class="db m5b size-24">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
<span class="size-14 m5t text-gray">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span>
</div> </div>
</div>
</div>
<br>
<br>
<!-- Address-->
<span translate>Quick receive</span>
<div>
<qrcode size="220" data="bitcoin:{{address.addressStr}}"></qrcode>
<div class="m10t">
<h4 class="size-12">{{address.addressStr}} <span class="btn-copy" clip-copy="address.addressStr"></span></h4>
<span ng-if="$root.updatingBalance">
<i class="fi-bitcoin-circle icon-rotate spinner"></i>
</span>
<div class="small-10 columns small-centered">
<button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.addressStr)">
<i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span>
</button>
</div> </div>
</div> </div>
</div> </div>
<br>
<br>
<br>
<!-- List of copayers --> <!-- Address-->
<div> <div class="large-6 columns">
<div class="copay-box" ng-repeat="copayer in copayersList()"> <div class="panel oh">
<img <h2 class="line-b" translate>Quick receive</h2>
class="br100 online" <div>
src="./img/satoshi.gif" <qrcode size="220" data="bitcoin:{{address.addressStr}}"></qrcode>
alt="{{copayer.peerId}}"
width="70"> <div class="m10t">
<div <h4 class="size-12">{{address.addressStr}} <span class="btn-copy" clip-copy="address.addressStr"></span></h4>
class="ellipsis" <span ng-if="$root.updatingBalance">
tooltip="ID: {{copayer.peerId}}" <i class="fi-bitcoin-circle icon-rotate spinner"></i>
tooltip-placement="bottom"> </span>
<small class="text-gray" ng-show="copayer.index == 0"> <div class="small-10 columns small-centered">
<i class="fi-check m5r"></i>{{'Me'|translate}}</small> <button class="m15t button secondary hide-for-large-up" ng-show="isMobile" ng-click="mobileCopy(address.addressStr)">
<small class="text-gray" ng-show="copayer.index > 0"><i class="fi-check m5r"></i>{{copayer.nick}}</small> <i class="fi-link">&nbsp;</i> <span translate>Copy to clipboard</span>
</button>
</div>
</div>
</div> </div>
<div translate class="success label m10t" ng-show="isBackupReady(copayer)">Ready</div>
</div> </div>
</div> </div>
<!-- <br>
<br>
<br> <!-- Last transactions
<div>
<span translate>Last transactions</span>
</div> -->
</div> <!-- List of copayers -->
<div class="large-6 columns">
<div class="panel oh">
<h2 class="line-b" translate>Copayers</h2>
<div class="copay-box" ng-repeat="copayer in copayersList()">
<img
class="br100 online"
src="./img/satoshi.gif"
alt="{{copayer.peerId}}"
width="70">
<div
class="ellipsis"
tooltip="ID: {{copayer.peerId}}"
tooltip-placement="bottom">
<small class="text-gray" ng-show="copayer.index == 0">
<i class="fi-check m5r"></i>{{'Me'|translate}}</small>
<small class="text-gray" ng-show="copayer.index > 0"><i class="fi-check m5r"></i>{{copayer.nick}}</small>
</div>
<div translate class="success label m10t" ng-show="isBackupReady(copayer)">Ready</div>
</div>
</div>
</div>

48
views/more.html
View file

@ -1,6 +1,21 @@
<div class="backup" ng-controller="MoreController"> <div class="backup" ng-controller="MoreController">
<h1 class="hide-for-large-up">{{$root.title}} </h1> <h1 class="hide-for-large-up">{{$root.title}} </h1>
<div class="large-12 columns panel"> <div class="row collapse">
<form name="settingsForm" class="large-6 small-12 columns">
<fieldset>
<legend translate>Wallet Unit</legend>
<select class="form-control" ng-model="selectedUnit" ng-options="o.name for o in unitOpts" ng-change="save()">
</select>
</fieldset>
<fieldset>
<legend translate>Alternative Currency</legend>
<select class="form-control" ng-model="selectedAlternative" ng-options="alternative.name for alternative in alternativeOpts" ng-change="save()">
</select>
</fieldset>
</form>
</div>
<div class="large-12 columns line-dashed-h m15b"></div>
<div class="large-6 columns panel">
<h2><i class="fi-download m10r"></i> <span translate>Backup</span> </h2> <h2><i class="fi-download m10r"></i> <span translate>Backup</span> </h2>
<p translate class="text-gray"> <p translate class="text-gray">
It's important to backup your wallet so that you can recover it in case of disaster It's important to backup your wallet so that you can recover it in case of disaster
@ -20,31 +35,16 @@
<div translate class="m10t size-12 text-gray text-right">Copy this text as it is in a safe place (notepad or email)</div> <div translate class="m10t size-12 text-gray text-right">Copy this text as it is in a safe place (notepad or email)</div>
</div> </div>
</div> </div>
<div class="large-12 columns line-dashed-h m15b"></div> <div class="large-6 columns">
<div class="row collapse"> <div class="panel oh">
<form name="settingsForm" class="large-6 small-12 columns"> <h3><i class="fi-minus-circle m10r"></i> <span translate> Delete Wallet </span></h3>
<fieldset> <p translate class="large-8 columns text-gray">If all funds have been removed from your wallet and you do not wish to have the wallet data stored on your computer anymore, you can delete your wallet.</p>
<legend translate>Wallet Unit</legend> <div class="large-4 columns">
<select class="form-control" ng-model="selectedUnit" ng-options="o.name for o in unitOpts" ng-change="save()"> <a translate class="button warning expand" ng-really-message="{{'Are you sure to delete this wallet from this computer?'|translate}}" ng-really-click="deleteWallet()"> Delete</a>
</select> </div>
</fieldset>
<fieldset>
<legend translate>Alternative Currency</legend>
<select class="form-control" ng-model="selectedAlternative" ng-options="alternative.name for alternative in alternativeOpts" ng-change="save()">
</select>
</fieldset>
</form>
</div>
<div class="large-12 columns line-dashed-h m15b"></div>
<div class="oh large-12 columns panel">
<h3><i class="fi-minus-circle m10r"></i> <span translate> Delete Wallet </span></h3>
<p translate class="large-8 columns text-gray">If all funds have been removed from your wallet and you do not wish to have the wallet data stored on your computer anymore, you can delete your wallet.</p>
<div class="large-4 columns">
<a translate class="button warning expand" ng-really-message="{{'Are you sure to delete this wallet from this computer?'|translate}}" ng-really-click="deleteWallet()"> Delete</a>
</div> </div>
</div> </div>
<p> <a class="large-12 columns small" ng-click="hideAdv=!hideAdv">
<a class="expand small" ng-click="hideAdv=!hideAdv">
<i class="fi-widget m3r"></i> <i class="fi-widget m3r"></i>
<span translate ng-hide="!hideAdv">Show</span> <span translate ng-hide="!hideAdv">Show</span>
<span translate ng-hide="hideAdv">Hide</span> <span translate ng-hide="hideAdv">Hide</span>