Skip to content

U
ulakbus-ui
Commit 8b18dbb6 authored by Evren Kutar's avatar Evren Kutar
Browse files
Options

add sidebar collapse toggle to relevant directive

parent 8c660a9d
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 13 deletions
app/index.html
View file @ 8b18dbb6
......@@ -26,11 +26,7 @@
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0" ng-if="$root.loggedInUser">
<div class="sidebar-collapse-button">
<div></div>
<div></div>
<div></div>
</div>
<collapse-menu></collapse-menu>
<ul class="header-menu">
<li><a href="">Mesajlar</a></li>
<li><a href="">Görevler</a></li>
......
app/main.html
View file @ 8b18dbb6
......@@ -33,6 +33,7 @@
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0" ng-if="$root.loggedInUser">
<collapse-menu></collapse-menu>
<ul class="header-menu">
<li><a href="">Mesajlar</a></li>
<li><a href="">Görevler</a></li>
......
app/shared/directives.js
View file @ 8b18dbb6
......@@ -40,6 +40,26 @@ app.directive('headerNotification', function ($http, $interval) {
};
});
app.directive('collapseMenu', function () {
return {
templateUrl: 'shared/templates/directives/menuCollapse.html',
restrict: 'E',
replace: true,
link: function ($scope) {
$scope.collapsed = false;
$scope.collapseToggle = function () {
if ($scope.collapsed === false) {
jQuery(".manager-view").css("z-index" , "9999").css("width" , "100%");
$scope.collapsed = true;
} else {
jQuery(".manager-view").css("z-index" , "0").css("width" , "calc(100% - 250px)");
$scope.collapsed = false;
}
};
}
};
});
app.directive('headerSubMenu', function () {
return {
templateUrl: 'shared/templates/directives/header-sub-menu.html',
......@@ -94,18 +114,10 @@ app.directive('sidebar', ['$location', function () {
$scope.collapseVar = 1;
$timeout(function () {
$('#side-menu').metisMenu();
$(".sidebar-collapse-button").click(function() {
$(".manager-view").css("z-index" , "9999").css("width" , "100%");
});
});
}
});
// todo: change to $watch to init
//$timeout(function () {
// $('#side-menu').metisMenu();
//}, 2000);
$scope.selectedMenu = $location.path();
$scope.collapseVar = 0;
$scope.multiCollapseVar = 0;
......
app/shared/templates/directives/menuCollapse.html 0 → 100644
View file @ 8b18dbb6
<div class="sidebar-collapse-button" ng-click="collapseToggle()">
<div></div>
<div></div>
<div></div>
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment