javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Angular sidebar working.

Browse Source 
YEY!
This commit is contained in:
Max Lynch
2013-09-22 13:49:24 -05:00
parent 7ea252254b
commit 4c19705806
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
hacking/sideMenuAngular.js
View File

@ -8,16 +8,22 @@ angular.module('ionic.ui', [])
SideMenuController.call(this, {
left: {
width: 270,
isEnabled: true,
pushDown: function() {
$scope.leftZIndex = -1;
},
bringUp: function() {
$scope.leftZIndex = 0;
}
},
right: {
width: 270,
isEnabled: true,
pushDown: function() {
$scope.rightZIndex = -1;
},
bringUp: function() {
$scope.rightZIndex = 0;
}
},
content: {
@ -35,14 +41,16 @@ angular.module('ionic.ui', [])
return $scope.contentTranslateX || 0;
},
setTranslateX: function(amount) {
//this.el.style.webkitTransform = 'translate3d(' + amount + 'px, 0, 0)';
$scope.contentTranslateX = amount;
$scope.$apply();
},
enableAnimation: function() {
//this.el.classList.add(this.animateClass);
$scope.animationEnabled = true;
},
disableAnimation: function() {
//this.el.classList.remove(this.animateClass);
$scope.animationEnabled = false;
}
}
});
@ -76,6 +84,16 @@ angular.module('ionic.ui', [])
$scope.$watch('contentTranslateX', function(value) {
console.log('Translate X changing', value);
$element[0].style.webkitTransform = 'translate3d(' + value + 'px, 0, 0)';
});
$scope.$watch('animationEnabled', function(isAnimationEnabled) {
if(isAnimationEnabled) {
$element[0].classList.add('menu-animated');
} else {
$element[0].classList.remove('menu-animated');
}
});
};
}