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

Side menu controller with tests

Browse Source
This commit is contained in:
Max Lynch
2013-09-20 15:11:56 -05:00
parent 539a0c98df
commit 3395aceac5
3 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
hacking/SideMenu.js Normal file
View File

@ -0,0 +1,22 @@
(function(window, document, ionic) {
SideMenu = function(opts) {
this.el = opts.el;
this.width = opts.width;
this.isEnabled = opts.isEnabled || true;
};
SideMenu.prototype = {
getFullWidth: function() {
return this.width;
},
setIsEnabled: function(isEnabled) {
this.isEnabled = isEnabled;
},
bringUp: function() {
this.el.style.zIndex = 0;
},
pushDown: function() {
this.el.style.zIndex = -1;
}
};
})(this, document, ion = this.ionic || {});

16
hacking/SideMenu.unit.js Normal file
View File

@ -0,0 +1,16 @@
describe('SideMenu', function() {
var menu;
beforeEach(function() {
var d = document.createElement('div');
menu = new SideMenu({
el: d,
width: 270
});
});
it('Should init', function() {
expect(menu.width).toEqual(270);
expect(menu.isEnabled).toEqual(true);
});
});

32
hacking/sideMenu.html Normal file
View File

@ -0,0 +1,32 @@
<html>
<head>
<meta charset="utf-8">
<title>Side Menu</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../dist/ionic.css">
</head>
<body>
<section>
<header class="bar bar-header bar-dark">
<a href="#" class="button"><i class="icon-reorder"></i></a>
<h1 class="title">Tab Bars</h1>
</header>
<main class="has-header content content-padded">
<h1>Swipe me, side to side</h1>
</main>
</section>
<script src="../../js/ionic-events.js"></script>
<script src="../../js/ionic-gestures.js"></script>
<script src="TabBar.js"></script>
<script src="TabBarController.js"></script>
<script>
</script>
</body>
</html>