diff options
| author | Camil Staps | 2015-03-19 22:32:18 +0100 |
|---|---|---|
| committer | Camil Staps | 2015-03-19 22:32:18 +0100 |
| commit | a256f7bf12a4c65cbb7ce4551c7858454976ff3c (patch) | |
| tree | ff9769ea09fea013855ff19aa17b895d65a62471 | |
| parent | Collapse menu (diff) | |
Collapsing is remembered during a session
| -rw-r--r-- | header.php | 4 | ||||
| -rw-r--r-- | include/ajax-collapse.php | 8 | ||||
| -rw-r--r-- | index.php | 3 | ||||
| -rw-r--r-- | js/businessadmin.js | 28 | ||||
| -rw-r--r-- | nav.php | 20 |
5 files changed, 51 insertions, 12 deletions
@@ -58,6 +58,10 @@ <!-- Fudge Custom JavaScript --> <script src="<?=constants::url_external?>/js/businessadmin.js"></script> + <script type="text/javascript"> + var const_url_external = '<?=constants::url_external?>'; + </script> + </head> <body> diff --git a/include/ajax-collapse.php b/include/ajax-collapse.php new file mode 100644 index 0000000..e49c6fd --- /dev/null +++ b/include/ajax-collapse.php @@ -0,0 +1,8 @@ +<?php +$collapsed = true; +if ($_REQUEST['setting'] !== 'true') + $collapsed = false; + +$_SESSION['ba-collapse'] = $collapsed; + +echo $collapsed;
\ No newline at end of file @@ -49,7 +49,8 @@ $pages = array( '/assignments' => './include/assignments.php', '/assignments/new' => './include/assignments-new.php', '/assignments/edit' => './include/assignments-edit.php', - '/about' => './include/about.php' + '/about' => './include/about.php', + '/ajax/collapse' => './include/ajax-collapse.php' ); $_page = null; diff --git a/js/businessadmin.js b/js/businessadmin.js index 34b20fb..a82be81 100644 --- a/js/businessadmin.js +++ b/js/businessadmin.js @@ -85,19 +85,37 @@ $(document).ready(function(){ // Collapse menu var collapsed = false; - $('#collapse-menu').click(function(){ + $('#collapse-menu').click(function(e, p){ + var animation = 200; + if (typeof p != 'undefined' && p.load) + animation = 0; + if (!collapsed) - $('.nav-title').hide(); + $('.nav-title').finish().hide(); $('.sidebar').animate({ width: collapsed ? 250 : 50 - }, 200); + }, animation); $('#page-wrapper').animate({ marginLeft: collapsed ? 250 : 50 - }, 200); + }, animation); if (collapsed) - $('.nav-title').delay(200).queue(function(){$(this).show()}); + $('.nav-title').finish().delay(animation).queue(function(){$(this).show()}); $(this).find('i.fa').removeClass('fa-caret-square-o-left fa-caret-square-o-right').addClass('fa-caret-square-o-' + (collapsed ? 'left' : 'right')); collapsed = !collapsed; + + $.ajax({ + url: const_url_external + 'ajax/collapse', + method: 'GET', + crossDomain: true, + cache: false, + xhrFields: { + withCredentials: true + }, + data: { + setting: collapsed + } + }); + return true; }); });
\ No newline at end of file @@ -93,27 +93,35 @@ <div class="navbar-default sidebar" role="navigation"> <div class="sidebar-nav navbar-collapse"> <ul class="nav" id="side-menu"> - <li> + <li title="Dashboard"> <a <?php if($_page=='/') echo 'class="active"'; ?> href="<?=constants::url_internal?>/"><i class="fa fa-dashboard fa-fw"></i> <span class="nav-title">Dashboard</span></a> </li> - <li> + <li title="Clients"> <a <?php if($_page=='/clients') echo 'class="active"'; ?> href="<?=constants::url_internal?>/clients"><i class="fa fa-institution fa-fw"></i> <span class="nav-title">Clients</span></a> </li> - <li> + <li title="Contacts"> <a <?php if($_page=='/contacts') echo 'class="active"'; ?> href="<?=constants::url_internal?>/contacts"><i class="fa fa-user fa-fw"></i> <span class="nav-title">Contacts</span></a> </li> - <li> + <li title="Offers"> <a <?php if($_page=='/offers') echo 'class="active"'; ?> href="<?=constants::url_internal?>/offers"><i class="fa fa-briefcase fa-fw"></i> <span class="nav-title">Offers</span></a> </li> - <li> + <li title="Assignments"> <a <?php if($_page=='/assignments') echo 'class="active"'; ?> href="<?=constants::url_internal?>/assignments"><i class="fa fa-check-square fa-fw"></i> <span class="nav-title">Assignments</span></a> </li> - <li> + <li title="About"> <a <?php if($_page=='/about') echo 'class="active"'; ?> href="<?=constants::url_internal?>/about"><i class="fa fa-info-circle fa-fw"></i> <span class="nav-title">About</span></a> </li> </ul> <a href="#" id="collapse-menu" title="Collapse menu"><i class="fa fa-fw fa-caret-square-o-left"></i></a> + + <?php if (isset($_SESSION['ba-collapse']) && $_SESSION['ba-collapse'] == true) : ?> + <script type="text/javascript"> + $(document).ready(function(){ + $('#collapse-menu').trigger('click', { load: true }); + }); + </script> + <?php endif; ?> </div> <!-- /.sidebar-collapse --> </div> |