Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 241 | Rev 243 | Go to most recent revision | Show entire file | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 241 Rev 242
Line 25... Line 25...
25 
 
 25 
 
26 
		var titre = $(module).children('.titre');
 26 
		var titre = $(module).children('.titre');
27 
		titre.className = 'titre ui-widget-header ui-corner-all';
 27 
		titre.className = 'titre ui-widget-header ui-corner-all';
Line -... Line 28...
- 
 
 28 
		titre.id = 'titre-' + this.id;
- 
 
 29
- 
 
 30 
		var lienTitre = $(module).children('.titre').children('a');
- 
 
 31 
		lienTitre.attr('href','#'+this.id);
- 
 
 32 
		lienTitre.click(function() {
- 
 
 33 
			if(objet.onglet.is(':visible')) {
- 
 
 34 
				console.log(objet.onglet);
- 
 
 35 
				$('#zone_onglets').tabs('select', '#ui-tabs-'+objet.id);
- 
 
 36 
			}
- 
 
 37 
			return false;
- 
 
 38 
		});
- 
 
 39 
		lienTitre.hover(function() {
- 
 
 40 
			if(!objet.ongletEstAffiche()) {
- 
 
 41 
				$(this).css({"color":"white"});
- 
 
 42 
			} else {
- 
 
 43 
				$(this).css({"color":"#E78F08"});
- 
 
 44 
			}
- 
 
 45 
		});
- 
 
 46
- 
 
 47 
		lienTitre.mouseout(function() {
- 
 
 48 
			$(this).css({"color":"white"});
28 
		titre.id = 'titre-' + this.id;
 49 
		});
29 
 
 50 
 
30 
		var contenu = $(module).children('.contenu');
 51 
		var contenu = $(module).children('.contenu');
Line 31... Line 52...
31 
		contenu.id = 'contenu-' + this.id;
 52 
		contenu.id = 'contenu-' + this.id;
Line 40... Line 61...
40 
 
 61 
 
41 
		this.portlet = module;
 62 
		this.portlet = module;
42 
		return module;
63 
		return module;
Line 43... Line 64...
43 
	}
64 
	}
- 
 
 65
- 
 
 66 
	this.ongletEstAffiche = function() {
- 
 
 67 
		return $(this.onglet.selector).is(':visible');
44 
 
 68 
	}
45 
	// creerOnglet
 69 
 
46 
	// Créer l'objet Onglet HTML
 70 
	// Crée l'objet Onglet HTML
Line 47... Line 71...
47 
	this.creerOnglet = function() {
 71 
	this.creerOnglet = function() {
48 
		var objet = this;
 72 
		var objet = this;
Line 154... Line 178...
154 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
 178 
	// Suppression des classes css qui mettent en surbrillance l'onglet actif sur l'onglet acceuil
155 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
 179 
	$('#onglet_synthese').removeClass('ui-tabs-selected');
156 
	$('#onglet_synthese').removeClass('ui-state-active');
180 
	$('#onglet_synthese').removeClass('ui-state-active');
157 
}
 181 
}
Line -... Line 182...
- 
 
 182 
 
- 
 
 183 
function getUrlVars()
- 
 
 184 
{
- 
 
 185 
    var vars = [], hash;
- 
 
 186 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
- 
 
 187 
    for(var i = 0; i < hashes.length; i++)
- 
 
 188 
    {
- 
 
 189 
        hash = hashes[i].split('=');
- 
 
 190 
        vars.push(hash[0]);
- 
 
 191 
        vars[hash[0]] = hash[1];
- 
 
 192 
    }
- 
 
 193 
    return vars;
- 
 
 194 
}
- 
 
 195 
 
158 
 
 196 
var ongletSyntheseCharge = true;
159 
function selectionnerOngletParDefautOuEnregistre() {
 197 
function selectionnerOngletParDefautOuEnregistre() {
160 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
 198 
	//TODO: verifier ici si un cookie est présent pour ouvrir l'onglet désiré
- 
 
 199 
	//
- 
 
 200 
	// Si un onglet est précisé dans l'url
- 
 
 201 
	// Récupération de l'adresse de l'onglet sélectionné
- 
 
 202 
	var urlVars = getUrlVars();
161 
	//
 203 
	if(urlVars['onglet'] == undefined) {
162 
	// Si pas d'onglet enregistré, selection du premier par défaut
 204 
		// Si pas d'onglet enregistré, selection du premier par défaut
163 
	// Si c'est l'onglet fiche, on le sélectionne artificiellement
 205 
		// Si c'est l'onglet fiche, on le sélectionne artificiellement
164 
	selectionnerOngletSynthese();
 206 
		selectionnerOngletSynthese();
165 
	$('.ui-tabs-panel').hide();
 207 
		$('.ui-tabs-panel').hide();
- 
 
 208 
		$('#synthese').show();
- 
 
 209 
	} else {
- 
 
 210 
		ongletSyntheseCharge = false;
166 
	$('#synthese').show();
 211 
	}
Line 167... Line -...
167 
}
 - 
 
168
212 
}
169 
//Initialisation
 - 
 
