diff --git a/src/js/controllers/onboarding/disclaimer.js b/src/js/controllers/onboarding/disclaimer.js index a18be4e6d..dd527ac59 100644 --- a/src/js/controllers/onboarding/disclaimer.js +++ b/src/js/controllers/onboarding/disclaimer.js @@ -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', { diff --git a/src/js/routes.js b/src/js/routes.js index cd935dda2..87dabd6ad 100644 --- a/src/js/routes.js +++ b/src/js/routes.js @@ -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' } } }) diff --git a/src/sass/views/onboarding/onboard-disclaimer.scss b/src/sass/views/onboarding/onboard-disclaimer.scss index a4e409531..f755da3a6 100644 --- a/src/sass/views/onboarding/onboard-disclaimer.scss +++ b/src/sass/views/onboarding/onboard-disclaimer.scss @@ -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; } - } } diff --git a/www/views/onboarding/disclaimer.html b/www/views/onboarding/disclaimer.html index 96a75f909..1e382662f 100644 --- a/www/views/onboarding/disclaimer.html +++ b/www/views/onboarding/disclaimer.html @@ -1,4 +1,4 @@ - + @@ -9,24 +9,24 @@
-
Quick review!
+
Quick review! {{shrinkView}}
Almost done! Let's review.
Bitcoin is different – it cannot be safely held with a bank or web service.
- + I understand that my funds are held securely on this device, not by a company. - + I understand that if this app is moved to another device or deleted, my bitcoin can only be recovered with the backup phrase.
-
-
- -

I have read, understood, and agree to the Terms of Use.

- -
-
+
+
+ +

I have read, understood, and agree to the Terms of Use.

+ +
+