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

onboarding

Browse source
This commit is contained in:
Gabriel Bazán 2016-08-25 16:31:47 -03:00
commit aacfe0a326
47 changed files with 699 additions and 332 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/views/onboarding/backupRequest.html Normal file
View file

@ -0,0 +1,10 @@
<ion-view>
<ion-content ng-controller="backupRequestController">
<h1 translate>
No backup, no bitcoin.
</h1>
<span translate> Since only you control yout money, you'll need save your backup phrase in case this app is deleted </span>
<button class="button button-block button-positive" href ui-sref="onboarding.backupWarning" translate>Backup wallet</button>
<button class="button button-block button-light" ng-click="openPopup()" translate>I'll backup my wallet later</button>
</ion-content>
</ion-view>

15
public/views/onboarding/backupWarning.html Normal file
View file

@ -0,0 +1,15 @@
<ion-view>
<ion-nav-bar class="bar-stable">
<ion-nav-buttons side="primary">
<button class="button no-border" href ui-sref="onboarding.backupRequest">
<i class="icon ion-chevron-left"></i> Back
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content ng-controller="backupWarningController">
<span translate>Are you being watched?</span>
<span translate>Now is a perfect time to assess your surroundings. Nearby windows? Hidden cameras? Shoulder-spies?</span>
<span translate>Anyone with your backup phrase can access or spend your bitcoin.</span>
<button class="button button-block button-positive" ng-click="openPopup()" translate>All clear, let's do this</button>
</ion-content>
</ion-view>

17
public/views/onboarding/collectEmail.html Normal file
View file

@ -0,0 +1,17 @@
<ion-view ng-controller="collectEmailController" ng-init="init()">
<ion-nav-bar class="bar-stable">
<ion-nav-buttons side="secondary">
<button class="button no-border" href ui-sref="onboarding.notifications">
Skip
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content >
Wallet Created
Where would you like to receive email notifications about payments
<form name="emailForm" ng-submit="save(emailForm)" novalidate>
<input type="email" id="email" name="email" ng-model="email" required></input>
<input type="submit" class="button button-block button-positive" value="{{'Save'|translate}}" ng-disabled="emailForm.$invalid">
</form>
</ion-content>
</ion-view>

20
public/views/onboarding/disclaimer.html Normal file
View file

@ -0,0 +1,20 @@
<ion-view>
<ion-content ng-controller="disclaimerController" ng-init="accept1 = accept2 = accept3 = false">
<h1 translate>Almost done! Let's review</h1>
<span transalate>Bitcoin is different - it cannot be safely held with a bank or web service </span>
<ion-list class="disclaimer">
<ion-checkbox ng-model="accept1"><span translate>I undestand my funds are held securely on this device, not by company.</span></ion-checkbox>
<ion-checkbox ng-model="accept2"><span translate>I understand if this wallet is lost or deleted, my bitcoin can onlt be recovered with the backup phrase</span></ion-checkbox>
<ion-checkbox ng-model="accept3"><span translate>I have read, understood, and agree with the Terms of use.</span></ion-checkbox>
</ion-list>
<div class="text-center">
<a ui-sref="onboarding.terms" translate>Terms of use</a>
</div>
<button
ng-disabled="!accept1 || !accept2 || !accept3"
class="button button-block button-positive"
ng-click="confirm()"
translate>Confirm & Finish
</button>
</ion-content>
</ion-view>

16
public/views/onboarding/notifications.html Normal file
View file

@ -0,0 +1,16 @@
<ion-view>
<ion-content ng-controller="notificationsController" >
<div class="text-center">
<h1 translate>
Push Notifications
</h1>
<span translate>
Would you like to receive push notifications about payments?
</span>
<button class="button button-block button-positive" ng-click="allowNotif()" translate>Allow notifications</button>
<button class="button button-block button-light" href ui-sref="onboarding.requestBackup" translate>Not now</button>
</div>
</ion-content>
</ion-view>

26
public/views/onboarding/terms.html Normal file
View file

@ -0,0 +1,26 @@
<ion-view>
<ion-nav-bar class="bar-stable">
<ion-nav-title>Terms of Use</ion-nav-title>
<ion-nav-buttons side="primary">
<button class="button no-border" href ui-sref="onboarding.disclaimer">
<i class="icon ion-chevron-left"></i> Back
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content ng-controller="termsController" ng-init="accept = false;">
<p ng-include="'views/includes/terms.html'"></p>
<div class="padding-vertical" ng-show="lang != 'en'">
<a ng-click="$root.openExternalLink('https://copay.io/disclaimer')" translate>Official English Disclaimer</a>
</div>
<ion-list class="disclaimer">
<ion-checkbox ng-model="accept"><span translate>I have read, understood, and agree with the Terms of Use</span></ion-checkbox>
</ion-list>
<button
ng-disabled="!accept"
class="button button-block button-positive"
ng-click="confirm()"
translate>Confirm & Finish
</button>
</ion-content>
</ion-view>

65
public/views/onboarding/tour.html Normal file
View file

@ -0,0 +1,65 @@
<ion-view ng-controller="tourController" ng-init="init()">
<ion-nav-bar class="bar-stable">
<ion-nav-title>Get Started</ion-nav-title>
<ion-nav-buttons side="primary">
<button class="button no-border" ng-click="goBack()">
<i class="icon ion-chevron-left"></i> Back
</button>
</ion-nav-buttons>
<ion-nav-buttons side="secondary">
<button class="button no-border" ng-show="data.index == 0" ng-click="createProfile()">
Skip
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-slides class="slides" options="options" slider="data.slider">
<ion-slide-page>
<ion-content >
<div class="text-center">
<h2 translate>Bitcoin is digital money</h2>
<p translate>
You can spend bitcoin at millions of websites and stores worldwide
</p>
<p translate>
Just scan the code to pay
</p>
<button class="button icon-right ion-chevron-right button-positive" ng-click="slideNext()">
Got it
</button>
</div>
</ion-content>
</ion-slide-page>
<ion-slide-page>
<ion-content >
<div class="text-center">
<h2 translate>Bitcoin is currency</h2>
<p translate>
You can trade it for other currencies like US Dollars, Euros, or Pounds
</p>
<p translate>
The exchange rate changes with the market
</p>
<button class="button icon-right ion-chevron-right button-positive" ng-click="slideNext()">
Makes sense
</button>
</div>
</ion-content>
</ion-slide-page>
<ion-slide-page>
<ion-content >
<div class="text-center">
<h2 translate>You control your bitcoin</h2>
<p translate>
The BitPay wallet stores your bitcoin with cutting-edge security
</p>
<p translate>
Not even BitPay can access it
</p>
<button class="button icon-right button-positive" ng-click="createProfile()">
Create bitcoin wallet
</button>
</div>
</ion-content>
</ion-slide-page>
</ion-slides>
</ion-view>

13
public/views/onboarding/welcome.html Normal file
View file

@ -0,0 +1,13 @@
<ion-view>
<ion-content>
<div class="text-center">
<h2>bitpay</h2>
<span translate>
Take control of your money - get started with bitcoin
</span>
<button class="button button-block button-positive" href ui-sref="onboarding.tour" translate>Get started</button>
<button class="button button-block button-light" translate>Restore</button>
</div>
</ion-content>
</ion-view>