javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(splitView): expose side menu on large viewport

Browse Source 
Ability to keep a left menu exposed on larger viewports, such as a
landscape tablet. Added the `expose-aside-menu` attribute directive.
This commit is contained in:
Adam Bradley
2014-08-26 15:00:42 -05:00
parent 853fad19b1
commit b69aa5485f
11 changed files with 217 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
js/angular/controller/sideMenuController.js vendored
View File

@@ -4,10 +4,11 @@ IonicModule
'$attrs',
'$ionicSideMenuDelegate',
'$ionicPlatform',
function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
'$document',
function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform, $document) {
var self = this;
var rightShowing, leftShowing, isDragging;
var startX, lastX, offsetX;
var startX, lastX, offsetX, isAsideExposed;
self.$scope = $scope;
@@ -132,9 +133,9 @@ function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
}
if(percentage !== 0) {
document.body.classList.add('menu-open');
$document[0].body.classList.add('menu-open');
} else {
document.body.classList.remove('menu-open');
$document[0].body.classList.remove('menu-open');
}
};
@@ -253,8 +254,32 @@ function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
}
};
self.isAsideExposed = function() {
return !!isAsideExposed;
};
self.exposeAside = function(shouldExposeAside) {
isAsideExposed = shouldExposeAside;
// set the left marget width if it should be exposed
// otherwise set false so there's no left margin
self.content.setMarginLeft( isAsideExposed ? self.left.width : 0 );
self.$scope.$emit('$ionicExposeAside', isAsideExposed);
};
self.activeAsideResizing = function(isResizing) {
if(isResizing) {
$document[0].body.classList.add('aside-resizing');
} else {
$document[0].body.classList.remove('aside-resizing');
}
};
// End a drag with the given event
self._endDrag = function(e) {
if(isAsideExposed) return;
if(isDragging) {
self.snapToRest(e);
}
@@ -265,6 +290,7 @@ function($scope, $attrs, $ionicSideMenuDelegate, $ionicPlatform) {
// Handle a drag event
self._handleDrag = function(e) {
if(isAsideExposed) return;
// If we don't have start coords, grab and store them
if(!startX) {