Modification de la sub-navigation, mise a jour de l'URL -> modification action-script + page-manager
This commit is contained in:
xdrm-brackets
parent
ed2985a170
commit
120de9a1bf
|
|
@ -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 */
|
/*# sourceMappingURL=container.css.map */
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@
|
||||||
& > span[data-sublink]{
|
& > span[data-sublink]{
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: 7.5em;
|
||||||
|
|
||||||
padding: .3em 1em .3em 2em;
|
padding: .3em 1em .3em 2em;
|
||||||
margin: 1em ;
|
margin: 1em ;
|
||||||
|
|
@ -27,6 +28,8 @@
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
// Dimension/Position des svg (icones)
|
// Dimension/Position des svg (icones)
|
||||||
& > .svg > svg{
|
& > .svg > svg{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
||||||
|
|
@ -53,8 +53,10 @@ function navSubMenu(subsection){
|
||||||
var page = null;
|
var page = null;
|
||||||
|
|
||||||
// On met a jour la variable page-manager si data-link trouve
|
// 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.vars[0] = target.getData('sublink');
|
||||||
|
pageManager.updateURL();
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -270,7 +270,7 @@ pageManagerClass.prototype = {
|
||||||
* @action Recharge la page en cours en conservant les variables
|
* @action Recharge la page en cours en conservant les variables
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
reload: function(){
|
refresh: function(){
|
||||||
this.setPage(this.page);
|
this.setPage(this.page);
|
||||||
|
|
||||||
return this;
|
return this;
|
||||||
|
|
|
||||||
2
todo.md
2
todo.md
|
|
@ -14,8 +14,6 @@
|
||||||
# EN COURS #
|
# EN COURS #
|
||||||
############
|
############
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
- [ ] Gestion JS/PHP de la navigation
|
- [ ] Gestion JS/PHP de la navigation
|
||||||
- [ ] Gestion de l'affichage des pages en fonction du sous-menu
|
- [ ] Gestion de l'affichage des pages en fonction du sous-menu
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -22,4 +22,9 @@
|
||||||
</span>
|
</span>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
Bienvenue sur le DASHBOARD
|
|
||||||
|
|
||||||
|
|
||||||
|
<section>
|
||||||
|
Bienvenue sur le DASHBOARD
|
||||||
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,8 @@
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
Bienvenue sur la page de gestion des MACHINES
|
Bienvenue sur la page de gestion des MACHINES
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -33,4 +33,10 @@
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
Bienvenue sur la page des PARAMETRES
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section>
|
||||||
|
Bienvenue sur la page des PARAMETRES
|
||||||
|
</section>
|
||||||
|
|
|
||||||
|
|
@ -23,4 +23,12 @@
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
Bienvenue sur la page de SYNCHRONISATION
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section>
|
||||||
|
Bienvenue sur la page de SYNCHRONISATION
|
||||||
|
</section>
|
||||||
|
|
@ -33,4 +33,11 @@
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
Bienvenue sur la page de gestion des UTILISATEURS
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section>
|
||||||
|
Bienvenue sur la page de gestion des UTILISATEURS
|
||||||
|
</section>
|
||||||
Loading…
Reference in New Issue