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

This commit is contained in:
xdrm-brackets 2016-02-03 11:30:46 +01:00
parent 0cfa022fbd
commit 290b63b79a
10 changed files with 40 additions and 9 deletions

View File

@ -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 */

View File

@ -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;

View File

@ -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();
}
}

View File

@ -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;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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