/**

* @ngdoc directive

* @name menuToggle

* @module ionic

* @restrict AC

*

* @description

* Toggle a side menu on the given side.

*

* @usage

* Below is an example of a link within a nav bar. Tapping this button

* would open the given side menu, and tapping it again would close it.

*

* ```html

* <ion-nav-bar>

* <ion-nav-buttons side="left">

* <!-- Toggle left side menu -->

* <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>

* </ion-nav-buttons>

* <ion-nav-buttons side="right">

* <!-- Toggle right side menu -->

* <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>

* </ion-nav-buttons>

* </ion-nav-bar>

* ```

*

* ### Button Hidden On Child Views

* By default, the menu toggle button will only appear on a root

* level side-menu page. Navigating in to child views will hide the menu-

* toggle button. They can be made visible on child pages by setting the

* enable-menu-with-back-views attribute of the {@link ionic.directive:ionSideMenus}

* directive to true.

*

* ```html

* <ion-side-menus enable-menu-with-back-views="true">

* ```

*/

IonicModule

.directive('menuToggle', function() {

return {

restrict: 'AC',

link: function($scope, $element, $attr) {

$scope.$on('$ionicView.beforeEnter', function(ev, viewData) {

if (viewData.enableBack) {

var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');

if (!sideMenuCtrl.enableMenuWithBackViews()) {

$element.addClass('hide');

}

} else {

$element.removeClass('hide');

}

});

$element.bind('click', function() {

var sideMenuCtrl = $element.inheritedData('$ionSideMenusController');

sideMenuCtrl && sideMenuCtrl.toggle($attr.menuToggle);

});

}

};

});