styling dead view

This commit is contained in:
JDonadio 2017-03-10 17:04:36 -03:00
parent 014995fd36
commit 1df951ad85
8 changed files with 159 additions and 10 deletions

View File

@ -1,6 +1,10 @@
'use strict';
angular.module('copayApp.controllers').controller('deadviewController', function($state, $scope, $ionicHistory, fingerprintService) {
angular.module('copayApp.controllers').controller('deadviewController', function($state, $scope, $ionicHistory, fingerprintService, appConfigService, gettextCatalog) {
$scope.$on("$ionicView.beforeEnter", function(event) {
$scope.title = appConfigService.nameCase + ' ' + gettextCatalog.getString('is locked');
$scope.appName = appConfigService.name;
});
$scope.requestFingerprint = function() {
fingerprintService.check('unlockingApp', function(err) {

View File

@ -1199,7 +1199,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
configService.whenAvailable(function(config) {
var nextView;
var lockapp = config.lockapp;
if (fingerprintService.isAvailable() && lockapp.fingerprint && lockapp.fingerprint.enabled) {
if (platformInfo.isCordova && fingerprintService.isAvailable() && lockapp.fingerprint && lockapp.fingerprint.enabled) {
fingerprintService.check('unlockingApp', function(err) {
if (err) nextView = 'deadview';
else nextView = $ionicHistory.currentStateName();
@ -1259,7 +1259,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
configService.whenAvailable(function(config) {
var lockapp = config.lockapp;
startupService.ready();
if (fingerprintService.isAvailable() && lockapp.fingerprint && lockapp.fingerprint.enabled) {
if (platformInfo.isCordova && fingerprintService.isAvailable() && lockapp.fingerprint && lockapp.fingerprint.enabled) {
fingerprintService.check('unlockingApp', function(err) {
if (err) goTo('deadview');
else goTo('tabs.home');

View File

@ -0,0 +1,36 @@
#dead-view {
@mixin img-frame {
height: 60px;
width: 60px;
box-shadow: none;
margin: auto;
}
.img-container-copay {
padding: 20%;
.big-icon-svg {
> .bg {
@include img-frame;
background-image: url("../img/icon-fingerprint-copay.svg");
}
}
}
.img-container-bitpay {
padding: 20%;
.big-icon-svg {
> .bg {
@include img-frame;
background-image: url("../img/icon-fingerprint-bitpay.svg");
}
}
}
.comments {
text-align: center;
.header {
font-size: 20px;
}
.text-content {
width: 90%;
margin: 5% auto;
}
}
}

View File

@ -47,3 +47,4 @@
@import "integrations/integrations";
@import "custom-amount";
@import "pincode";
@import "deadview";

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 425.034 425.034" style="enable-background:new 0 0 425.034 425.034;" xml:space="preserve" width="512px" height="512px">
<g>
<path d="M133.822,384.2c-33.836-24.953-54.037-64.915-54.037-106.898V147.731c0-3.798,0.162-7.633,0.482-11.396 c0.351-4.127-2.711-7.757-6.838-8.108c-4.123-0.347-7.757,2.711-8.108,6.838c-0.355,4.184-0.536,8.446-0.536,12.666v129.571 c0,23.526,5.669,46.938,16.395,67.704c10.375,20.087,25.5,37.815,43.739,51.266c1.34,0.988,2.899,1.464,4.446,1.464 c2.301,0,4.572-1.055,6.042-3.049C137.865,391.354,137.156,386.659,133.822,384.2z" fill="#1e3186"/>
<path d="M168.819,402.675c-4.619-1.61-9.197-3.499-13.61-5.615c-3.734-1.791-8.215-0.215-10.005,3.521 c-1.791,3.735-0.215,8.215,3.52,10.005c4.915,2.356,10.014,4.46,15.158,6.253c0.817,0.285,1.65,0.42,2.469,0.42 c3.102,0,6.003-1.939,7.082-5.033C174.795,408.315,172.73,404.039,168.819,402.675z" fill="#1e3186"/>
<path d="M352.749,243.219c-4.143,0-7.5,3.358-7.5,7.5v26.584c0,73.188-59.543,132.731-132.732,132.731 c-5.179,0-10.395-0.301-15.502-0.895c-4.12-0.479-7.838,2.469-8.316,6.584c-0.479,4.115,2.469,7.838,6.583,8.316 c5.681,0.661,11.479,0.995,17.235,0.995c81.459,0,147.731-66.272,147.731-147.731v-26.584 C360.249,246.576,356.891,243.219,352.749,243.219z" fill="#1e3186"/>
<path d="M212.517,0c-31.895,0-62.263,10.003-87.824,28.928C99.64,47.478,81.373,72.889,71.867,102.417 c-1.27,3.943,0.898,8.168,4.841,9.438c3.944,1.268,8.168-0.898,9.438-4.841c8.54-26.525,24.955-49.358,47.473-66.03 C156.577,23.985,183.86,15,212.517,15c73.188,0,132.731,59.543,132.731,132.731v72.987c0,4.142,3.357,7.5,7.5,7.5 s7.5-3.358,7.5-7.5v-72.987C360.249,66.272,293.976,0,212.517,0z" fill="#1e3186"/>
<path d="M111.172,318.746c-3.715,1.833-5.24,6.33-3.408,10.044c9.504,19.263,24.13,35.549,42.296,47.096 c18.678,11.873,40.275,18.149,62.457,18.149c16.784,0,32.996-3.504,48.187-10.415c3.771-1.715,5.437-6.162,3.722-9.932 c-1.716-3.77-6.162-5.438-9.933-3.721c-13.227,6.017-27.35,9.068-41.976,9.068c-19.327,0-38.142-5.466-54.411-15.808 c-15.846-10.073-28.603-24.276-36.89-41.073C119.384,318.439,114.885,316.913,111.172,318.746z" fill="#1e3186"/>
<path d="M284.635,366.78c1.761,0,3.529-0.616,4.954-1.872c25.204-22.199,39.659-54.13,39.659-87.605V147.732 c0-24.963-7.801-48.792-22.559-68.909c-2.449-3.34-7.142-4.061-10.483-1.611c-3.34,2.45-4.061,7.144-1.61,10.484 c12.856,17.526,19.652,38.286,19.652,60.036v129.571c0,29.169-12.602,56.997-34.573,76.349c-3.108,2.738-3.409,7.477-0.671,10.585 C280.487,365.92,282.556,366.78,284.635,366.78z" fill="#1e3186"/>
<path d="M270.318,64.059c1.304,0.903,2.792,1.337,4.266,1.337c2.377,0,4.715-1.127,6.171-3.228 c2.359-3.405,1.513-8.077-1.892-10.437c-5.678-3.935-11.733-7.382-18-10.244c-3.771-1.721-8.217-0.061-9.938,3.706 c-1.721,3.768-0.062,8.217,3.706,9.938C260.091,57.625,265.369,60.628,270.318,64.059z" fill="#1e3186"/>
<path d="M232.047,32.634C225.635,31.55,219.064,31,212.517,31C148.152,31,95.786,83.366,95.786,147.732v125.987 c0,4.142,3.358,7.5,7.5,7.5s7.5-3.358,7.5-7.5V147.732C110.786,91.637,156.423,46,212.517,46c5.711,0,11.44,0.479,17.027,1.424 c4.096,0.69,7.955-2.061,8.646-6.144C238.882,37.196,236.131,33.325,232.047,32.634z" fill="#1e3186"/>
<path d="M141.452,99.821c-2.32,3.431-1.419,8.094,2.012,10.414c3.431,2.319,8.094,1.419,10.414-2.012 C167.097,88.672,189.018,77,212.517,77c39.001,0,70.731,31.73,70.731,70.732v83.987c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5 v-83.987c0-47.273-38.459-85.732-85.731-85.732C184.031,62,157.465,76.139,141.452,99.821z" fill="#1e3186"/>
<path d="M134.286,173.218c4.142,0,7.5-3.358,7.5-7.5v-17.986c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v17.986 C126.786,169.86,130.144,173.218,134.286,173.218z" fill="#1e3186"/>
<path d="M126.786,277.303c0,31.025,16.878,59.725,44.048,74.901c1.158,0.647,2.412,0.954,3.65,0.954 c2.629,0,5.182-1.385,6.555-3.844c2.02-3.616,0.726-8.185-2.891-10.205c-22.429-12.528-36.362-36.21-36.362-61.805v-81.584 c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V277.303z" fill="#1e3186"/>
<path d="M298.249,277.303v-13.584c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v13.584c0,39.001-31.73,70.732-70.731,70.732 c-5.698,0-11.369-0.682-16.853-2.028c-4.025-0.987-8.084,1.474-9.071,5.497s1.474,8.084,5.497,9.071 c6.653,1.632,13.526,2.46,20.427,2.46C259.79,363.034,298.249,324.575,298.249,277.303z" fill="#1e3186"/>
<path d="M267.249,148.524c0-30.05-24.079-54.953-53.677-55.514c-14.822-0.28-28.786,5.283-39.369,15.668 c-10.587,10.388-16.417,24.258-16.417,39.054v129.571c0,4.142,3.358,7.5,7.5,7.5s7.5-3.358,7.5-7.5V147.732 c0-10.736,4.234-20.803,11.923-28.347c7.685-7.541,17.873-11.576,28.578-11.377c21.483,0.407,38.962,18.583,38.962,40.517v71.194 c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5V148.524z" fill="#1e3186"/>
<path d="M188.786,285.987c0,21.632,17.599,39.232,39.231,39.232c21.632,0,39.231-17.599,39.231-39.232v-36.269 c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v36.269c0,13.361-10.87,24.232-24.231,24.232s-24.231-10.87-24.231-24.232v-64.268 c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V285.987z" fill="#1e3186"/>
<path d="M228.749,290.603c4.143,0,7.5-3.358,7.5-7.5v-134.9c0-12.932-9.902-23.55-22.545-24.174 c-6.567-0.323-12.787,1.991-17.541,6.516c-4.688,4.463-7.377,10.727-7.377,17.187v41.987c0,4.142,3.358,7.5,7.5,7.5 s7.5-3.358,7.5-7.5v-41.987c0-2.407,0.966-4.653,2.72-6.322c1.75-1.666,4.034-2.518,6.46-2.399 c4.567,0.225,8.283,4.349,8.283,9.192v134.9C221.249,287.245,224.606,290.603,228.749,290.603z" fill="#1e3186"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 425.034 425.034" style="enable-background:new 0 0 425.034 425.034;" xml:space="preserve" width="512px" height="512px">
<g>
<path d="M133.822,384.2c-33.836-24.953-54.037-64.915-54.037-106.898V147.731c0-3.798,0.162-7.633,0.482-11.396 c0.351-4.127-2.711-7.757-6.838-8.108c-4.123-0.347-7.757,2.711-8.108,6.838c-0.355,4.184-0.536,8.446-0.536,12.666v129.571 c0,23.526,5.669,46.938,16.395,67.704c10.375,20.087,25.5,37.815,43.739,51.266c1.34,0.988,2.899,1.464,4.446,1.464 c2.301,0,4.572-1.055,6.042-3.049C137.865,391.354,137.156,386.659,133.822,384.2z" fill="#1abb9b"/>
<path d="M168.819,402.675c-4.619-1.61-9.197-3.499-13.61-5.615c-3.734-1.791-8.215-0.215-10.005,3.521 c-1.791,3.735-0.215,8.215,3.52,10.005c4.915,2.356,10.014,4.46,15.158,6.253c0.817,0.285,1.65,0.42,2.469,0.42 c3.102,0,6.003-1.939,7.082-5.033C174.795,408.315,172.73,404.039,168.819,402.675z" fill="#1abb9b"/>
<path d="M352.749,243.219c-4.143,0-7.5,3.358-7.5,7.5v26.584c0,73.188-59.543,132.731-132.732,132.731 c-5.179,0-10.395-0.301-15.502-0.895c-4.12-0.479-7.838,2.469-8.316,6.584c-0.479,4.115,2.469,7.838,6.583,8.316 c5.681,0.661,11.479,0.995,17.235,0.995c81.459,0,147.731-66.272,147.731-147.731v-26.584 C360.249,246.576,356.891,243.219,352.749,243.219z" fill="#1abb9b"/>
<path d="M212.517,0c-31.895,0-62.263,10.003-87.824,28.928C99.64,47.478,81.373,72.889,71.867,102.417 c-1.27,3.943,0.898,8.168,4.841,9.438c3.944,1.268,8.168-0.898,9.438-4.841c8.54-26.525,24.955-49.358,47.473-66.03 C156.577,23.985,183.86,15,212.517,15c73.188,0,132.731,59.543,132.731,132.731v72.987c0,4.142,3.357,7.5,7.5,7.5 s7.5-3.358,7.5-7.5v-72.987C360.249,66.272,293.976,0,212.517,0z" fill="#1abb9b"/>
<path d="M111.172,318.746c-3.715,1.833-5.24,6.33-3.408,10.044c9.504,19.263,24.13,35.549,42.296,47.096 c18.678,11.873,40.275,18.149,62.457,18.149c16.784,0,32.996-3.504,48.187-10.415c3.771-1.715,5.437-6.162,3.722-9.932 c-1.716-3.77-6.162-5.438-9.933-3.721c-13.227,6.017-27.35,9.068-41.976,9.068c-19.327,0-38.142-5.466-54.411-15.808 c-15.846-10.073-28.603-24.276-36.89-41.073C119.384,318.439,114.885,316.913,111.172,318.746z" fill="#1abb9b"/>
<path d="M284.635,366.78c1.761,0,3.529-0.616,4.954-1.872c25.204-22.199,39.659-54.13,39.659-87.605V147.732 c0-24.963-7.801-48.792-22.559-68.909c-2.449-3.34-7.142-4.061-10.483-1.611c-3.34,2.45-4.061,7.144-1.61,10.484 c12.856,17.526,19.652,38.286,19.652,60.036v129.571c0,29.169-12.602,56.997-34.573,76.349c-3.108,2.738-3.409,7.477-0.671,10.585 C280.487,365.92,282.556,366.78,284.635,366.78z" fill="#1abb9b"/>
<path d="M270.318,64.059c1.304,0.903,2.792,1.337,4.266,1.337c2.377,0,4.715-1.127,6.171-3.228 c2.359-3.405,1.513-8.077-1.892-10.437c-5.678-3.935-11.733-7.382-18-10.244c-3.771-1.721-8.217-0.061-9.938,3.706 c-1.721,3.768-0.062,8.217,3.706,9.938C260.091,57.625,265.369,60.628,270.318,64.059z" fill="#1abb9b"/>
<path d="M232.047,32.634C225.635,31.55,219.064,31,212.517,31C148.152,31,95.786,83.366,95.786,147.732v125.987 c0,4.142,3.358,7.5,7.5,7.5s7.5-3.358,7.5-7.5V147.732C110.786,91.637,156.423,46,212.517,46c5.711,0,11.44,0.479,17.027,1.424 c4.096,0.69,7.955-2.061,8.646-6.144C238.882,37.196,236.131,33.325,232.047,32.634z" fill="#1abb9b"/>
<path d="M141.452,99.821c-2.32,3.431-1.419,8.094,2.012,10.414c3.431,2.319,8.094,1.419,10.414-2.012 C167.097,88.672,189.018,77,212.517,77c39.001,0,70.731,31.73,70.731,70.732v83.987c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5 v-83.987c0-47.273-38.459-85.732-85.731-85.732C184.031,62,157.465,76.139,141.452,99.821z" fill="#1abb9b"/>
<path d="M134.286,173.218c4.142,0,7.5-3.358,7.5-7.5v-17.986c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v17.986 C126.786,169.86,130.144,173.218,134.286,173.218z" fill="#1abb9b"/>
<path d="M126.786,277.303c0,31.025,16.878,59.725,44.048,74.901c1.158,0.647,2.412,0.954,3.65,0.954 c2.629,0,5.182-1.385,6.555-3.844c2.02-3.616,0.726-8.185-2.891-10.205c-22.429-12.528-36.362-36.21-36.362-61.805v-81.584 c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V277.303z" fill="#1abb9b"/>
<path d="M298.249,277.303v-13.584c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v13.584c0,39.001-31.73,70.732-70.731,70.732 c-5.698,0-11.369-0.682-16.853-2.028c-4.025-0.987-8.084,1.474-9.071,5.497s1.474,8.084,5.497,9.071 c6.653,1.632,13.526,2.46,20.427,2.46C259.79,363.034,298.249,324.575,298.249,277.303z" fill="#1abb9b"/>
<path d="M267.249,148.524c0-30.05-24.079-54.953-53.677-55.514c-14.822-0.28-28.786,5.283-39.369,15.668 c-10.587,10.388-16.417,24.258-16.417,39.054v129.571c0,4.142,3.358,7.5,7.5,7.5s7.5-3.358,7.5-7.5V147.732 c0-10.736,4.234-20.803,11.923-28.347c7.685-7.541,17.873-11.576,28.578-11.377c21.483,0.407,38.962,18.583,38.962,40.517v71.194 c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5V148.524z" fill="#1abb9b"/>
<path d="M188.786,285.987c0,21.632,17.599,39.232,39.231,39.232c21.632,0,39.231-17.599,39.231-39.232v-36.269 c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v36.269c0,13.361-10.87,24.232-24.231,24.232s-24.231-10.87-24.231-24.232v-64.268 c0-4.142-3.358-7.5-7.5-7.5s-7.5,3.358-7.5,7.5V285.987z" fill="#1abb9b"/>
<path d="M228.749,290.603c4.143,0,7.5-3.358,7.5-7.5v-134.9c0-12.932-9.902-23.55-22.545-24.174 c-6.567-0.323-12.787,1.991-17.541,6.516c-4.688,4.463-7.377,10.727-7.377,17.187v41.987c0,4.142,3.358,7.5,7.5,7.5 s7.5-3.358,7.5-7.5v-41.987c0-2.407,0.966-4.653,2.72-6.322c1.75-1.666,4.034-2.518,6.46-2.399 c4.567,0.225,8.283,4.349,8.283,9.192v134.9C221.249,287.245,224.606,290.603,228.749,290.603z" fill="#1abb9b"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.8 KiB

View File

@ -1,14 +1,18 @@
<ion-view>
<ion-view id="dead-view">
<ion-nav-bar class="bar-royal">
<ion-nav-title>{{'App Locked' | translate}}</ion-nav-title>
<ion-nav-title>{{title}}</ion-nav-title>
</ion-nav-bar>
<ion-content>
<div class="">
APP LOCKED
<div ng-if="appName == 'copay'" class="img-container-copay" ng-click="requestFingerprint()">
<i class="icon big-icon-svg"><div class="bg"></div></i>
</div>
<div class="" ng-click="requestFingerprint()">
Request Fingerprint Authentication
<div ng-if="appName == 'bitpay'" class="img-container-bitpay" ng-click="requestFingerprint()">
<i class="icon big-icon-svg"><div class="bg"></div></i>
</div>
<div class="comments" ng-click="requestFingerprint()">
<div class="header" translate>One-touch Sign In</div>
<div class="text-content" translate>Please place your fingertip on the scanner to verify your identity</div>
</div>
</ion-content>
</ion-view>

View File

@ -8,7 +8,7 @@
<div class="block-text row" translate ng-if="newPincode">Confirm your mobile unlock code</div>
<div class="app-icon">
<i class="icon big-icon-svg">
<div class="bg app-icon"></div>
<div class="bg"></div>
</i>
</div>
<div class="block-code">