Enhance navigation experience

Author: SamuelTallet

index.php

@@ -18,7 +18,7 @@
  * 
  * @var string
  */
-define('MPG_APP_VERSION', '1.0.7');
+define('MPG_APP_VERSION', '1.0.8');
 
 /**
  * Development mode?

static/js/mpg.database.visualize.js

@@ -33,8 +33,39 @@ MPG.visNetworkOptions = {
 
 };
 
+/**
+ * Forwards navigation links.
+ * 
+ * @returns {void}
+ */
+MPG.helpers.forwardNavLinks = function() {
+
+    var fragmentUrl = window.location.hash.split('#');
+
+    if ( fragmentUrl.length === 2 && fragmentUrl[1] !== '' ) {
+
+        databaseAndCollectionName = fragmentUrl[1].split('/');
+
+        if ( databaseAndCollectionName.length === 1 ) {
+
+            MPG.helpers.completeNavLinks('#' + databaseAndCollectionName[0]);
+
+        } else if ( databaseAndCollectionName.length === 2 ) {
+
+            MPG.helpers.completeNavLinks(
+                '#' + databaseAndCollectionName[0] + '/' + databaseAndCollectionName[1]
+            );
+
+        }
+
+    }
+
+};
+
 /**
  * Draws vis.Network graph.
+ * 
+ * @returns {void}
  */
 MPG.drawVisNetwork = function() {
 
@@ -84,7 +115,9 @@ MPG.drawVisNetwork = function() {
 // When document is ready:
 window.addEventListener('DOMContentLoaded', function(_event) {
 
+    MPG.helpers.forwardNavLinks();
     MPG.eventListeners.addMenuToggle();
+    
     MPG.drawVisNetwork();
 
 });

static/js/mpg.js

@@ -128,7 +128,9 @@ MPG.helpers.navigateOnSamePage = function() {
 /**
  * Completes navigation links with an URL fragment.
  * 
- * @param {string} urlFragment 
+ * @param {string} urlFragment
+ * 
+ * @returns {void}
  */
 MPG.helpers.completeNavLinks = function(urlFragment) {
 

views/parts/menu.tpl.php

@@ -5,7 +5,7 @@
     <div class="navbar-nav">
         <a class="nav-item nav-link<?php echo ('collection' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/manageCollections" href="<?php echo MPG_BASE_URL; ?>/manageCollections">Manage collections</a>
         <a class="nav-item nav-link<?php echo ('collection.import' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/importDocuments" href="<?php echo MPG_BASE_URL; ?>/importDocuments">Import documents</a>
-        <a class="nav-item nav-link<?php echo ('database.visualize' === $viewName) ? ' active' : ''; ?>" href="<?php echo MPG_BASE_URL; ?>/visualizeDatabase">Visualize database</a>
+        <a class="nav-item nav-link<?php echo ('database.visualize' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/visualizeDatabase" href="<?php echo MPG_BASE_URL; ?>/visualizeDatabase">Visualize database</a>
         <a class="nav-item nav-link<?php echo ('database.query' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/queryDatabase" href="<?php echo MPG_BASE_URL; ?>/queryDatabase">Query database</a>
         <a class="nav-item nav-link<?php echo ('collection.indexes' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/manageIndexes" href="<?php echo MPG_BASE_URL; ?>/manageIndexes">Manage indexes</a>
         <a class="nav-item nav-link<?php echo ('database.users' === $viewName) ? ' active' : ''; ?>" data-canonical-url="<?php echo MPG_BASE_URL; ?>/manageUsers" href="<?php echo MPG_BASE_URL; ?>/manageUsers">Manage users</a>