X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fplugins%2Fauto%2Fsaisies%2Fformulaires%2Fconstruire_formulaire.html;fp=www%2Fplugins%2Fauto%2Fsaisies%2Fformulaires%2Fconstruire_formulaire.html;h=5d6c27c3c055187076d92187eabab12d545ba639;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c

diff --git a/www/plugins/auto/saisies/formulaires/construire_formulaire.html b/www/plugins/auto/saisies/formulaires/construire_formulaire.html
new file mode 100644
index 0000000..5d6c27c
--- /dev/null
+++ b/www/plugins/auto/saisies/formulaires/construire_formulaire.html
@@ -0,0 +1,228 @@
+[(#ENV{erreurs}|table_valeur{positionner}|oui)
+	<a name="ajax_ancre" href="[(#ENV{erreurs}|table_valeur{positionner})]"></a>
+]
+<div class="formulaire_spip formulaire_editer formulaire_#ENV{form}">
+	[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
+	<p id="message_attention" class="reponse_formulaire reponse_formulaire_ok[ (#ENV{formulaire_modifie}|non) invisible]">#ENV*{_message_attention}</p>
+	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
+	
+	<BOUCLE_editable(CONDITION){si #ENV{editable}|oui}>
+	<form method='post' action='#ENV{action}' enctype='multipart/form-data'><div>
+		[(#REM) declarer les hidden qui declencheront le service du formulaire 
+		parametre : url d'action ]
+		#ACTION_FORMULAIRE{#ENV{action}}
+		<input style="display:none;" type="submit" class="submit" name="enregistrer" value="<:bouton_enregistrer:>" />
+
+		<ul id="deplacable">
+			
+			<li id="reinitialiser" class="actions_formulaire[ (#ENV{formulaire_modifie}|non) invisible]">
+				<button type="submit" class="submit" name="reinitialiser" value="oui" onclick="return confirm('<:saisies:construire_reinitialiser_confirmer:>')">
+					<img src="#CHEMIN{images/formulaire-reinitialiser-24.png}" alt="" />
+					<:saisies:construire_reinitialiser:>
+				</button>
+			</li>
+
+			<BOUCLE_contenu(POUR){tableau #ENV{_contenu}}>
+			[(#VAL{saisie}|array_key_exists{#VALEUR}|oui)
+				[(#VALEUR**|formidable_generer_saisie_configurable{#ENV**|unserialize})]
+			]
+			</BOUCLE_contenu>
+			<li class="aucun"><em class="attention"><:saisies:construire_aucun_champs:></em></li>
+			<//B_contenu>
+			
+			<B_saisies_disponibles>
+			<li class="editer haut saisies_disponibles" id="attrapable">
+				<label><:saisies:construire_ajouter_champ:></label>
+				<BOUCLE_saisies_disponibles(POUR){tableau #ENV{_saisies_disponibles}}>
+				<button type="submit" name="ajouter_saisie" value="#CLE" class="submit ajouter_saisie"[ title="(#VALEUR|table_valeur{description})"] [style="background-image:url((#VALEUR|table_valeur{icone}|sinon{#CHEMIN{images/formulaire-saisie-defaut.png}}))"]>
+					<span>[(#VALEUR|table_valeur{titre})]</span>
+				</button>
+				</BOUCLE_saisies_disponibles>
+			</li>
+			</B_saisies_disponibles>
+		</ul>
+
+		
+		[(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
+		<!--extra-->
+		
+		<span class='image_loading'></span>
+	</div></form>
+
+	<script type="text/javascript">
+		$(function(){
+			$('.formulaire_construire_formulaire li.configurable')
+				.hover(
+					function(){
+						$(this)
+							.addClass('hover')
+							.find('> .actions')
+								.show()
+							.end()
+							.parents('li.configurable:not(.en_configuration)')
+								.mouseout();
+					},
+					function(){
+						if (!$(this).is('.en_configuration'))
+							$(this)
+								.removeClass('hover')
+								.find('> .actions')
+									.hide()
+								.end()
+								.parents('li.configurable').eq('0')
+									.mouseover();
+					}
+				)
+				.filter(':not(.en_configuration)')
+					.find('> .actions')
+						.hide()
+					.end()
+				.end();
+			
+			// On lance la création des onglets
+			formulaire_configurer_onglets();
+			
+			// Gérer la liste des vérifications
+			$('.liste_verifications')
+				.each(function(){
+					var options = $(this).siblings('.options_verifier').hide();
+					var select = $(this).find('select');
+					
+					select
+						.change(function(){
+							var montrer = $(this).val() ? $(this).val() : 'soigfeg';
+							options.hide().filter('.'+montrer).show();
+						})
+						.change();
+				});
+			
+			// On déplie toujours les fieldsets plés par défaut
+			$('li.fieldset.plie')
+				.each(function(){
+					$(this)
+						.removeClass('plie')
+						.find('> fieldset > ul').show();
+				});
+				
+			[(#ENV{erreurs}|non)
+				[(#CHEMIN{javascript/ui/jquery.ui.sortable.js}|oui)
+					[(#SET{sortable,1})]
+				]
+			]
+			[(#ENV{erreurs}|non|et{#GET{sortable}})
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.core.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.widget.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.mouse.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.sortable.js}", function(){
+					if ($.fn.sortable) {
+						$( "#deplacable, #deplacable ul" ).sortable({
+							revert: true,
+							containment: '#deplacable',
+							connectWith: "#deplacable, #deplacable ul",
+							placeholder: "ui-state-highlight",
+							handle: '>.actions .deplacer_saisie',
+							start: function(event, ui) {
+								$('.ui-state-highlight')
+									.css('height', ui.item.css('height'))
+									.css('height', '+=20px');
+							},
+							update: function(event, ui) {
+								id = ui.item.data('id');
+								ou = ui.item.next().data('id');
+								// avant le suivant
+								if (!ou) {
+									// sinon dans le parent
+									ou = ui.item.closest('.fieldset').data('id');
+									if (ou) {
+										ou = '[(#VAL{91}|chr)]' + ou + '[(#VAL{93}|chr)]';
+									}
+								}
+								url = "#URL_ECRIRE";
+								$.get(url, {
+									session: '#ENV{_identifiant_session}',
+									action: 'deplacer_saisie',
+									saisie: id,
+									ou: ou
+								}, function() {
+									//$('input.vide').submit();
+									$('#reinitialiser').removeClass('invisible');
+									$('#message_attention').removeClass('invisible');
+								});
+							}
+						});
+					}
+				});});});});
+			]
+			[(#ENV{erreurs}|non)
+				[(#CHEMIN{javascript/ui/jquery.ui.draggable.js}|oui)
+					[(#SET{draggable,1})]
+				]
+			]
+			[(#ENV{erreurs}|non|et{#GET{draggable}})
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.core.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.widget.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.mouse.js}", function(){
+				$.getScript("#CHEMIN{javascript/ui/jquery.ui.draggable.js}", function(){
+					if ($.fn.draggable) {
+						$( "#attrapable" ).draggable({
+							connectToSortable: "#deplacable, #deplacable ul",
+							helper: "clone"
+						});
+					}
+				});});});});
+			]			
+		});
+		
+		function formulaire_configurer_onglets(){
+			var formulaire_configurer = $('.formulaire_configurer');
+			var onglets = $('<ul class="formulaire_configurer-onglets"></ul>');
+			var contenus = formulaire_configurer.find('> ul > li.fieldset');
+			
+			// On ajoute le conteneur des onglets
+			formulaire_configurer
+				.prepend(onglets);
+			
+			// On parcourt les contenus pour générer les onglets
+			contenus
+				.each(function(i){
+					// On ajoute un identifiant et une classe
+					$(this)
+						.attr('id', 'formulaire_configurer-contenu-'+i)
+						.addClass('formulaire_configurer-contenu');
+					// On récupère le titre (en le cachant au passage)
+					var titre = $(this).find('h3').eq(0).hide().text();
+					// On crée un onglet
+					var onglet = $('<li><a href="#formulaire_configurer-contenu-'+i+'">'+titre+'</a></li>');
+					onglet
+						.click(function(){
+							contenus.hide();
+							$(
+								$(this)
+									.siblings()
+										.removeClass('actif')
+									.end()
+									.addClass('actif')
+									.find('a')
+										.attr('href')
+							).show();
+							return false;
+						});
+					
+					// On active le premier onglet au démarrage
+					if (i == 0) onglet.addClass('actif');
+					
+					// S'il y a des erreurs dans cette partie du contenu, on met une classe "erreurs" à l'onglet aussi
+					if ($(this).find('li.erreur').length > 0)
+						onglet.addClass('erreur');
+					
+					// On ajoute l'onglet
+					onglets
+						.append(onglet);
+				})
+				.hide()
+				.eq(0)
+					.show();
+		}
+	</script>
+	</BOUCLE_editable>
+</div>