prelim action sheet directive
This commit is contained in:
parent
2d205cbebd
commit
ce298fdfb6
6 changed files with 78 additions and 1 deletions
|
|
@ -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');
|
||||
|
|
|
|||
23
src/js/directives/actionSheet.js
Normal file
23
src/js/directives/actionSheet.js
Normal 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;
|
||||
};
|
||||
}
|
||||
};
|
||||
});
|
||||
37
src/sass/views/includes/actionSheet.scss
Normal file
37
src/sass/views/includes/actionSheet.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue