Modification de la sub-navigation, mise a jour de l'URL -> modification action-script + page-manager
This commit is contained in:
parent
0cfa022fbd
commit
290b63b79a
|
@ -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 */
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
2
todo.md
2
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
|
||||
|
||||
|
|
|
@ -22,4 +22,9 @@
|
|||
</span>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
Bienvenue sur le DASHBOARD
|
||||
</section>
|
||||
|
|
|
@ -33,6 +33,8 @@
|
|||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
Bienvenue sur la page de gestion des MACHINES
|
||||
</section>
|
|
@ -33,4 +33,10 @@
|
|||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
Bienvenue sur la page des PARAMETRES
|
||||
</section>
|
||||
|
|
|
@ -23,4 +23,12 @@
|
|||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
Bienvenue sur la page de SYNCHRONISATION
|
||||
</section>
|
|
@ -33,4 +33,11 @@
|
|||
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
Bienvenue sur la page de gestion des UTILISATEURS
|
||||
</section>
|
Loading…
Reference in New Issue