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

started disclaimer animation

Browse source
This commit is contained in:
Jamal Jackson 2016-11-11 13:09:01 -05:00
commit 46f8b5be56
4 changed files with 65 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/js/controllers/onboarding/disclaimer.js
View file

@ -1,17 +1,18 @@
'use strict';
angular.module('copayApp.controllers').controller('disclaimerController', function($scope, $timeout, $state, $log, $ionicModal, profileService, uxLanguage, externalLinkService, storageService, $stateParams, startupService) {
angular.module('copayApp.controllers').controller('disclaimerController', function($scope, $timeout, $state, $log, $ionicModal, profileService, uxLanguage, externalLinkService, storageService, $stateParams, startupService, $rootScope) {
$scope.$on("$ionicView.afterEnter", function() {
startupService.ready();
});
$scope.init = function() {
$scope.lang = uxLanguage.currentLanguage;
$scope.terms = {};
$scope.accept1 = $scope.accept2 = $scope.accept3 = false;
$scope.accepted = {};
$scope.accepted.first = $scope.accepted.second = $scope.accepted.third = false;
$scope.backedUp = $stateParams.backedUp;
$scope.resume = $stateParams.resume;
$scope.shrinkView = false;
$timeout(function() {
$scope.$apply();
}, 1);
@ -32,14 +33,9 @@ angular.module('copayApp.controllers').controller('disclaimerController', functi
externalLinkService.open(url, target);
};
$scope.openTermsModal = function() {
$ionicModal.fromTemplateUrl('views/modals/terms.html', {
scope: $scope
}).then(function(modal) {
$scope.termsModal = modal;
$scope.termsModal.show();
});
};
$scope.openTerms = function() {
$scope.shrinkView = true;
}
$scope.goBack = function() {
$state.go('onboarding.backupRequest', {

3
src/js/routes.js
View file

@ -712,7 +712,8 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
url: '/disclaimer/:walletId/:backedUp/:resume',
views: {
'onboarding': {
templateUrl: 'views/onboarding/disclaimer.html'
templateUrl: 'views/onboarding/disclaimer.html',
controller: 'disclaimerController'
}
}
})

93
src/sass/views/onboarding/onboard-disclaimer.scss
View file

@ -1,6 +1,10 @@
#onboarding-disclaimer {
color: #fff;
height: 100%;
transition: transform 2s ease;
&.shrink{
transform: scale(.5);
}
&-container {
max-width: 450px;
display: flex;
@ -78,57 +82,56 @@
top:30%;
left:0;
}
#agree-to-terms {
background: #fff;
padding:1rem;
position: absolute;
bottom: 0;
width: 100%;
&.header-present{
bottom: 38px;
}
&-content{
max-width: 600px;
@include center-block();
}
.item{
color:rgb(58,58,58);
padding-bottom: 2.5rem;
float: left;
.item-content{
white-space: normal;
}
}
p{
color:rgb(58,58,58);
text-align: left;
}
@media (min-width:450px){
p{
position: relative;
top: .6rem;
}
}
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
border-color: rgb(19, 229, 182);
}
button{
margin-top:1.5rem;
position: relative;
}
#agree-to-terms {
background: #fff;
padding:1rem;
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
&.header-present{
bottom: 38px;
}
&-content{
max-width: 450px;
@include center-block();
}
.item{
color:rgb(58,58,58);
padding-bottom: 2.5rem;
float: left;
border:none;
.item-content{
white-space: normal;
}
}
p{
color:rgb(58,58,58);
text-align: left;
}
@media (min-width:450px){
p{
position: relative;
top: .6rem;
}
}
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
border-color: rgb(19, 229, 182);
}
button{
margin-top:1.5rem;
position: relative;
}
}
@media (max-height:460px){
#onboarding-disclaimer{
#agree-to-terms{
position: relative;
float:left;
}
}
}