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

New PIN page

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2015-01-29 01:56:32 -03:00
commit 36bd87f729
9 changed files with 233 additions and 184 deletions
Download patch file Download diff file Expand all files Collapse all files

42
views/createProfile.html
View file

@ -1,9 +1,15 @@
<div class="createProfile" ng-controller="CreateProfileController" ng-init="init()">
<div ng-if="!$root.starting && $root.askForPin">
<div ng-include="'views/includes/pin-number.html'"></div>
</div>
<div ng-show="$root.starting">
<div ng-include="'views/includes/loading.html'" ng-init="title = 'Creating profile'"></div>
</div>
<div class="large-4 large-centered medium-7 medium-centered columns m20b" ng-show="!$root.starting && !askForPin">
<div class="row m20b" ng-show="!$root.starting && !$root.askForPin">
<div class="large-4 large-centered medium-7 medium-centered columns">
<div class="logo-setup hide-for-small-only" ng-hide="hideForWP">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
</div>
@ -199,13 +205,15 @@
</div>
</div>
</div>
<div class="large-4 large-centered medium-6 medium-centered columns m20b" ng-show="!$root.starting && askForPin">
<div class="clipo" ng-hide="hideForWP">
<div class="row m20b" ng-show="!$root.starting && $root.askForPin">
<div class="large-4 large-centered medium-6 medium-centered columns">
<div class="clipo">
<img src="img/clipo-pin.png" alt="clipo" width="380">
</div>
<div class="box-notification" ng-show="error && !passwordStrength">
<div class="box-notification" ng-show="error">
<div class="box-icon error">
<i class="fi-x size-24"></i>
</div>
@ -213,30 +221,8 @@
{{error|translate}}
</span>
</div>
<form name="setPinForm" ng-model="setPinForm" novalidate>
<div class="input" ng-if="askForPin == 1">
<input id="newpin" type="tel" ng-model="newpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="PIN" name="newpin" required show-focus="askForPin == 1 && !isWindowsPhoneApp" ng-focus="formFocus()">
<i class="icon-locked" ng-hide="isWindowsPhoneApp"></i>
</div>
<div class="input" ng-if="askForPin == 2">
<input id="repeatpin" type="tel" ng-model="repeatpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="Confirm your PIN" name="repeatpin" required show-focus="askForPin == 2 && !isWindowsPhoneApp" ng-focus="formFocus()">
<i class="icon-locked"></i>
</div>
<div class="box-setup-footer row collapse">
<div class="large-6 medium-6 small-6 columns">
<a class="button secondary radius m0" ng-click="createDefaultWallet()">
<span translate>Skip</span>
</a>
</div>
<div class="large-6 medium-6 small-6 columns text-right">
<button translate ng-click="createPin(setPinForm.repeatpin.$modelValue)" class="button primary radius expand m0"
ng-disabled="setPinForm.$invalid || error">
OK
</button>
</div>
</div>
</form>
<div ng-include="'views/includes/pin.html'"></div>
</div>
</div>
</div>

81
views/home.html
View file

