BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix styling for import/export views

This commit is contained in:
Gustavo Maximiliano Cortez 2016-10-13 11:45:45 -03:00
parent 5a960d8b14
commit f00574140a
No known key found for this signature in database
GPG Key ID: 15EDAD8D9F2EB1AF
9 changed files with 119 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/sass/views/export.scss Normal file
View File

@ -0,0 +1,15 @@
#export {
.list {
background-color: #fff;
}
.top-tabs.row {
padding: 0;
}
.top-tabs .col {
font-size: 14px;
cursor: pointer;
padding: 10px 5px;
border-bottom-width: 2px;
border-bottom-color: #172565;
}
}

12
src/sass/views/import.scss vendored Normal file
View File

@ -0,0 +1,12 @@
#import {
.top-tabs.row {
padding: 0;
}
.top-tabs .col {
font-size: 14px;
cursor: pointer;
padding: 10px 5px;
border-bottom-width: 2px;
border-bottom-color: #172565;
}
}

2
src/sass/views/tab-receive.scss
View File

@ -14,7 +14,7 @@
background: #fff;
.incomplete {
padding: 50px;
height: 350px;
height: 352px;
.title {
padding: 20px;
font-size: 25px;

2
src/sass/views/views.scss
View File

@ -17,6 +17,8 @@
@import "zero-state";
@import "onboarding/onboarding";
@import "includes/actionSheet";
@import "export";
@import "import";
@import "includes/walletActivity";
@import "includes/wallets";
@import "includes/modals/modals";

8
www/views/export.html
View File

@ -1,4 +1,4 @@
<ion-view>
<ion-view id="export">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Export wallet' | translate}}</ion-nav-title>
<ion-nav-back-button>
@ -6,11 +6,11 @@
</ion-nav-bar>
<ion-content ng-init="file = true">
<div class="row text-center">
<div class="col" ng-click="file = true" ng-style="file && {'border-bottom': '2px solid'}">
<div class="row text-center top-tabs">
<div class="col" ng-click="file = true" ng-style="file && {'border-bottom-style': 'solid'}">
<span class="" translate>File/Text</span>
</div>
<div class="col" ng-click="file = false" ng-style="!file && {'border-bottom': '2px solid'}">
<div class="col" ng-click="file = false" ng-style="!file && {'border-bottom-style': 'solid'}">
<span class="" translate>QR Code</span>
</div>
</div>

13
www/views/import.html
View File

@ -1,4 +1,4 @@
<ion-view ng-controller="tabsController" ng-init="importInit()" class="settings">
<ion-view id="import" ng-controller="tabsController" ng-init="importInit()" class="settings">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Import Wallet' | translate}}</ion-nav-title>
<ion-nav-back-button>
@ -6,14 +6,17 @@
</ion-nav-bar>
<ion-content ng-controller="importController" ng-init="phrase = true; init()">
<div class="row text-center">
<div class="col" ng-click="phrase = true; file = hardware = false; showAdv = false" ng-style="phrase && {'border-bottom': '2px solid'}">
<div class="row text-center top-tabs">
<div class="col" ng-click="phrase = true; file = hardware = false; showAdv = false" ng-style="phrase &&
{'border-bottom-style': 'solid'}">
<span translate>Recovery phrase</span>
</div>
<div class="col" ng-click="file = true; phrase = hardware = false; showAdv = false" ng-style="file && {'border-bottom': '2px solid'}">
<div class="col" ng-click="file = true; phrase = hardware = false; showAdv = false" ng-style="file &&
{'border-bottom-style': 'solid'}">
<span translate>File/Text</span>
</div>
<div class="col" ng-click="hardware = true; phrase = file = false; showAdv = false" ng-style="hardware && {'border-bottom': '2px solid'}">
<div class="col" ng-click="hardware = true; phrase = file = false; showAdv = false" ng-style="hardware &&
{'border-bottom-style': 'solid'}">
<span translate>Hardware wallet</span>
</div>
</div>

16
www/views/tab-export-file.html
View File

@ -5,7 +5,7 @@
</div>
<form name="exportForm" novalidate>
<div class="card">
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Set up a password</span>
<input type="password" placeholder="{{'Your password'|translate}}" ng-model="formData.password">
@ -15,10 +15,9 @@
<span class="input-label" translate>Repeat the password</span>
<input type="password" placeholder="{{'Repeat password'|translate}}" ng-model="formData.repeatpassword">
</label>
</div>
</form>
<div class="list card" ng-show="canSign">
<div ng-show="canSign">
<div class="item item-divider"></div>
<a class="item" ng-click="showAdvChange()">
<span translate ng-show="!showAdv">Show advanced options</span>
<span translate ng-show="showAdv">Hide advanced options</span>
@ -29,7 +28,7 @@
</ion-checkbox>
</div>
<div class="box-notification error ng-hide" ng-show="!canSign">
<div class="box-notification warning ng-hide" ng-show="!canSign">
<span class="size-14">
<i class="ion-alert-circled"></i>
<span translate>
@ -38,7 +37,7 @@
</span>
</div>
<div class="box-notification error ng-hide" ng-show="formData.noSignEnabled">
<div class="box-notification warning ng-hide" ng-show="formData.noSignEnabled">
<span class="size-14">
<i class="ion-alert-circled"></i>
<span translate>
@ -46,6 +45,7 @@
</span>
</span>
</div>
</div>
<button
ng-click="downloadWalletBackup()"
@ -80,10 +80,12 @@
ng-click="sendWalletBackup()"><i class="fi-mail"></i>
<span translate>Send by email</span></button>
</div>
</form>
</div>
<div ng-show="backupWalletPlainText" class="text-center card">
<div ng-show="backupWalletPlainText" class="text-center list">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Backup wallet</span>
<textarea rows="12">{{backupWalletPlainText}}</textarea>
</label>
<div class="item text-gray item-icon-left">

10
www/views/tab-export-qrCode.html
View File

@ -1,10 +1,10 @@
<div class="m20t text-gray" ng-show="formData.supported">
<div class="text-center m20b">
<div class="list" ng-show="formData.supported">
<div class="text-center m20t">
<qrcode size="220" version="8" error-correction-level="M" data="{{formData.exportWalletInfo}}"></qrcode>
</div>
<div class="text-center size-12 m10" translate>From the destination device, go to Add wallet &gt; Import wallet and scan this QR code</div>
<div class="text-center size-12 m20v" translate>From the destination device, go to Add wallet &gt; Import wallet and scan this QR code</div>
</div>
<div class="m20t text-gray" ng-show="!formData.supported">
<div class="text-center size-12 m10" translate>Exporting via QR not supported for this wallet</div>
<div class="list" ng-show="!formData.supported">
<div class="text-center size-12 m20v" translate>Exporting via QR not supported for this wallet</div>
</div>

10
www/views/tab-import-phrase.html
View File

@ -12,20 +12,16 @@
<form name="importForm12" ng-submit="importMnemonic(importForm12)" novalidate>
<div class="list settings-list settings-input-group">
<div class="row">
<div class="col col-90">
<label class="item item-input item-stacked-label no-border">
<span class="input-label" translate>Type the Recovery Phrase (usually 12 words)</span>
<div class="qr-scan-icon">
<qr-scanner class="qr-icon size-24" on-scan="processWalletInfo(data)"></qr-scanner>
<textarea ng-model="formData.words"
rows="3"
autocapitalize="off"
spellcheck="false"></textarea>
</div>
</label>
</div>
<div class="col text-center">
<qr-scanner class="qr-icon size-24" on-scan="processWalletInfo(data)"></qr-scanner>
</div>
</div>
<div class="item item-divider"></div>