mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
Renamed panel to menu
This commit is contained in:
@ -10,7 +10,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<section id="page" class="full-section ion-panel-animated">
|
<section id="page" class="full-section menu-animated">
|
||||||
|
|
||||||
<header class="bar bar-header bar-dark">
|
<header class="bar bar-header bar-dark">
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
@ -254,14 +254,14 @@
|
|||||||
|
|
||||||
<script src="../../js/ionic-events.js"></script>
|
<script src="../../js/ionic-events.js"></script>
|
||||||
<script src="../../js/ionic-gestures.js"></script>
|
<script src="../../js/ionic-gestures.js"></script>
|
||||||
<script src="../../js/controllers/ionic-leftrightpanel.js"></script>
|
<script src="../../js/controllers/ionic-leftrightmenu.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
// Grab the sections
|
// Grab the sections
|
||||||
var page = document.getElementById('page');
|
var page = document.getElementById('page');
|
||||||
var leftPanel = document.getElementById('my-left-panel');
|
var leftPanel = document.getElementById('my-left-panel');
|
||||||
var rightPanel = document.getElementById('my-right-panel');
|
var rightPanel = document.getElementById('my-right-panel');
|
||||||
var controller = new ion.controllers.LeftRightPanelViewController({
|
var controller = new ion.controllers.LeftRightMenuViewController({
|
||||||
left: leftPanel,
|
left: leftPanel,
|
||||||
leftWidth: 270,
|
leftWidth: 270,
|
||||||
right: rightPanel,
|
right: rightPanel,
|
||||||
@ -35,7 +35,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<section id="my-left-panel" class="ion-panel">
|
<section id="my-left-panel" class="menu menu-left">
|
||||||
<ul class="list">
|
<ul class="list">
|
||||||
<li class="list-divider">Left Nav Things</li>
|
<li class="list-divider">Left Nav Things</li>
|
||||||
<a href="#" class="list-item">
|
<a href="#" class="list-item">
|
||||||
@ -141,7 +141,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="my-right-panel" class="ion-panel">
|
<section id="my-right-panel" class="menu menu-right">
|
||||||
<ul class="list">
|
<ul class="list">
|
||||||
<li class="list-divider">Right Nav Things</li>
|
<li class="list-divider">Right Nav Things</li>
|
||||||
<a href="#" class="list-item">
|
<a href="#" class="list-item">
|
||||||
@ -247,7 +247,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="my-other-left-panel" class="ion-panel">
|
<section id="my-other-left-panel" class="menu menu-left">
|
||||||
This is my other left side panel!
|
This is my other left side panel!
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -10,7 +10,7 @@
|
|||||||
(function(window, document, ion) {
|
(function(window, document, ion) {
|
||||||
ion.controllers = ion.controllers || {};
|
ion.controllers = ion.controllers || {};
|
||||||
|
|
||||||
ion.controllers.LeftRightPanelViewController = function(options) {
|
ion.controllers.LeftRightMenuViewController = function(options) {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
|
|
||||||
this.animateClass = options.animateClass;
|
this.animateClass = options.animateClass;
|
||||||
@ -36,7 +36,7 @@
|
|||||||
}, this.center);
|
}, this.center);
|
||||||
};
|
};
|
||||||
|
|
||||||
ion.controllers.LeftRightPanelViewController.prototype = {
|
ion.controllers.LeftRightMenuViewController.prototype = {
|
||||||
setIsLeftEnabled: function(isLeftEnabled) {
|
setIsLeftEnabled: function(isLeftEnabled) {
|
||||||
this._isLeftEnabled = isLeftEnabled;
|
this._isLeftEnabled = isLeftEnabled;
|
||||||
},
|
},
|
||||||
Reference in New Issue
Block a user