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

improve pin screen

Browse source
This commit is contained in:
bechi 2015-02-10 16:49:15 -03:00
commit 91dc40536e
5 changed files with 32 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

8
views/home.html
View file

@ -59,11 +59,9 @@
</div>
<div ng-if='askForPin || ($root.hasPin && !$root.iden)'>
<div class="clipo">
<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="askForPin">
</div>
<div class="text-white text-center" ng-show="askForPin == 2">Repeat PIN</div>
<h2 ng-show="$root.hasPin && !$root.iden"> Enter PIN </h2>
<h2 ng-show="askForPin && askForPin !=2"> Set up a PIN </h2>
<h2 ng-show="askForPin == 2">Repeat PIN</h2>
<div class="box-notification" ng-show="error">
<div class="box-icon error">
<i class="fi-x size-24"></i>

4
views/includes/pin-number.html
View file

@ -16,8 +16,8 @@
</div>
<div class="pin-button-bar">
<a class="pin-button" ng-click="skip()">
<i class="fi-unlock text-warning" ng-show="$root.hasPin"></i>
<i class="fi-home text-secondary" ng-show="!$root.hasPin"></i>
<i class="icon-power text-primary" ng-show="$root.hasPin"></i>
<i class="text-primary size-14" ng-show="!$root.hasPin">Skip</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>

16
views/includes/pin.html
View file

@ -1,21 +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>
<i class="icon-circle" ng-show="!defined[0]"></i>
<i class="icon-circle-active" ng-show="defined[0]"></i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[1]">-</i>
<i class="" ng-show="defined[1]">*</i>
<i class="icon-circle" ng-show="!defined[1]"></i>
<i class="icon-circle-active" ng-show="defined[1]"></i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[2]">-</i>
<i class="" ng-show="defined[2]">*</i>
<i class="icon-circle" ng-show="!defined[2]"></i>
<i class="icon-circle-active" ng-show="defined[2]"></i>
</div>
<div class="pin-box">
<i class="" ng-show="!defined[3]">-</i>
<i class="" ng-show="defined[3]">*</i>
<i class="icon-circle" ng-show="!defined[3]"></i>
<i class="icon-circle-active" ng-show="defined[3]"></i>
</div>
</div>