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

Merge pull request #2049 from cmgustavo/bug/mobile-14

Browse source 
Bug/mobile 14
This commit is contained in:
Matias Alejo Garcia 2014-12-08 13:13:54 -03:00
commit e1d0e68797
11 changed files with 98 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

17
css/src/main.css
View file

@ -356,14 +356,10 @@ a:hover {
background-color: #F8F8FB;
}
.pin-main {
background-color: #2C3E50;
}
.logo-setup {
text-align: center;
padding: 2rem 0;
color: #fff;
margin: 0 0 2rem 0;
color: #8597A7;
}
.box-setup {
@ -375,7 +371,7 @@ a:hover {
.box-setup-footer {
overflow: hidden;
margin-top: 2rem;
margin-top: 1rem;
padding: 1rem 0 0;
border-top: 1px solid #425467;
font-size: 12px;
@ -1724,6 +1720,11 @@ a.text-warning:hover {color: #FD7262;}
color: #fff;
}
.home, .settings, .createProfile, .import-profile {
overflow: hidden;
padding: 2rem 0;
}
.tabbable {
border: 2px solid #213140;
border-radius: 3px;
@ -1793,6 +1794,8 @@ a.text-warning:hover {color: #FD7262;}
z-index: 999;
padding-top: 20%;
text-align: center;
padding-left: 10%;
padding-right: 10%;
}
.clipo {

16
css/src/mobile.css
View file

@ -7,12 +7,7 @@
@media (max-width: 1024px) {
.logo-setup {
margin: 0;
padding: 1rem 0;
}
.home, .open, .join, .waiting-copayers, .setup, .import, .settings {
margin-top: 0;
margin: 0 0 1rem 0;
}
.sidebar {
@ -48,6 +43,11 @@
background: #2C3E50;
}
.home, .settings, .createProfile, .import-profile {
overflow: hidden;
padding: 1rem 0;
}
header {
height: 45px;
line-height: 110%;
@ -197,10 +197,6 @@
.button, button {
padding: 1rem 1.2rem 1.0625rem;
}
.home form {
margin-bottom: 1rem;
}
form {
margin: 0;

7
index.html
View file

@ -20,7 +20,10 @@
</style>
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<body
ng-controller="IndexController"
ng-swipe-left="swipe()"
ng-swipe-right="swipe(true)">
<div id="loading" class="loadingpage">
<img src="img/ajax-loader.gif" alt="Loading...">
@ -101,7 +104,7 @@
ng-class="{'dni':$root.hideNavigation}"
></div>
<section ng-class="{'main':$root.iden && !$root.starting, 'pin-main':$root.hideNavigation}" ng-view></section>
<section ng-class="{'main':$root.iden && !$root.starting && !$root.hideNavigation}" ng-view></section>
<a class="exit-off-canvas"></a>

5
js/controllers/home.js
View file

@ -72,6 +72,7 @@ angular.module('copayApp.controllers').controller('HomeController', function($sc
var credentials = pinService.get(pin, function(err, credentials) {
if (err || !credentials) {
$rootScope.starting = false;
$scope.loading = null;
$scope.error = 'Wrong PIN';
return;
}
@ -164,9 +165,7 @@ angular.module('copayApp.controllers').controller('HomeController', function($sc
$scope.askForPin = 1;
$rootScope.starting = false;
$rootScope.hideNavigation = true;
$timeout(function(){
$rootScope.$digest();
});
$rootScope.$digest();
return;
}
// no mobile

12
js/controllers/index.js Normal file
View file

@ -0,0 +1,12 @@
'use strict';
angular.module('copayApp.controllers').controller('IndexController', function($scope, go) {
$scope.init = function() {
};
$scope.swipe = function(invert) {
go.swipe(invert);
};
});

30
js/services/go.js
View file

@ -14,6 +14,32 @@ angular.module('copayApp.services').factory('go', function($window, $location) {
elem.removeClass('move-left');
};
var toggleSidebar = function(invert) {
if (typeof document === 'undefined')
return;
var elem = angular.element(document.querySelector('#off-canvas-wrap'));
var leftbarActive = angular.element(document.getElementsByClassName('move-right')).length;
var rightbarActive = angular.element(document.getElementsByClassName('move-left')).length;
if (invert) {
if (rightbarActive) {
hideSidebars();
}
else {
elem.addClass('move-right');
}
}
else {
if (leftbarActive) {
hideSidebars();
}
else {
elem.addClass('move-left');
}
}
};
root.go = function(path) {
var parts = path.split('#');
$location.path(parts[0]);
@ -22,5 +48,9 @@ angular.module('copayApp.services').factory('go', function($window, $location) {
hideSidebars();
};
root.swipe = function(invert) {
toggleSidebar(invert);
};
return root;
});

8
js/services/pinService.js
View file

@ -1,7 +1,7 @@
'use strict';
angular.module('copayApp.services')
.factory('pinService', function($rootScope, localstorageService) {
.factory('pinService', function($rootScope, $timeout, localstorageService) {
var KEY = 'pinDATA';
var SALT = '4gllotIKguqi0EkIslC0';
@ -57,8 +57,12 @@ angular.module('copayApp.services')
set: function(newValue) {
this['_' + name] = newValue;
scope.error = null;
scope.loading = null;
if (newValue && newValue.length == 4) {
return cb(newValue);
scope.loading = true;
$timeout(function() {
return cb(newValue);
}, 30);
}
},
enumerable: true,

10
views/createProfile.html
View file

@ -114,16 +114,16 @@
<div class="box-setup-footer">
<div class="left">
<a class="text-gray" href="#!/">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
</div>
<div class="right">
<a class="text-gray" href="https://copay.io/profile-storage" <span translate>Learn more about this option</span>
<a class="button-setup text-gray" href="https://copay.io/profile-storage">
Learn more about this option
</a>
</div>
</div>
</form>
@ -155,7 +155,7 @@
</button>
<div class="box-setup-footer">
<div class="left">
<a class="text-gray" ng-click="setStep('storage')">
<a class="button-setup text-gray" ng-click="setStep('storage')">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
@ -193,7 +193,7 @@
<div class="box-setup-footer">
<div class="left">
<a class="text-gray" ng-click="setStep('email')">
<a class="button-setup text-gray" ng-click="setStep('email')">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>

8
views/home.html
View file

@ -23,7 +23,7 @@
<div class="large-5 large-centered medium-7 medium-centered columns" ng-show="!$root.starting">
<div class="logo-setup" ng-show="!$root.iden">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
<div class="text-gray" ng-include="'views/includes/version.html'"></div>
<div ng-include="'views/includes/version.html'"></div>
</div>
<div class="p10 box-setup bg-success m10b text-white" ng-show="confirmedEmail">
@ -78,7 +78,7 @@
</form>
</div>
<div ng-if='$root.hasPin'>
<div ng-if='$root.hasPin && !$root.iden'>
<h2><span translate>Enter your </span> <b> PIN</b></h2>
<form name="pinForm" novalidate>
<div class="box-notification" ng-show="error">
@ -103,7 +103,9 @@
</a>
</div>
<div class="large-6 medium-6 small-6 columns text-right">
<button translate type="submit" class="button primary radius expand m0" ng-disabled="pinForm.$invalid || error">
<button translate type="submit" class="button primary radius expand m0"
ng-disabled="pinForm.$invalid || error || loading">
<i class="fi-bitcoin-circle icon-rotate spinner" ng-show="loading"></i>
Sign in
</button>
</div>

14
views/importProfile.html
View file

@ -14,8 +14,8 @@
<div ng-show="!loading">
<div class="large-4 large-centered medium-6 medium-centered columns">
<div class="logo-setup">
<img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
<div class="logo-setup show-for-large-up">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
<div ng-include="'views/includes/version.html'"></div>
</div>
<div>
@ -60,10 +60,12 @@
</button>
</form>
<div class="box-setup-footer">
<a class="text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
<div class="left">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
</div>
</div>
</div>
</div>

16
views/settings.html
View file

@ -1,7 +1,7 @@
<div class="settings" ng-controller="SettingsController">
<div class="large-4 large-centered medium-6 medium-centered columns">
<div class="logo-setup" id="top">
<img src="img/logo-negative-beta.svg" alt="Copay" width="146" height="59">
<div class="logo-setup show-for-large-up" id="top">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
<div ng-include="'views/includes/version.html'"></div>
</div>
<h2>{{title|translate}}</h2>
@ -71,11 +71,13 @@
</button>
</form>
<div class="box-setup-footer">
<a class="text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
<div class="right m10r">
<div class="left">
<a class="button-setup text-gray" href="#!/">
<i class="icon-arrow-left4"></i>
<span translate>Back</span>
</a>
</div>
<div class="right">
<a class="button-setup text-gray" href="" ng-click="reset()">
<i class="fi-page-delete"></i>
<span translate>Reset settings</span>