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

success and backup views and styles

Browse source
This commit is contained in:
Jamal Jackson 2016-09-02 06:50:23 -04:00
commit c4d159ca1f
10 changed files with 152 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

30
public/views/onboarding/backupRequest.html
View file

@ -1,10 +1,26 @@
<ion-view>
<ion-view id="onboarding-backup-request" class="onboarding">
<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>
<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-arrow-down-c light-blue col col-60" id="arrow-down"></i>
</div>
<div class="row">
<button class="button button-block button-positive col-75 col" href ui-sref="onboarding.backupWarning" 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>
</ion-content>
</ion-view>

29
public/views/onboarding/backupWarning.html
View file

@ -1,15 +1,32 @@
<ion-view>
<ion-view id="onboarding-backup-warning" class="onboarding">
<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' | translate}}
<i class="icon ion-arrow-left-c"></i>
</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>
<div class="row text-center">
<h3 translate class="col col-75">
Are you being watched?
</h3>
</div>
<div class="row text-center">
<p class="col col-75 tagline">
Now is a perfect time to assess your surroundings. Nearby windows? Hidden cameras? Shoulder-spies?
</p>
</div>
<div class="row">
<img src="../../img/onboarding-backup-warning.svg" class="col col-60">
</div>
<div class="row text-center">
<p class="col col-60">
Anyone with your backup phrase can access or spend your bitcoin.
</p>
</div>
<div class="row">
<button class="button button-block button-primary col col-75" ng-click="openPopup()" translate>All clear, let's do this</button>
</div>
</ion-content>
</ion-view>

10
public/views/onboarding/collectEmail.html
View file

@ -15,10 +15,14 @@
</div>
</ion-content>
<div id="collect-email">
<span translate>Where would you like to receive email notifications about payments </span>
<div class="row text-center">
<p translate class="col col-75">Where would you like to receive email notifications about payments </p>
</div>
<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">
<label class="item item-input col col-75">
<i class="icon ion-arrow-right-c"></i>
<input type="email" id="email" name="email" ng-model="email" required></input>
</label>
</form>
</div>
<div class="overlay"></div>