170 
$(document).ready(function() {
 - 
 
171 
	i = 1;
 213 
 
172
214 
function afficherOngletsPourNiveau() {
173 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
 - 
 
174 
	$(".module").each(function () {
 215 
	/* affiche les onglets par default selon niveau*/
175 
		i++;
 216 
	for(indice in tableauOnglets) {
176 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 217 
		var ongletEnCours = tableauOnglets[indice];
177 
		var module = new Module(i, this, $(identifiantOnglet));
 218 
		if (ongletsDefaut.indexOf(jQuery.trim(ongletEnCours.titre)) == -1) {
178 
		module.titre = $(this).children('h3').text();
 - 
 
179 
		tableauOnglets[identifiantOnglet] = module;
 - 
 
180 
	});
 - 
 
181 
	$(".lien-onglet").each(function() {
 - 
 
182 
		var adresse_onglet = $(this).attr('href');
 - 
 
183 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
 219 
			ongletEnCours.afficherCacherModule();
184 
		$(this).attr('href', adresse_contenu_onglet);
 - 
 
185 
	});
 - 
 
186
- 
 
187 
	/* mouvement des blocs */
 - 
 
188 
	$( ".colonne" ).sortable({
 - 
 
189 
		connectWith: ".colonne",
 220 
			nbOngletsInvisibles++;
190 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
 221 
		}
191 
	});
 - 
 
Line 192... Line -...
192 
 
 - 
 
193 
	$( ".colonne" ).disableSelection();
 222 
	}
194
- 
 
195 
	$('#zone_onglets').tabs({
 - 
 
196 
		add: function(event, ui) {
 - 
 
197 
			redimensionnerOnglets();
 - 
 
198 
		},
 - 
 
199 
		remove: function(event, ui) {
 - 
 
200 
			redimensionnerOnglets();
 223 
}
201 
		},
 224 
 
202 
		select: function(event, ui) {
225 
function surSelectionOnglet(event,ui) {
203 
			// Récupération de l'adresse de l'onglet sélectionné
 226 
	// Récupération de l'adresse de l'onglet sélectionné
Line 219... Line 242...
219 
						$('.ui-tabs-panel').show();
 242 
				$('.ui-tabs-panel').show();
220 
						$('#zone_contenu_fiche').hide();
 243 
				$('#zone_contenu_fiche').hide();
221 
						// on cache la croix pour ne pas fermer l'onglet actuellement consulté
 244 
				// on cache la croix pour ne pas fermer l'onglet actuellement consulté
222 
						$(ui.tab).nextAll().css({visibility: "hidden"});
 245 
				$(ui.tab).nextAll().css({visibility: "hidden"});
223 
					} else {
 246 
			} else {
- 
 
 247 
				if(ongletSyntheseCharge) {
224 
						// Si c'est l'onglet fiche, on le sélectionne artificiellement
 248 
					// Si c'est l'onglet fiche, on le sélectionne artificiellement
225 
						selectionnerOngletSynthese();
 249 
					selectionnerOngletSynthese();
226 
						$('.ui-tabs-panel').hide();
 250 
					$('.ui-tabs-panel').hide();
227 
						$('#zone_contenu_fiche').show();
 251 
					$('#zone_contenu_fiche').show();
228 
						return false;
 252 
					return false;
- 
 
 253 
				} else {
- 
 
 254 
					window.location = url;
- 
 
 255 
				}
229 
					}
 256 
			}
230 
				}
 257 
		}
231 
			}
 258 
	}
Line 232... Line 259...
232 
 
 259 
 
233 
			return true;
 260 
	return true;
- 
 
 261 
}
- 
 
 262 
 
- 
 
 263 
function lierModulesEtOnglets() {
- 
 
 264 
	var i = 1;
- 
 
 265
- 
 
 266 
	//Parcourir la totalité des modules générés et les lier grâce à la classe Module
- 
 
 267 
	$(".module").each(function () {
- 
 
 268 
		i++;
- 
 
 269 
		identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
- 
 
 270 
		var module = new Module(i, this, $(identifiantOnglet));
- 
 
 271 
		var titre = $(this).children('h3').text();
- 
 
 272 
		module.titre = titre;
- 
 
 273
234 
		}
 274 
		tableauOnglets[identifiantOnglet] = module;
- 
 
 275 
	});