@ -1,5 +1,10 @@
<div class="home" ng-controller="HomeController" ng-init="init()">
<div ng-if="$root.askForPin || ($root.hasPin && !$root.iden)">
<div ng-include="'views/includes/pin-number.html'"></div>
</div>
<div ng-show="$root.starting">
<div ng-include="'views/includes/loading.html'" ng-init="title = 'Accessing your profile'"></div>
</div>
@ -33,9 +38,10 @@
</div>
</div>
<div class="row">
<div class="large-4 large-centered medium-6 medium-centered columns" ng-show="!$root.starting && !showDisclaimer">
<div class="logo-setup" ng-show="!$root.iden && !hideForWP">
<div class="logo-setup" ng-show="!$root.iden && !hideForWP && !$root.hasPin">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
<div ng-include="'views/includes/version.html'"></div>
</div>
@ -52,11 +58,11 @@
</div>
</div>
<div ng-if="askForPin">
<div ng-if='$root.askForPin || ($root.hasPin && !$root.iden)'>
<div class="clipo">
<img src="img/clipo-pin.png" alt="clipo" width="380">
<img src="img/clipo-pin-enter.png" alt="clipo" width="300" ng-show="$root.hasPin && !$root.iden">
<img src="img/clipo-pin.png" alt="clipo" width="380" ng-show="$root.askForPin">
</div>
<div class="box-notification" ng-show="error">
<div class="box-icon error">
<i class="fi-x size-24"></i>
@ -65,72 +71,10 @@
{{error|translate}}
</span>
</div>
<form name="setPinForm" ng-model="setPinForm" novalidate>
<div class="input" ng-show="askForPin == 1">
<input id="newpin" type="tel" ng-model="newpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="PIN" name="newpin" required show-focus="askForPin == 1 && !isWindowsPhoneApp" ng-focus="formFocus()">
<i class="icon-locked"></i>
</div>
<div class="input" ng-show="askForPin == 2">
<input id="repeatpin" type="tel" ng-model="repeatpin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="Confirm your PIN" name="repeatpin" required show-focus="askForPin == 2 && !isWindowsPhoneApp" ng-focus="formFocus()">
<i class="icon-locked"></i>
</div>
<div class="row collapse">
<div class="large-6 medium-6 small-6 columns">
<a class="button secondary radius m0" ng-click="openWallets()">
<span translate>Skip</span>
</a>
</div>
<div class="large-6 medium-6 small-6 columns text-right">
<button translate ng-click="createPin(setPinForm.repeatpin.$modelValue)" class="button primary radius expand m0"
ng-disabled="setPinForm.$invalid || error">
OK
</button>
</div>
</div>
</form>
<div ng-include="'views/includes/pin.html'"></div>
</div>
<div ng-if='$root.hasPin && !$root.iden'>
<div class="clipo" ng-hide="hideForWP">
<img src="img/clipo-pin-enter.png" alt="clipo" width="300">
</div>
<form name="pinForm" novalidate>
<div class="box-notification" ng-show="error">
<div class="box-icon error">
<i class="fi-x size-24"></i>
</div>
<span class="text-warning size-14">
{{error|translate}}
</span>
</div>
<div class="input">
<input id="pin" type="tel" ng-model="pin" class="form-control" ng-maxlength="4" ng-minlength="4" maxlength="4" ng-pattern="/^[0-9]{1,4}$/" placeholder="Pin number" name="pin" required ng-focus="formFocus()">
<i class="icon-locked"></i>
</div>
<div class="row collapse">
<div class="large-6 medium-6 small-6 columns">
<a class="button warning radius m0" ng-click="pinLogout()">
<i class="icon-power"></i>
<span translate>Logout</span>
</a>
</div>
<div class="large-6 medium-6 small-6 columns text-right">
<button translate ng-click="openWithPin(pinForm.pin.$modelValue)" class="button primary radius expand m0"
ng-disabled="pinForm.$invalid || error">
Sign in
</button>
</div>
</div>
</form>
</div>
<div ng-if='!$root.hasPin && !askForPin && !$root.iden'>
<div ng-if='!$root.hasPin && !$root.askForPin && !$root.iden'>
<div class="clipo" ng-hide="hideForWP">
<img src="img/clipo-signin.png" alt="clipo" width="310">
</div>
@ -213,6 +157,7 @@ aasdas
</div>
</div>
</div>
</div>
</div>

25
views/includes/pin-number.html Normal file
View file

@ -0,0 +1,25 @@
<div class="pin-numbers">
<div class="pin-button-bar">
<a class="pin-button" ng-click="press(1)">1</a>
<a class="pin-button" ng-click="press(2)">2</a>
<a class="pin-button" ng-click="press(3)">3</a>
</div>
<div class="pin-button-bar">
<a class="pin-button" ng-click="press(4)">4</a>
<a class="pin-button" ng-click="press(5)">5</a>
<a class="pin-button" ng-click="press(6)">6</a>
</div>
<div class="pin-button-bar">
<a class="pin-button" ng-click="press(7)">7</a>
<a class="pin-button" ng-click="press(8)">8</a>
<a class="pin-button" ng-click="press(9)">9</a>
</div>
<div class="pin-button-bar">
<a class="pin-button" ng-click="skip()">
<i class="fi-unlock" ng-show="$root.hasPin"></i>
<i class="fi-home" ng-show="!$root.hasPin"></i>
</a>
<a class="pin-button" ng-click="press(0)">0</a>
<a class="pin-button" ng-click="clear()"><i class="fi-arrow-left"></i></a>
</div>
</div>

21
views/includes/pin.html Normal file
View file

@ -0,0 +1,21 @@
<div class="pin" ng-show="!error">
<div class="pin-box">
<i class="" ng-show="!defined[0]">-</i>
<i class="" ng-show="defined[0]">*</i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[1]">-</i>
<i class="" ng-show="defined[1]">*</i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[2]">-</i>
<i class="" ng-show="defined[2]">*</i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[3]">-</i>
<i class="" ng-show="defined[3]">*</i>
</div>
</div>