Correction action-script.js.

This commit is contained in:
xdrm-brackets 2016-04-15 12:19:18 +02:00
parent 0cd68d7fbb
commit 544e5464c8
1 changed files with 218 additions and 215 deletions

View File

@ -1,42 +1,24 @@
/* [-1] On recupere la liste des pages /* [0] Initialisation des variables en local
=========================================================*/ =========================================================*/
pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized){ var DOM = {
// On initialise la liste des pages
var pagelist = [];
// On deserialise le bordel
var pagelistObject = JSON.parse(pagelistSerialized);
// On recupere chaque page
for( var i = 0 ; i < pagelistObject.length; i++ )
pagelist.push( pagelistObject[i]['attributes']['data-link'] );
DOM = {
WRAPPER: $('WRAPPER'), WRAPPER: $('WRAPPER'),
HEADER: $('HEADER'), HEADER: $('HEADER'),
MENUSIDE: $('MENU-SIDE'), MENUSIDE: $('MENU-SIDE'),
CONTAINER: $('CONTAINER') CONTAINER: $('CONTAINER')
}; };
var pageManager;
// On cree une instance de l'api
/* [0] Instanciation api = new APIClass('/api/');
===========================================*/
var pageManager = new pageManagerClass();
pageManager.setPage(null, '/view', DOM.CONTAINER, pagelist );
var api = new APIClass('/api/');
/* [1] Toggle du sub-menu-side <-> navigation /* [1] Toggle du sub-menu-side <-> navigation
===========================================*/ ===========================================*/
function navSubMenu(subsection){ function navSubMenu(subsection){
/* [1] Format du param /* [1] Format du param
------------------------------------------------*/ ------------------------------------------------*/
// Contient l'element courant // Contient l'element courant
@ -96,12 +78,12 @@ pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized
// navMenu(pageManager.page); // navMenu(pageManager.page);
pageManager.updateURL(); pageManager.updateURL();
} }
/* [4 Toggle du side-menu <-> navigation /* [4 Toggle du side-menu <-> navigation
===========================================*/ ===========================================*/
function navMenu(section){ function navMenu(section){
/* [1] Format du param /* [1] Format du param
------------------------------------------------*/ ------------------------------------------------*/
@ -172,7 +154,7 @@ pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized
}, false); }, false);
} }
}navMenu(pageManager.page); }
@ -191,9 +173,9 @@ pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized
/* [5] Gestion de la navigation (physique) /* [5] Gestion de la navigation (physique)
===========================================*/ ===========================================*/
DOM.MENUSIDE.addEventListener('click', function(e){ DOM.MENUSIDE.addEventListener('click', function(e){
var target = e.target; var target = e.target;
// On remonte dans les parents au bon niveau // On remonte dans les parents au bon niveau
@ -203,27 +185,48 @@ pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized
// Si on a trouve l'element, on l'utilise pour la page // Si on a trouve l'element, on l'utilise pour la page
if( target.getData('link') ) if( target.getData('link') )
navMenu(target.getData('link')); navMenu(target.getData('link'));
}, false); }, false);
/* [6] Gestion du rechargement de page /* [6] Gestion du rechargement de page
=========================================================*/ =========================================================*/
function reload(){ navMenu( pageManager.page ); } function reload(){ navMenu( pageManager.page ); }
/* [7] Gestion du toggle de la page de login /* [7] Gestion du toggle de la page de login
=========================================================*/ =========================================================*/
var LOGIN = { var LOGIN = {
show: document.getElementById('user-data'), show: document.getElementById('user-data'),
hide: document.getElementById('login-close'), hide: document.getElementById('login-close'),
page: document.getElementById('LOGIN') page: document.getElementById('LOGIN')
}; };
/* (1) Gestion de l'affichage de la page de login */ /* (1) Gestion de l'affichage de la page de login */
LOGIN.show.addEventListener('click', function(e){ LOGIN.page.className = 'active'; }, false); LOGIN.show.addEventListener('click', function(e){ LOGIN.page.className = 'active'; }, false);
/* (2) Gestion de la fermeture de la page de login */ /* (2) Gestion de la fermeture de la page de login */
LOGIN.hide.addEventListener('click', function(e){ LOGIN.page.className = ''; }, false); LOGIN.hide.addEventListener('click', function(e){ LOGIN.page.className = ''; }, false);
}, 'GET')
/* [7] On recupere la liste des pages et on lance pageManager
=========================================================*/
pageManagerClass.prototype.ajax('/f/json/menu/conf', function(pagelistSerialized){
// On initialise la liste des pages
var pagelist = [];
// On deserialise le bordel
var pagelistObject = JSON.parse(pagelistSerialized);
// On recupere chaque page
for( var i = 0 ; i < pagelistObject.length; i++ )
pagelist.push( pagelistObject[i]['attributes']['data-link'] );
/* (1) On initialisa pageManager */
pageManager = new pageManagerClass();
pageManager.setPage(null, '/view', DOM.CONTAINER, pagelist );
/* (2) On charge la premiere page */
navMenu(pageManager.page);
}, 'GET');