Subversion Repositories eFlore/Applications.eflore-consultation

Rev

Rev 208 | Rev 212 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 208 Rev 211
Line 24... Line 24...
24
24
25
25
26 
	#dialog label, #dialog input { display:block; }
 26 
	#dialog label, #dialog input { display:block; }
27 
	#dialog label { margin-top: 0.5em; }
 27 
	#dialog label { margin-top: 0.5em; }
28 
	#dialog input, #dialog textarea { width: 95%; }
 28 
	#dialog input, #dialog textarea { width: 95%; }
29 
	#zone_onglets { margin-top: 1em; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px}
 29 
	#zone_onglets { margin-top: 1em; padding-right: 5px; border-width: 1px 1px 0 1px; border-radius:0; width:99%; font-size:12px}
- 
 
 30 
	#zone_onglets li {float:left}
- 
 
 31 
	#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
- 
 
 32 
	#zone_onglets #ongletEtPlus { cursor: pointer; float:right;}
- 
 
 33
- 
 
 34 
	.elementMenuModules {
- 
 
 35 
		display:block;
- 
 
 36 
		border: 1px solid black;
- 
 
 37 
		width: 150px;
30 
	#zone_onglets li {float:left}
 38 
		padding: 10px 10px 10px 25px;
- 
 
 39 
		margin:0px;
- 
 
 40 
		cursor: pointer;
- 
 
 41 
	}
- 
 
 42
- 
 
 43 
	.elementMenuModules:hover {
- 
 
 44 
		background-color: grey;
31 
	#zone_onglets li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
 45 
	}
Line 32... Line 46...
32 
	#add_tab { cursor: pointer; }
 46 
	.menuModules {left: 73%; position: absolute; border: 1px solid grey; margin: 0px; padding: 0px}
33 
</style>
 47 
</style>
34 
 
 48 
 
35 
<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
 49 
<div id="zone_onglets" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
36 
	<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
 50 
	<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
37 
		<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#fiche">Accueil</a></li>
 51 
		<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#fiche">Accueil</a></li>
- 
 
 52 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li>
38 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Illustrations</a></li>
 53 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li>
- 
 
 54 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li>
39 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Répartition</a></li>
 55 
		<li id="ongletEtPlus" class="ui-state-default ui-corner-top"><a href="#fiche">+</a></li>
Line 40... Line 56...
40 
		<li class="ui-state-default ui-corner-top"><a href="#fiche">Wiki</a></li>
 56 
	</ul>
41 
	</ul>
 57 
	<span id="conteneurMenuOnglets"></span>
42 
</div>
 58 
</div>
Line 66... Line 82...
66 
	<br style="clear:left" />
82 
	<br style="clear:left" />
67 
</div>
 83 
</div>
Line 68... Line 84...
68 
 
 84 
 
69 
<script type="text/Javascript">
 85 
<script type="text/Javascript">
- 
 
 86 
	var modules = Array();
Line 70... Line 87...
70 
	var modules = Array();
 87 
	var ongletsOuverts = Array();
