prelim action sheet directive

This commit is contained in:
Marty Alcala 2016-10-12 15:01:48 -04:00
commit ce298fdfb6
6 changed files with 78 additions and 1 deletions

View file

@ -111,6 +111,11 @@ angular.module('copayApp.controllers').controller('confirmController', function(
setWallet(wallet, true);
});
$scope.showWalletSelector = function() {
console.log('showWalletSelector called');
$scope.showWallets = true;
};
$scope.showDescriptionPopup = function() {
var message = gettextCatalog.getString('Add description');

View file

@ -0,0 +1,23 @@
'use strict';
angular.module('copayApp.directives')
.directive('actionSheet', function() {
return {
restrict: 'E',
templateUrl: 'views/includes/actionSheet.html',
transclude: true,
scope: {
show: '=actionSheetShow',
},
link: function(scope, element, attrs) {
console.log('action sheet instantiated');
scope.$watch('show', function() {
console.log('show called', scope.show);
});
scope.hide = function() {
scope.show = false;
};
}
};
});

View file

@ -0,0 +1,37 @@
action-sheet {
.bp-action-sheet {
&__sheet {
background: #fff;
height: 300px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
transform: translateY(100%);
transition: transform 250ms ease;
z-index: 100;
&.slide-up {
transform: translateY(0);
}
}
&__backdrop {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
transition: background 250ms ease;
pointer-events: none;
z-index: 99;
&.fade-in {
background: rgba(0, 0, 0, .5);
pointer-events: all;
}
}
}
}

View file

@ -17,6 +17,7 @@
@import "address-book";
@import "zero-state";
@import "onboarding/onboarding";
@import "includes/actionSheet";
@import "includes/walletActivity";
@import "includes/wallets";
@import "includes/modals/modals";