Fix pref styling: export and paper wallet

This commit is contained in:
Gustavo Maximiliano Cortez 2015-10-08 13:29:31 -03:00
commit fde76383c2
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 91 additions and 76 deletions

View file

@ -6,20 +6,27 @@
<div class="content p20v" ng-controller="backupController as backup"> <div class="content preferences" ng-controller="backupController as backup">
<div class="row"> <h4></h4>
<div class="columns" ng-show="!backup.backupWalletPlainText"> <div ng-show="!backup.backupWalletPlainText">
<div class="text-warning size-14 m20b" ng-show="backup.error"> <div class="text-warning size-14 m20b" ng-show="backup.error">
<i class="fi-alert size-12"></i> <i class="fi-alert size-12"></i>
<span translate> Failed to export </span> <span translate> Failed to export </span>
</div> </div>
<div class="row">
<div class="columns">
<div class="text-warning size-14 m20b" ng-show="backup.isEncrypted"> <div class="text-warning size-14 m20b" ng-show="backup.isEncrypted">
<i class="fi-alert size-12"></i> <i class="fi-alert size-12"></i>
<span translate> The private key for this wallet is encrypted. Exporting keep the private key encrypted in the export archive.</span> <span translate> The private key for this wallet is encrypted. Exporting keep the private key encrypted in the export archive.</span>
</div> </div>
</div>
</div>
<form>
<div class="row">
<div class="columns">
<label for="password" translate>Set up a Export Password </label> <label for="password" translate>Set up a Export Password </label>
<div class="input"> <div class="input">
<input type="password" class="form-control" <input type="password" class="form-control"
@ -33,16 +40,17 @@
placeholder="{{'Repeat password'|translate}}" placeholder="{{'Repeat password'|translate}}"
name="password" ng-model="backup.repeatpassword"> name="password" ng-model="backup.repeatpassword">
</div> </div>
</div>
</div>
</form>
<h4></h4>
<div class="row" ng-hide="index.isPrivKeyExternal"> <ul class="no-bullet m0" ng-hide="index.isPrivKeyExternal">
<div class="large-12 columns"> <li>
<label for="no-sign" class="line-b oh"> <switch id="no-sign" name="noSign" ng-model="noSign" class="green right"></switch>
<span translate>Do not include private key</span> <span translate>Do not include private key</span>
<switch id="no-sign" name="noSign" ng-model="noSign" class="green right m5t m10b"></switch> </li>
</label> </ul>
</div>
</div>
<div class="box-notification" ng-show="index.isPrivKeyExternal"> <div class="box-notification" ng-show="index.isPrivKeyExternal">
@ -65,12 +73,14 @@
</div> </div>
<button class="black round expand m0" ng-click="backup.downloadWalletBackup()" <div class="row">
<div class="columns">
<button class="black round expand m20t" ng-click="backup.downloadWalletBackup()"
ng-disabled="(!backup.password || backup.password != backup.repeatpassword)" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}" ng-style="{'background-color':index.backgroundColor}"
ng-show="!index.isSafari && !index.isCordova"><i class="fi-download"></i> ng-show="!index.isSafari && !index.isCordova"><i class="fi-download"></i>
<span translate>Download</span></button> <span translate>Download</span></button>
<button class="black round expand m0" ng-click="backup.viewWalletBackup()" <button class="black round expand m20t" ng-click="backup.viewWalletBackup()"
ng-disabled="(!backup.password || backup.password != backup.repeatpassword)" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}" ng-style="{'background-color':index.backgroundColor}"
ng-show="index.isSafari && !index.isCordova"><i class="fi-eye"></i> ng-show="index.isSafari && !index.isCordova"><i class="fi-eye"></i>
@ -81,7 +91,7 @@
ng-style="{'background-color':index.backgroundColor}" ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.copyWalletBackup()"><i class="fi-clipboard-pencil"></i> ng-click="backup.copyWalletBackup()"><i class="fi-clipboard-pencil"></i>
<span translate>Copy to clipboard</span></button> <span translate>Copy to clipboard</span></button>
<button class="black round expand m0" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)" <button class="black round expand" ng-disabled="(!backup.password || backup.password != backup.repeatpassword)"
ng-style="{'background-color':index.backgroundColor}" ng-style="{'background-color':index.backgroundColor}"
ng-click="backup.sendWalletBackup()"><i class="fi-mail"></i> ng-click="backup.sendWalletBackup()"><i class="fi-mail"></i>
<span translate>Send by email</span></button> <span translate>Send by email</span></button>
@ -89,6 +99,8 @@
</div> </div>
</div> </div>
</div>
<div class="row" ng-show="backup.backupWalletPlainText"> <div class="row" ng-show="backup.backupWalletPlainText">
<div class="large-12 columns"> <div class="large-12 columns">
<h3 translate>Wallet Export</h3> <h3 translate>Wallet Export</h3>

View file

@ -4,7 +4,8 @@
ng-init="titleSection='Sweep paper wallet'; goBackToState = 'preferencesAdvanced';"> ng-init="titleSection='Sweep paper wallet'; goBackToState = 'preferencesAdvanced';">
</div> </div>
<div class="content p20v" ng-controller="paperWalletController as paperWallet"> <div class="content preferences" ng-controller="paperWalletController as paperWallet">
<h4 ng-show="!paperWallet.error"></h4>
<div class="onGoingProcess" ng-show="paperWallet.scanning || paperWallet.sending"> <div class="onGoingProcess" ng-show="paperWallet.scanning || paperWallet.sending">
<div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}"> <div class="onGoingProcess-content" ng-style="{'background-color':index.backgroundColor}">
<div class="spinner"> <div class="spinner">
@ -22,7 +23,8 @@
<i class="fi-alert size-12"></i> <i class="fi-alert size-12"></i>
<span>{{paperWallet.error|translate}}</span> <span>{{paperWallet.error|translate}}</span>
</div> </div>
<div ng-show="!paperWallet.balance" class="row"> <form ng-show="!paperWallet.balance" class="oh">
<div class="row">
<div class="large-12 medium-12 columns"> <div class="large-12 medium-12 columns">
<div class="input"> <div class="input">
<label for="inputData" translate>Paper Wallet Private Key</label> <label for="inputData" translate>Paper Wallet Private Key</label>
@ -49,6 +51,7 @@
</div> </div>
</div> </div>
</div> </div>
</form>
<div ng-show="paperWallet.balance" class="row"> <div ng-show="paperWallet.balance" class="row">
<div class="large-12 medium-12 columns"> <div class="large-12 medium-12 columns">
<div class="text-center m20b"> <div class="text-center m20b">