- 
 
 276 
	$(".lien-onglet").each(function() {
- 
 
 277 
		var adresse_onglet = $(this).attr('href');
- 
 
 278 
		var adresse_contenu_onglet = adresse_onglet.replace('action=fiche','action=onglet');
- 
 
 279 
		$(this).attr('href', adresse_contenu_onglet);
- 
 
 280 
	});
Line -... Line 281...
- 
 
 281 
}
235 
	});
 282 
 
236
283 
function creerMenuOngletsFermes() {
237 
	$("#ongletEtPlus").click(function() {
 284 
	$("#ongletEtPlus").click(function() {
Line 238... Line 285...
238 
		afficherCacherMenuOnglets();
 285 
		afficherCacherMenuOnglets();
239 
	});
 - 
 
240
286 
	});
241 
	$('.elementMenuModules').live('click', function() {
 287
242
288 
	$('.elementMenuModules').live('click', function() {
243 
		var idOnglet = $(this).attr('rel');
 289 
		var idOnglet = $(this).attr('rel');
Line 244... Line 290...
244 
		var objet = tableauOnglets[idOnglet];
 290 
		var objet = tableauOnglets[idOnglet];
245 
		objet.afficherCacherModule();
 291 
		objet.afficherCacherModule();
246 
		$(this).toggleClass("elementMenuModulesSelectionne");
 292 
		$(this).toggleClass("elementMenuModulesSelectionne");
247
293
248 
		// suppression de l'item correspondant dans le menu
 - 
 
249 
		$(this).remove();
 294 
		// suppression de l'item correspondant dans le menu
250 
		nbOngletsInvisibles --;
 295 
		$(this).remove();
251 
		// si tous les onglets sont affichés alors on cache le menu
 296 
		nbOngletsInvisibles --;
252 
		console.log(nbOngletsInvisibles);
 297 
		// si tous les onglets sont affichés alors on cache le menu
253 
		if(nbOngletsInvisibles == 0) {
 - 
 
254 
			afficherCacherMenuOnglets();
 - 
 
255 
		}
 - 
 
256 
	});
 - 
 
257
- 
 
258 
	/* affiche les onglets par default selon niveau*/
 - 
 
259 
	for(indice in tableauOnglets) {
 - 
 
260 
		var ongletEnCours = tableauOnglets[indice];
 - 
 
261 
		if (ongletsDefaut.indexOf(ongletEnCours.titre) == -1) {
 298 
		if(nbOngletsInvisibles == 0) {
Line -... Line 299...
- 
 
 299 
			afficherCacherMenuOnglets();
262 
			ongletEnCours.afficherCacherModule();
300 
		}
263 
			nbOngletsInvisibles++;
 301 
	});
264 
		}
 302 
}
265 
	}
 303 
 
- 
 
 304 
function ajouterTitreSurvolOnglets() {
- 
 
 305 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
- 
 
 306 
	$('.lien-onglet').parent().each(function() {
- 
 
 307 
		$(this).attr("title",$(this).children("a").text());
- 
 
 308 
	});
- 
 
 309 
}
- 
 
 310
- 
 
 311 
//Initialisation
- 
 
 312 
$(document).ready(function() {
- 
 
 313 
 
- 
 
 314 
	lierModulesEtOnglets();
- 
 
 315
- 
 
 316 
	/* mouvement des blocs */
- 
 
 317 
	$( ".colonne" ).sortable({
- 
 
 318 
		connectWith: ".colonne",
- 
 
 319 
		handle: $(".module").children('h3') // mouvement seulement sur les titres
- 
 
 320 
	});
- 
 
 321 
 
- 
 
 322 
	$( ".colonne" ).disableSelection();
- 
 
 323
- 
 
 324 
	$('#zone_onglets').tabs({
- 
 
 325 
		add: function(event, ui) {
- 
 
 326 
			redimensionnerOnglets();
- 
 
 327 
		},
- 
 
 328 
		remove: function(event, ui) {
- 
 
 329 
			redimensionnerOnglets();
Line -... Line 330...
- 
 
 330 
		},
- 
 
 331 
		select: function(event, ui) {
- 
 
 332 
			return surSelectionOnglet(event,ui)
266
333 
		}
267 
	/* ajout de l'info au survol de l'onglet quand la taille est diminuée*/
 334 
	});
- 
 
 335
268 
	$('.lien-onglet').parent().each(function() {
 336 
	creerMenuOngletsFermes();
269 
		$(this).attr("title",$(this).children("a").text());
 337 
	afficherOngletsPourNiveau();