71
88
72 
	/** Classe Module
 89 
	/** Classe Module
73 
	* Définit un module de type portlet
 90 
	* Définit un module de type portlet
Line 120... Line 137...
120
137
121 
			// Gestion du clic sur le lien
138 
			// Gestion du clic sur le lien
122 
			// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour
139 
			// Comme les liens sont mis en place par jqueryui tabs, il faut ajouter une surcouche pour
123 
			// déplacer vers la page du module
 140 
			// déplacer vers la page du module
124 
			$(a).click(function() {
 141 
			$(a).click(function() {
125 
				// TODO : Changer l'url par celle du module.
 142 
				// TODO : Changer l'url par celle du module et enregistrer la configuration actuelle des onglets.
126 
				//$(location).attr('href',"http://www.google.fr");
 143 
				//$(location).attr('href',"http://www.google.fr");
Line 127... Line 144...
127 
			});
 144 
			});
128
145
Line 155... Line 172...
155
172
Line 156... Line 173...
156 
		this.getPortlet = function() {
 173 
		this.getPortlet = function() {
157
174
- 
 
 175 
			return this.portlet;
- 
 
 176 
		}
- 
 
 177
- 
 
 178 
		// fonctions d'affichage et cachage (je sais pas si on dit ça comme ça) des onglets
- 
 
 179 
		this.afficherCacherModule = function() {
- 
 
 180 
			$(this.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
- 
 
 181 
			$(this.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
- 
 
 182 
			$(this.portlet).find(".contenu").toggle();
- 
 
 183 
		}
- 
 
 184 
 
- 
 
 185 
	}
- 
 
 186
- 
 
 187 
	function afficherMenuOnglets() {
- 
 
 188 
		if($("#conteneurMenuOnglets").html() != '') {
- 
 
 189 
			$("#conteneurMenuOnglets").html('');
- 
 
 190 
		} else {
- 
 
 191 
			console.log(ongletsOuverts);
- 
 
 192 
			var htmlMenu = '<ul class="menuModules">';
- 
 
 193 
			for (idOnglet in ongletsOuverts) {
- 
 
 194 
				htmlMenu += '<li class="elementMenuModules" rel="'+idOnglet+'" id="menu_module_'+idOnglet+'">'+ongletsOuverts[idOnglet].titre+'</li>';
- 
 
 195 
			}
- 
 
 196 
			htmlMenu += '</ul>';
- 
 
 197 
			$("#conteneurMenuOnglets").html(htmlMenu);
158 
			return this.portlet;
 198 
			$("#conteneurMenuOnglets").toggle();
Line 159... Line 199...
159 
		}
 199 
		}
160 
	}
 200 
	}
161
201
Line 166... Line 206...
166 
		//Parcourir la totalité des modules générés et les lier grâce à la classe Module
 206 
		//Parcourir la totalité des modules générés et les lier grâce à la classe Module
167 
		$(".module").each(function () {
 207 
		$(".module").each(function () {
168 
			i++;
 208 
			i++;
169 
			identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
 209 
			identifiantOnglet = "#zone_onglets>ul>li:nth-child(" + i +")";
170 
			var module = new Module(i, this, $(identifiantOnglet));
 210 
			var module = new Module(i, this, $(identifiantOnglet));
171
- 
 
- 
 
 211 
			module.titre = $(this).children('h3').text();
- 
 
 212 
			ongletsOuverts[identifiantOnglet] = module;
172 
		});
 213 
		});
Line 173... Line 214...
173
214
174 
		$( ".colonne" ).sortable({
 215 
		$( ".colonne" ).sortable({
175 
			connectWith: ".colonne"
 216 
			connectWith: ".colonne"
Line 176... Line 217...
176 
		});
 217 
		});
177 
 
 218 
 
- 
 
 219 
		$( ".colonne" ).disableSelection();
- 
 
 220 
		$('#zone_onglets').tabs();
- 
 
 221 
		$("#ongletEtPlus").click(function() {
- 
 
 222 
			afficherMenuOnglets();
- 
 
 223 
		});
- 
 
 224
- 
 
 225 
		$('.elementMenuModules').live('click', function() {
- 
 
 226 
			var idOnglet = $(this).attr('rel');
- 
 
 227 
			var objet = ongletsOuverts[idOnglet];
- 
 
 228 
			$(idOnglet).toggle();
- 
 
 229 
			$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-plusthick");
- 
 
 230 
			$(objet.portlet).find(".lienToggle").toggleClass("ui-icon-minusthick");
178 
		$( ".colonne" ).disableSelection();
 231 
			$(objet.portlet).find(".contenu").toggle();
179 
		$('#zone_onglets').tabs();
 232 
		})
180 
	});
 233 
	});