Modification de la sub-navigation, mise a jour de l'URL -> modification action-script + page-manager

css/container.css

@@ -1,2 +1,2 @@
-#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;padding:.3em 1em .3em 2em;margin:1em;border-radius:3px;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.5em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:nth-child(1){margin-top:1em}#WRAPPER>#CONTAINER>section{flex-grow:1}
+#WRAPPER>#CONTAINER>.sub-menu-side{display:block;position:relative}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]{display:block;position:relative;width:7.5em;padding:.3em 1em .3em 2em;margin:1em;border-radius:3px;color:#5b5e63;text-shadow:1px 1px white;white-space:nowrap;transition:all .2s;cursor:pointer;overflow:hidden}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg{display:inline-block;position:absolute;left:.5em;top:50%;width:1em;height:1em;transform:translateY(-50%)}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]>.svg>svg path{fill:#5b5e63 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active{color:#121213;background-color:#d8deea;box-shadow:inset 0 0 4px #c8ced9}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:hover>.svg>svg path,#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink].active>.svg>svg path{fill:#121213 !important}#WRAPPER>#CONTAINER>.sub-menu-side>span[data-sublink]:nth-child(1){margin-top:1em}#WRAPPER>#CONTAINER>section{flex-grow:1}
 /*# sourceMappingURL=container.css.map */

css/container.scss

@@ -13,6 +13,7 @@
 		& > span[data-sublink]{
 			display: block;
 			position: relative;
+				width: 7.5em;
 
 			padding: .3em 1em .3em 2em;
 			margin: 1em	;
@@ -27,6 +28,8 @@
 
 			cursor: pointer;
 
+			overflow: hidden;
+
 			// Dimension/Position des svg (icones)
 			& > .svg > svg{
 				display: inline-block;

js/action-script.js

@@ -53,8 +53,10 @@ function navSubMenu(subsection){
 	var page = null;
 
 	// On met a jour la variable page-manager si data-link trouve
-	if( target.getData('sublink') )
+	if( target.getData('sublink') ){
 		pageManager.vars[0] = target.getData('sublink');
+		pageManager.updateURL();
+	}
 
 }
 

js/lib/page-manager.js

@@ -270,7 +270,7 @@ pageManagerClass.prototype = {
 	* @action 				Recharge la page en cours en conservant les variables
 	*
 	*/
-	reload: function(){
+	refresh: function(){
 		this.setPage(this.page);
 
 		return this;

todo.md

@@ -14,8 +14,6 @@
 # EN COURS #
 ############
 
-
-
 - [ ] Gestion JS/PHP de la navigation
 	- [ ] Gestion de l'affichage des pages en fonction du sous-menu
 

view/dashboard.php

@@ -22,4 +22,9 @@
 	</span>
 </nav>
 
+
+
+
+<section>
 	Bienvenue sur le DASHBOARD
+</section>

view/machines.php

@@ -33,6 +33,8 @@
 
 </nav>
 
+
+
 <section>
 	Bienvenue sur la page de gestion des MACHINES
 </section>

view/settings.php

@@ -33,4 +33,10 @@
 
 </nav>
 
+
+
+
+
+<section>
 	Bienvenue sur la page des PARAMETRES
+</section>

view/sync.php

@@ -23,4 +23,12 @@
 
 </nav>
 
+
+
+
+
+
+
+<section>
 	Bienvenue sur la page de SYNCHRONISATION
+</section>

view/users.php

@@ -33,4 +33,11 @@
 
 </nav>
 
+
+
+
+
+
+<section>
 	Bienvenue sur la page de gestion des UTILISATEURS
+</section>