Merge branch 'ref/design' into wip/design
This commit is contained in:
Jason Dreyzehner
commit
ca778d1d00
401 changed files with 6904 additions and 6962 deletions
29
www/views/onboarding/backupRequest.html
Normal file
29
www/views/onboarding/backupRequest.html
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<ion-view id="onboarding-backup-request" class="onboarding">
|
||||
<ion-content ng-controller="backupRequestController" scroll="false">
|
||||
<div class="row">
|
||||
<img src="img/onboarding-warning.svg" class="col col-75 warning">
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<h3 translate class="col-75 col">
|
||||
No backup, no bitcoin.
|
||||
</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<p class="col col-60 text-center">
|
||||
Since only you control your money, you’ll need save your backup phrase in case this app is deleted.
|
||||
</p>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<i class="ion-ios-arrow-thin-down light-blue col col-60" id="arrow-down"></i>
|
||||
</div>
|
||||
<div class="cta-buttons">
|
||||
<div class="row">
|
||||
<button class="button button-block button-positive col-75 col" href
|
||||
ui-sref="onboarding.backupWarning({from: 'onboarding.backupRequest', walletId: walletId})" translate>Backup wallet</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<button class="button button-block button-transparent col-75 col" ng-click="openPopup()" translate>I'll backup my wallet later</button>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
43
www/views/onboarding/collectEmail.html
Normal file
43
www/views/onboarding/collectEmail.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<ion-view ng-controller="collectEmailController" id="onboarding-collect-email" class="onboarding">
|
||||
<ion-content>
|
||||
<div class="success-message">
|
||||
<img src="img/onboarding-success.svg" class="col col-75" id="success-image" />
|
||||
<h3 translate>Wallet Created</h3>
|
||||
</div>
|
||||
<div id="collect-email">
|
||||
<div ng-if="!confirmation">
|
||||
<span translate class="prompt">Where would you like to receive email notifications about payments?</span>
|
||||
<form id="email-form" name="emailForm" ng-submit="confirm(emailForm)" novalidate>
|
||||
<label class="item item-input">
|
||||
<i class="icon ion-arrow-right-c"></i>
|
||||
<input type="email" id="email-input" name="email" ng-model="email" placeholder="satoshi@example.com" required></input>
|
||||
</label>
|
||||
</form>
|
||||
<ion-list id="news-updates">
|
||||
<ion-checkbox ng-model="data.accept"><span translate>Get news and updates from BitPay</span></ion-checkbox>
|
||||
</ion-list>
|
||||
</div>
|
||||
<div ng-if="confirmation">
|
||||
<p translate class="confirm">Is this email address correct?</p>
|
||||
<p class="user-email">{{email}}</p>
|
||||
<div class="row">
|
||||
<div class="col col-50">
|
||||
<button class="button button-block button-stable" ng-click="cancel()">
|
||||
{{'No' | translate}}
|
||||
</button>
|
||||
</div>
|
||||
<div class="col col-50">
|
||||
<button class="button button-block button-stable" ng-click="save()">
|
||||
{{'Yes' | translate}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overlay collect-overlay">
|
||||
<button class="button button-stable button-clear" ng-click="goNextView()">
|
||||
{{'Skip' | translate}}
|
||||
</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
31
www/views/onboarding/disclaimer.html
Normal file
31
www/views/onboarding/disclaimer.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<ion-view id="onboarding-disclaimer" class="onboarding" ng-controller="disclaimerController" ng-init=init()>
|
||||
<ion-nav-bar class="bar-stable" ng-if="backedUp == 'false'">
|
||||
<ion-nav-title></ion-nav-title>
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button back-button button-clear" ng-click="goBack()">
|
||||
<i class="icon ion-ios-arrow-thin-left"></i>
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
</ion-nav-bar>
|
||||
<ion-content scroll="false" ng-class="{'has-header': backedUp == 'false'}">
|
||||
<div class="row text-center">
|
||||
<h3 translate class="col-75 col">Almost done! Let's review</h3>
|
||||
</div>
|
||||
<div class="row text-center tag">
|
||||
<p translate class="col col-75">
|
||||
Bitcoin is different - it cannot be safely held with a bank or web service
|
||||
</p>
|
||||
</div>
|
||||
<ion-list>
|
||||
<ion-checkbox ng-model="accept1"><span translate>I understand my funds are held securely on this device, not by a company.</span></ion-checkbox>
|
||||
<ion-checkbox ng-model="accept2"><span translate>I understand if this app moved to another device or deleted, my bitcoin can only be recovered with the backup phrase</span></ion-checkbox>
|
||||
</ion-list>
|
||||
<div id="agree-to-terms" ng-if="accept1 && accept2" ng-class="{'header-present': backedUp == 'false'}">
|
||||
<div id="agree-to-terms-content" class="center-block">
|
||||
<ion-checkbox ng-model="terms.accept3"></ion-checkbox>
|
||||
<p translate>I have read, understood, and agree with the <a ng-click="openTermsModal()" translate>Terms of use</a>.</p>
|
||||
<button ng-disabled="!accept1 || !accept2 || !terms.accept3" class="button button-block button-positive" ng-click="confirm()" translate>Confirm & Finish</button>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
21
www/views/onboarding/notifications.html
Normal file
21
www/views/onboarding/notifications.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<ion-view class="onboarding" id="onboarding-push-notifications">
|
||||
<ion-content ng-controller="notificationsController">
|
||||
<div class="text-center row">
|
||||
<h2 translate class="col col-80">
|
||||
Push Notifications
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<p class="col col-75 tagline" translate>
|
||||
Would you like to receive push notifications about payments?
|
||||
</p>
|
||||
</div>
|
||||
<div id="cta">
|
||||
</div>
|
||||
<div class="cta-buttons">
|
||||
<button class="button button-block button-primary col col-75" ng-click="allowNotif()" translate>Allow notifications</button>
|
||||
<button class="button button-block button-translucent col col-75" href ui-sref="onboarding.backupRequest({walletId: walletId})" translate>Not now</button>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
58
www/views/onboarding/tour.html
Normal file
58
www/views/onboarding/tour.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
<ion-view ng-controller="tourController" ng-init="init()" class="onboarding" id="onboarding-tour">
|
||||
<ion-nav-bar>
|
||||
<ion-nav-title></ion-nav-title>
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button back-button button-clear" ng-click="goBack()">
|
||||
<i class="icon ion-ios-arrow-thin-left"></i>
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-buttons side="secondary">
|
||||
<button class="button back-button button-clear" ng-show="data.index == 0" ng-click="createDefaultWallet()">{{'Skip' | translate}}</button>
|
||||
</ion-nav-buttons>
|
||||
</ion-nav-bar>
|
||||
<ion-slides class="slides" options="options" slider="data.slider">
|
||||
<ion-slide-page>
|
||||
<ion-content id="onboard-tour-secure" scroll="false">
|
||||
<h2 class="onboarding-topic" translate>Bitcoin is secure,<br/>digital money.</h2>
|
||||
<p class="onboarding-description" translate>You can spend bitcoin at millions of websites and stores worldwide.</p>
|
||||
<div class="onboarding-illustration-secure"></div>
|
||||
<div class="cta-buttons">
|
||||
<p class="onboarding-tldr" translate>Just scan the code to pay.</p>
|
||||
<button class="button button-block button-secondary" ng-click="slideNext()">
|
||||
Got it
|
||||
<i class="icon ion-ios-arrow-thin-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-slide-page>
|
||||
<ion-slide-page>
|
||||
<ion-content id="onboard-tour-currency" scroll="false">
|
||||
<h2 class="onboarding-topic" translate>Bitcoin is a currency.</h2>
|
||||
<p class="onboarding-description" translate>You can trade it for other currencies like US Dollars, Euros, or Pounds.</p>
|
||||
<div class="onboarding-illustration-currency">
|
||||
<div id="onboarding-illustration-currency-exchange-rate">1 BTC = {{localCurrencySymbol}}{{localCurrencyPerBtc}}</div>
|
||||
</div>
|
||||
<div class="cta-buttons">
|
||||
<p class="onboarding-tldr" translate>The exchange rate changes with the market.</p>
|
||||
<button class="button button-block button-secondary" ng-click="slideNext()">
|
||||
Makes sense
|
||||
<i class="icon ion-ios-arrow-thin-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-slide-page>
|
||||
<ion-slide-page>
|
||||
<ion-content id="onboard-tour-control" scroll="false">
|
||||
<h2 translate class="onboarding-topic">You control your bitcoin.</h2>
|
||||
<p translate class="onboarding-description">The BitPay wallet stores your bitcoin with cutting-edge security.</p>
|
||||
<div class="onboarding-illustration-control"></div>
|
||||
<div class="cta-buttons">
|
||||
<p class="onboarding-tldr" translate>Not even BitPay can access it.</p>
|
||||
<button class="button button-block button-primary" ng-click="createDefaultWallet()">
|
||||
Create bitcoin wallet
|
||||
</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-slide-page>
|
||||
</ion-slides>
|
||||
</ion-view>
|
||||
13
www/views/onboarding/welcome.html
Normal file
13
www/views/onboarding/welcome.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<ion-view id="onboard-welcome" class="onboarding">
|
||||
<ion-content ng-controller="welcomeController" ng-init="createProfile()" scroll="false">
|
||||
<!-- <qr-scanner id="qrcode" on-scan="goImport(data)"></qr-scanner> -->
|
||||
<div id="logo-tagline">
|
||||
<img src='img/bitpay-logo.svg' id="logo" />
|
||||
<p id="lead" translate>Take control of your money,<br />get started with bitcoin.</p>
|
||||
</div>
|
||||
<div id="cta-buttons">
|
||||
<button class="button button-block button-primary" id="get-started" href ui-sref="onboarding.tour" translate>Get started</button>
|
||||
<button class="button button-block button-secondary button-clear" id="restore" translate href ui-sref="onboarding.import({'fromOnboarding':true})">Restore from backup</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
Loading…
Add table
Add a link
Reference in a new issue