WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie/squelettes/florileges/js/florileges.js

 function afficherPanneau(selecteur) {
 	$(selecteur).fadeIn('slow').delay(DUREE_MESSAGE).fadeOut('slow');
+}
 //+----------------------------------------------------------------------------------------------------------+
+//FORM IDENTITE : gestion de l'observateur
 //UPLOAD PHOTO : Traitement de l'image
-$(document).ready(function() {
-	$('.effacer-miniature').click(function () {
-		supprimerMiniatures($(this));
-	});
-	$('#photo-placeholder').click(function(event) {
-		$('#fichier').click();
-	});
+$(document).ready(function() {
-	$('#fichier').bind('change', function (e) {
-		arreter(e);
-		var options = {
-			success: afficherMiniature, // post-submit callback
-			dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-			resetForm: true // reset the form after successful submit
-		};
-		$('#miniature').append(
-			'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
+	$('#courriel').on('blur', requeterIdentite);
-		$('#ajouter-obs').attr('disabled', 'disabled');
-		if(verifierFormat($('#fichier').val())) {
-			$('#form-upload').ajaxSubmit(options);
-		} else {
-			window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
-		}
-		return false;
-	});
-	$('.effacer-miniature').on('click', function() {
-		$(this).parent().remove();
-	});
+	$('#courriel').on('keypress', testerLancementRequeteIdentite);
 });
+function testerLancementRequeteIdentite(event) {
-function verifierFormat(nom) {
+	if (event.which == 13) {
-	var parts = nom.split('.');
+		requeterIdentite();
+		event.preventDefault();
-	extension = parts[parts.length - 1];
+		event.stopPropagation();
-	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
+	}
+}
+function requeterIdentite() {
+	var courriel = $('#courriel').val();
+	//TODO: mettre ceci en paramètre de config
-}
+	var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;
+	$.ajax({
-function afficherMiniature(reponse) {
+		url: urlAnnuaire,
-	if (DEBUG) {
-		var debogage = $('debogage', reponse).text();
+		type: 'GET',
-		console.log('Débogage upload : ' + debogage);
+		success: function(data, textStatus, jqXHR) {
-	}
+			console.log('SUCCESS:'+textStatus);
+			if (data != undefined && data[courriel] != undefined) {
+				var infos = data[courriel];
+				$('#id_utilisateur').val(infos.id);
+				$('#prenom').val(infos.prenom);
+				$('#nom').val(infos.nom);
-	var message = $('message', reponse).text();
+				$('#courriel_confirmation').val(courriel);
+				$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');
+				$('#date').focus();
+			} else {
-	if (message != '') {
+				surErreurCompletionCourriel();
+			}
+		},
-		$('#miniature-msg').append(message);
+		error: function(jqXHR, textStatus, errorThrown) {
+			console.log('ERREUR :'+textStatus);
+			surErreurCompletionCourriel();
-	} else {
+		},
+		complete: function(jqXHR, textStatus) {
+			console.log('COMPLETE :'+textStatus);
+			$('#zone-prenom-nom').removeClass('hidden');
-		$('#miniatures').append(creerWidgetMiniature(reponse));
+			$('#zone-courriel-confirmation').removeClass('hidden');
-	}
+		}
-	$('#ajouter-obs').removeAttr('disabled');
+	});
-}
-function creerWidgetMiniature(reponse) {
-	var miniatureUrl = $('miniature-url', reponse).text(),
+}
-		imgNom = $('image-nom', reponse).text(),
-		html =
-			'<div class="miniature">'+
-				'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
+function surErreurCompletionCourriel() {
-				'<button class="effacer-miniature" type="button">Effacer</button>'+
+	$('#prenom, #nom, #courriel_confirmation').val('');
+	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
+	afficherPanneau('#dialogue-courriel-introuvable');
+}
-			'</div>'
+function formaterNom() {
+	$(this).val($(this).val().toUpperCase());
+}
+function formaterPrenom() {
+	var prenom = new Array(),
+		mots = $(this).val().split(' ');
+	for (var i = 0; i < mots.length; i++) {
+		var mot = mots[i];
+		if (mot.indexOf('-') >= 0) {
+			var prenomCompose = new Array(),
+				motsComposes = mot.split('-');
+			for (var j = 0; j < motsComposes.length; j++) {
+				var motSimple = motsComposes[j],
+					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
+				prenomCompose.push(motMajuscule);
+			}
+			prenom.push(prenomCompose.join('-'));
-	return html;
+		} else {
 			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
 			prenom.push(motMajuscule);
 function supprimerMiniatures() {
+	}
-	$('#miniatures').empty();
+	$(this).val(prenom.join(' '));
 	$('#miniature-msg').empty();
 //+----------------------------------------------------------------------------------------------------------+
+		}
 	});
 	$('#geolocaliser').on('click', geolocaliser);
-	google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
+	//google.maps.event.addListener(marker, 'dragend', surDeplacementMarker);
-	google.maps.event.addListener(map, 'click', surClickDansCarte);
+	//google.maps.event.addListener(map, 'click', surClickDansCarte);
 });
 					google.maps.MapTypeId.ROADMAP,
 					google.maps.MapTypeId.HYBRID,
 					google.maps.MapTypeId.SATELLITE,
 					google.maps.MapTypeId.TERRAIN]}
 		};
 	// Ajout de la couche OSM à la carte
 	osmMapType = new google.maps.ImageMapType({
 		getTileUrl: function(coord, zoom) {
 			return 'http://tile.openstreetmap.org/' + zoom + '/' + coord.x + '/' + coord.y + '.png';
 		},
+				}
+			}
 		});
 	});
+}
 //+---------------------------------------------------------------------------------------------------------+
-// IDENTITÉ
-$(document).ready(function() {
+//AUTO-COMPLÉTION Noms Scientifiques
-	$('#courriel').on('blur', requeterIdentite);
-	$('#courriel').on('keypress', testerLancementRequeteIdentite);
-});
+function ajouterAutocompletionNoms() {
+	$('#taxon').autocomplete({
+		source: function(requete, add){
+			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
+			var url = getUrlAutocompletionNomsSci();
+			$.getJSON(url, function(data) {
+				console.log(data);
+				var suggestions = traiterRetourNomsSci(data);
+				add(suggestions);
+			});
+		},
+		html: true
+	});
+	$('#taxon').bind('autocompleteselect', function(event, ui) {
-function testerLancementRequeteIdentite(event) {
+		$('#taxon').data(ui.item);
+		if (ui.item.retenu == true) {
+			$('#taxon').addClass('ns-retenu');
+		} else {
+			$('#taxon').removeClass('ns-retenu');
+		}
+	});
+}
+function getUrlAutocompletionNomsSci() {
+	var mots = $('#taxon').val(),
+		url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_PROJET);
+	url = url.replace('{masque}', mots);
+	return url;
+}
-	if (event.which == 13) {
+function traiterRetourNomsSci(data) {
+	var suggestions = [];
+	if (data.resultat != undefined) {
+		$.each(data.resultat, function(i, val) {
+			val.nn = i;
+			var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',
+				nomRet: '', numNomRet: '', famille: '', retenu: false
+			};
+			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
+				nom.label = '...';
+				nom.value = $('#taxon').val();
-		requeterIdentite();
+				suggestions.push(nom);
+				return false;
+			} else {
+				nom.label = val.nom_sci_complet;
+				nom.value = val.nom_sci_complet;
+				nom.nt = val.num_taxonomique;
+				nom.nomSel = val.nom_sci;
+				nom.nomSelComplet = val.nom_sci_complet;
+				nom.numNomSel = val.nn;
+				nom.nomRet = val.nom_retenu_complet;
+				nom.numNomRet = val['nom_retenu.id'];
+				nom.famille = val.famille;
+				nom.retenu = (val.retenu == 'false') ? false : true;
-		event.preventDefault();
+				suggestions.push(nom);
+			}
-		event.stopPropagation();
+		});
+	}
 	return suggestions;
+}
-}
+/*
+* jQuery UI Autocomplete HTML Extension
+*
+* Copyright 2010, Scott González (http://scottgonzalez.com)
-function requeterIdentite() {
+* Dual licensed under the MIT or GPL Version 2 licenses.
+*
-	var courriel = $('#courriel').val();
+* http://github.com/scottgonzalez/jquery-ui-extensions
-	//TODO: mettre ceci en paramètre de config
+*
-	var urlAnnuaire = SERVICE_ANNUAIRE_ID_URL + courriel;
+* Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
-	$.ajax({
+*/
-		url: urlAnnuaire,
+(function($) {
+	var proto = $.ui.autocomplete.prototype,
-		type: 'GET',
+		initSource = proto._initSource;
-		success: function(data, textStatus, jqXHR) {
-			console.log('SUCCESS:'+textStatus);
+	function filter(array, term) {
-			if (data != undefined && data[courriel] != undefined) {
+		var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');
+		return $.grep(array, function(value) {
+			return matcher.test($('<div>').html(value.label || value.value || value).text());
+		});
-				var infos = data[courriel];
+	}
-				$('#id_utilisateur').val(infos.id);
+	$.extend(proto, {
-				$('#prenom').val(infos.prenom);
+		_initSource: function() {
-				$('#nom').val(infos.nom);
+			if (this.options.html && $.isArray(this.options.source)) {
-				$('#courriel_confirmation').val(courriel);
+				this.source = function( request, response ) {
-				$('#prenom, #nom, #courriel_confirmation').attr('disabled', 'disabled');
+					response(filter(this.options.source, request.term));
-				$('#date').focus();
+				};
 			} else {
-				surErreurCompletionCourriel();
+				initSource.call(this);
 			}
+		},
-		},
+		_renderItem: function(ul, item) {
+			if (item.retenu == true) {
+				item.label = '<strong>'+item.label+'</strong>';
+			}
-		error: function(jqXHR, textStatus, errorThrown) {
+			return $('<li></li>')
+				.data('item.autocomplete', item)
-			console.log('ERREUR :'+textStatus);
+				.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))
+				.appendTo(ul);
+		}
+	});
+})(jQuery);
-			surErreurCompletionCourriel();
+//+----------------------------------------------------------------------------------------------------------+
+//UPLOAD PHOTO : Traitement de l'image
-		},
+$(document).ready(function() {
+	$('body').on('click', '.effacer-miniature', function(event) {
+		supprimerMiniature($(this));
-		complete: function(jqXHR, textStatus) {
+	});
+	$('#photo-placeholder').click(function(event) {
+		$('#fichier').click();
+	});
+	$('#fichier').bind('change', function (e) {
+		arreter(e);
+		var options = {
+			success: afficherMiniature, // post-submit callback
+			dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
+			resetForm: true // reset the form after successful submit
+		};
-			console.log('COMPLETE :'+textStatus);
+		$('#miniature').append(
+			'<img id="miniature-chargement" class="miniature" alt="chargement" src="'+CHARGEMENT_IMAGE_URL+'"/>');
+		$('#ajouter-obs').attr('disabled', 'disabled');
+		if (verifierFormat($('#fichier').val())) {
+			$('#form-upload').ajaxSubmit(options);
-			$('#zone-prenom-nom').removeClass('hidden');
+		} else {
+			window.alert("Le format de fichier n'est pas supporté, les formats acceptés sont "+	$('#fichier').attr('accept'));
 			$('#zone-courriel-confirmation').removeClass('hidden');
+		return false;
+	});
+	$('.effacer-miniature').on('click', function() {
+		$(this).parent().remove();
+	});
+});
+function verifierFormat(nom) {
+	var parts = nom.split('.');
 	extension = parts[parts.length - 1];
-	});
+	return (extension.toLowerCase() == 'jpeg' || extension.toLowerCase() == 'jpg');
+}
+function afficherMiniature(reponse) {
+	if (DEBUG) {
+		var debogage = $('debogage', reponse).text();
+		console.log('Débogage upload : ' + debogage);
+	}
+	var message = $('message', reponse).text();
-}
+	if (message != '') {
+		$('#miniature-msg').append(message);
+	} else {
+		$('#miniatures').append(creerWidgetMiniature(reponse));
+	}
+	$('#ajouter-obs').removeAttr('disabled');
+}
+function creerWidgetMiniature(reponse) {
+	var miniatureUrl = $('miniature-url', reponse).text(),
+		imgNom = $('image-nom', reponse).text(),
+		html =
+			'<div class="miniature">'+
+				'<img class="miniature-img" class="miniature" alt="'+imgNom+'" src="'+miniatureUrl+'"/>'+
+				'<button class="btn effacer-miniature" type="button">Effacer</button>'+
+			'</div>'
+	return html;
-function surErreurCompletionCourriel() {
+}
+function supprimerMiniature(miniature) {
+	miniature.parents('.miniature').remove();
+}
-	$('#prenom, #nom, #courriel_confirmation').val('');
+function supprimerMiniatures() {
+	$('#miniatures').empty();
+	$('#miniature-msg').empty();
 	$('#prenom, #nom, #courriel_confirmation').removeAttr('disabled');
-	afficherPanneau('#dialogue-courriel-introuvable');
-}
 //+---------------------------------------------------------------------------------------------------------+
-// FORMULAIRE
+//+---------------------------------------------------------------------------------------------------------+
-var obsNbre = 0;
+// FORMULAIRE : traitements génériques
 	ajouterAutocompletionNoms();
 	configurerFormValidator();
+	definirReglesFormValidator();
+	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
+		event.stopPropagation();
+	});
+	$('.cb-milieux').on('click', function(event) {
+		$(this).valid();
+		event.stopPropagation();
+	});
+	$('input#hauteur-plante').on('blur', function() {
+		// if there's a bad value
+		var valeur = $(this).val();
+		console.log(valeur);
+		if (! valeur.match(/^[0-9]+$/)) {
+			// replace it with nothing
+			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
+			$(this).val(nouvelleValeur);
+		}
-	definirReglesFormValidator();
+	});
 	$('#courriel_confirmation').on('paste', bloquerCopierCollerCourriel);
 	$('body').on('click', '.supprimer-obs', supprimerObs);
-	$('#transmettre-obs').on('click', transmettreObs);
 	$('#transmettre-obs').on('click', transmettreObs);
 	$('body').on('click', '.defilement-miniatures-gauche', function(event) {
-		event.preventDefault();
-		defilerMiniatures($(this));
+	$('body').on('click', '.defilement-control-zone', function(event) {
-	});
+		defilerMiniatures($(this));
-	$('body').on('click', '.defilement-miniatures-droite', function(event) {
+	});
-		event.preventDefault();
-		defilerMiniatures($(this));
+	$('body').on('mouseover', '.defilement-control-zone', function(event) {
-	});
+		$('.defilement-control', this).removeClass('hidden');
 	});
-	$('.dropdown-menu input, .dropdown-menu label').on('click', function(event) {
-		event.stopPropagation();
-	});
-	$('input#hauteur-plante').on('blur', function() {
-		// if there's a bad value
-		var valeur = $(this).val();
-		console.log(valeur);
-		if (! valeur.match(/^[0-9]+$/)) {
-			// replace it with nothing
-			var nouvelleValeur = valeur.replace(/[^0-9]/g, '');
+	$('body').on('mouseout', '.defilement-control-zone', function(event) {
-			$(this).val(nouvelleValeur);
+		$('.defilement-control', this).addClass('hidden');
 	});
 	});
 			insertBefore( el ).find('.horizontal-slider').slider({
 				min: 1,
 				max: el.options.length,
 				range: 'min',
 				value: el.selectedIndex + 1,
-				slide: function( event, ui ) {
+				slide: function(event, ui) {
 					el.selectedIndex = ui.value - 1;
 					slider.find('a').text(el.options[el.selectedIndex].text);
+					$(selector + ' option[selected="selected"]').removeAttr('selected');
+					$(selector + ' :nth-child('+ui.value+')').attr('selected', 'selected')
+					$(selector).valid();
 				},
 				stop: function() {
 					$(el).change();
+				}
 			});
 			slider.parent().find('.slider-legend p');//.css('text-indent', '200%');
+		}
 	});
+}
+function configurerDatePicker(selector) {
+	$.datepicker.setDefaults($.datepicker.regional['fr']);
+	$(selector).datepicker({
+		dateFormat: 'dd/mm/yy',
+		showOn: 'button',
+		buttonImageOnly: true,
+		buttonImage: CALENDRIER_ICONE_URL,
+		buttonText: 'Afficher le calendrier pour saisir la date.',
+		showButtonPanel: true,
+		onSelect: function(date) {
+			$(this).valid();
+        }
+	});
+	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
+}
 function configurerFormValidator() {
 	$.validator.addMethod(
 		'dateCel',
 		function (value, element) {
 			return value == '' || (/^[0-9]{2}[-\/][0-9]{2}[-\/][0-9]{4}$/.test(value));
 		},
-		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
-	$.validator.addMethod(
-		'chckMilieux',
-		function(value, element) {
-			var ok = $('input[name="milieux"]:checked').length > 0 ? true : false;
-			console.log('Check Milieux : ' + ok);
-			return ok;
-		},
-		'Veuillez sélectionner au moins une case à cocher.');
+		'Format : jj/mm/aaaa. Date incomplète, utiliser 0, exemple : 00/12/2011.');
 	$.extend($.validator.defaults, {
-	$.extend($.validator.defaults, {
+		ignore: [],// Forcer Jquery Validate à examiner les éléments avec en display:none;
-		highlight: function(element) {
-			$(element).closest('.control-group').removeClass('success').addClass('error');
-			console.log('KO:'+$(element).attr('name')+' / nbre: '+$(element).length);
+		highlight: function(element) {
 			$(element).closest('.control-group').removeClass('success').addClass('error');
-		},
-		success: function(element) {
-			console.log('OK:'+element.before+' / nbre: '+$(element).length);
-			console.log(element);
+		},
 		success: function(element) {
 			element.text('OK!').addClass('valid');
 			element.closest('.control-group').removeClass('error').addClass('success');
 			date: {
 				required: true,
 				'dateCel' : true},
 			dateDerniereIntervention: {
 				required: true}
-		}
+		},
+		errorPlacement: function(error, element) {
+	        if (element.attr('name') == 'date') {
+		        element.parent('.input-prepend').after(error);
+	        } else {
+	        	error.insertAfter(element);
+	        }
+	    }
 	});
 	$('#form-obs').validate({
 		rules: {
 			'taxon-liste': {
 				required: true},
-			milieux: {
+			'milieux[]': {
-				chckMilieux:true},
+				required: true,
+				minlength: 1},
 			hauteurPlante: {
 				required: true,
 				digits: true},
 			resistanceTraitementPhyto: {
 				required: true}
-		}
+		},
-	});
-}
-function configurerDatePicker(selector) {
+		errorPlacement: function(error, element) {
-	$.datepicker.setDefaults($.datepicker.regional['fr']);
+	        if (element.attr('name') == 'milieux[]') {
-	$(selector).datepicker({
+		        error.insertAfter('#milieux-controls');
-		dateFormat: 'dd/mm/yy',
-		showOn: 'button',
+	        } else {
-		buttonImageOnly: true,
-		buttonImage: CALENDRIER_ICONE_URL,
+	        	error.insertAfter(element);
-		buttonText: 'Afficher le calendrier pour saisir la date.',
+	        }
-		showButtonPanel: true
+	    }
 	});
-	$(selector + ' + img.ui-datepicker-trigger').appendTo(selector + '-icone.add-on');
-}
-function fermerPanneauAlert() {
-	$(this).parentsUntil('.zone-alerte', '.alert').hide();
+}
-function formaterNom() {
+function validerFormulaire() {
-	$(this).val($(this).val().toUpperCase());
-}
+	var observateur = $('#form-observateur').valid(),
-function formaterPrenom() {
+		station = $('#form-site').valid(),
-	var prenom = new Array(),
+		date = $('#form-date').valid(),
-		mots = $(this).val().split(' ');
-	for (var i = 0; i < mots.length; i++) {
-		var mot = mots[i];
-		if (mot.indexOf('-') >= 0) {
-			var prenomCompose = new Array(),
-				motsComposes = mot.split('-');
-			for (var j = 0; j < motsComposes.length; j++) {
-				var motSimple = motsComposes[j],
+		obs = $('#form-obs').valid();
-					motMajuscule = motSimple.charAt(0).toUpperCase() + motSimple.slice(1);
-				prenomCompose.push(motMajuscule);
+	return (observateur == true && station == true && obs == true && date == true) ? true : false;
-			}
-			prenom.push(prenomCompose.join('-'));
-		} else {
-			var motMajuscule = mot.charAt(0).toUpperCase() + mot.slice(1);
-			prenom.push(motMajuscule);
+}
-		}
-	}
+function fermerPanneauAlert() {
-	$(this).val(prenom.join(' '));
+	$(this).parentsUntil('.zone-alerte', '.alert').hide();
+}
 function basculerAffichageAide() {
 	$('#coordonnees-geo').toggle('slow');
 	//valeur false pour que le lien ne soit pas suivi
 	return false;
+}
+//+----------------------------------------------------------------------------------------------------------+
+// CRÉER OBS : Gestion des obs
+var obsNbre = 0;
 function ajouterObs() {
 	if (validerFormulaire() == true) {
 		obsNbre = obsNbre + 1;
 		$('.obs-nbre').text(obsNbre);
 						'<button class="btn btn-danger supprimer-obs" value="'+obsNbre+'" title="'+obsNbre+'">'+
 							'<i class="icon-trash icon-white"></i>'+
 						'</button>'+
 					'</div> '+
 					'<div class="row-fluid">'+
-						'<div class="thumbnail span2">'+
+						'<div class="span2 obs-miniatures">'+
 							ajouterImgMiniatureAuTransfert()+
 						'</div>'+
-						'<div class="span9">'+
+						'<div class="span8">'+
 							'<ul class="unstyled">'+
 								'<li>'+
 									'<span class="nom-sci">' + taxon + '</span> ' +
 									formaterNumNomSel(numNomSel)+
 									'<span class="referentiel-obs">' + referentiel + '</span>' +
 									'(' + codeInsee + ') [' + lat +' / ' + lng + ']' +
 									' le ' +
 									'<span class="date">' + date + '</span>' +
 								'</li>' +
 								'<li>' +
-									'<span>Site :</span> ' + site + ' ' +
+									'<span>Site :</span> ' + site + ' ' +  ' ; ' +
 									'<span>Milieu :</span> ' + milieux + ' ' +
 								'</li>' +
 								'<li>' +
 									'Commentaires : <span class="discretion">' + notes + '</span>'+
 								'</li>'+
+}
 function getMilieux() {
 	var milieuxStr = '',
 		milieux = [];
-	$('input:checkbox[name="milieux"]:checked').each(function() {
+	$('input:checkbox[name="milieux[]"]:checked').each(function() {
 		milieux.push($(this).val());
 	});
 	milieuxStr = Array.prototype.slice.call(milieux).join(', ');
 	return milieuxStr;
+}
+function ajouterImgMiniatureAuTransfert() {
-function ajouterImgMiniatureAuTransfert() {
+	var html = '',
+		miniatures = '',
-	var html = '',
+		indicateurs = '',
+		premiere = true,
+		numero = 1;
-		miniatures = '',
+	if ($('#miniatures img').length == 0) {
-		premiere = true;
+		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
-	if ($('#miniatures img').length >= 1) {
+	} else if ($('#miniatures img').length >= 1) {
 		$('#miniatures img').each(function() {
 			var visible = premiere ? 'miniature-selectionnee' : 'miniature-cachee',
-				css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature',
+				css = $(this).hasClass('b64') ? 'miniature b64' : 'miniature',
 				src = $(this).attr('src'),
 				alt = $(this).attr('alt');
+			var miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
+			miniatures += miniature;
+			var indicateurActif = premiere ? 'active' : '';
+			var indicateur = '<li class="' + indicateurActif + '" data-numero="' + numero++ + '"></li>';
-			premiere = false;
+			indicateurs += indicateur;
-			miniature = '<img class="'+css+' '+visible+'"  alt="'+alt+'"src="'+src+'" />';
+			premiere = false;
+		});
-			miniatures += miniature;
+		if ($('#miniatures img').length == 1) {
-		});
+			html = miniatures;
+		} else {
+			html =
-		visible = ($('#miniatures img').length > 1) ? '' : 'defilement-miniatures-cache';
+				'<div class="defilement">' +
-		var html =
+					miniatures +
+					'<a class="defilement-control-zone gauche">' +
-			'<div class="defilement-miniatures">'+
+					'	<span class="defilement-control gauche hidden">&#60;</span>' +
+					'</a>' +
+					'<a class="defilement-control-zone droite">' +
-				'<a href="#" class="defilement-miniatures-gauche '+visible+'">&#60;</a>'+
+					'	<span class="defilement-control droite hidden">&#62;</span>' +
-				miniatures+
+					'</a>' +
-				'<a href="#" class="defilement-miniatures-droite '+visible+'">&#62;</a>'+
-			'</div>';
+					'<ol class="defilement-indicateurs">' + indicateurs + '</ol>' +
-	} else {
+				'</div>';
 		html = '<img class="miniature" alt="Aucune photo"src="'+PAS_DE_PHOTO_ICONE_URL+'" />';
+	}
+	return html;
+}
+function defilerMiniatures(element) {
+	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
+	miniatureSelectionne.removeClass('miniature-selectionnee').addClass('miniature-cachee');
+	var miniatureAffichee = miniatureSelectionne;
+	var indicateurActif = element.parent().find('.defilement-indicateurs .active');
+	console.log(indicateurActif)
+	indicateurActif.removeClass('active');
+	if (element.hasClass('defilement-control-zone') && element.hasClass('gauche')) {
+		if (miniatureSelectionne.prev('.miniature').length != 0) {
+			miniatureAffichee = miniatureSelectionne.prev('.miniature');
+			indicateurActif.prev().addClass('active');
+		} else {
+			miniatureAffichee = miniatureSelectionne.siblings('.miniature').last();
+			indicateurActif.siblings().last().addClass('active');
+		}
+	} else {
+		if (miniatureSelectionne.next('.miniature').length != 0) {
+			miniatureAffichee = miniatureSelectionne.next('.miniature');
+			indicateurActif.next().addClass('active');
+		} else {
+			miniatureAffichee = miniatureSelectionne.siblings('.miniature').first();
+			indicateurActif.siblings().first().addClass('active');
+		}
+	}
-	return html;
+	miniatureAffichee.addClass('miniature-selectionnee').removeClass('miniature-cachee');
-}
+}
 function formaterNumNomSel(numNomSel) {
-	var nn = '';
+function formaterNumNomSel(numNomSel) {
 	var nn = '';
 	if (numNomSel == undefined) {
 		$('#ajouter-obs').attr('disabled', 'disabled');
 		afficherPanneau('#dialogue-bloquer-creer-obs');
+	}
+}
+function supprimerObs() {
+	var obsId = $(this).val();
+	// Problème avec IE 6 et 7
+	if (obsId == 'Supprimer') {
+		obsId = $(this).attr('title');
+	}
+	obsNbre = obsNbre - 1;
+	$('.obs-nbre').text(obsNbre);
+	$('.obs-nbre').triggerHandler('changement');
+	$('.obs'+obsId).remove();
+	$('#liste-obs').removeData('obsId' + obsId);
+}
+function initialiserObs() {
+	obsNbre = 0;
+	$('.obs-nbre').text(obsNbre);
+	$('.obs-nbre').triggerHandler('changement');
+	$('#liste-obs').removeData();
+	$('.obs').remove();
+	$('#dialogue-bloquer-creer-obs').hide();
+}
+function getNomsImgsOriginales() {
+	var noms = new Array();
+	$('.miniature-img').each(function() {
+		noms.push($(this).attr('alt'));
+	});
+	return noms;
+}
+function getB64ImgsOriginales() {
+	var b64 = new Array();
+	$('.miniature-img').each(function() {
+		if ($(this).hasClass('b64')) {
+			b64.push($(this).attr('src'));
+		} else if ($(this).hasClass('b64-canvas')) {
+			b64.push($(this).data('b64'));
+		}
+	});
+	return b64;
+}
+//+----------------------------------------------------------------------------------------------------------+
+// TRANSFERER OBS : envoie des obs au CEL
 function transmettreObs() {
 	var observations = $('#liste-obs').data();
 	console.log(observations);
 				$('#dialogue-obs-transaction-ok').show();
+			}
 			initialiserObs();
+		}
 	});
-}
-function validerFormulaire() {
-	var observateur = $('#form-observateur').valid(),
-		station = $('#form-site').valid(),
-		date = $('#form-date').valid(),
-		obs = $('#form-obs').valid();
-	return (observateur == true && station == true && obs == true && date == true) ? true : false;
-}
-function getNomsImgsOriginales() {
-	var noms = new Array();
-	$('.miniature-img').each(function() {
-		noms.push($(this).attr('alt'));
-	});
-	return noms;
-}
-function getB64ImgsOriginales() {
-	var b64 = new Array();
-	$('.miniature-img').each(function() {
-		if ($(this).hasClass('b64')) {
-			b64.push($(this).attr('src'));
-		} else if ($(this).hasClass('b64-canvas')) {
-			b64.push($(this).data('b64'));
-		}
-	});
-	return b64;
-}
-function supprimerObs() {
-	var obsId = $(this).val();
-	// Problème avec IE 6 et 7
-	if (obsId == 'Supprimer') {
-		obsId = $(this).attr('title');
-	}
-	obsNbre = obsNbre - 1;
-	$('.obs-nbre').text(obsNbre);
-	$('.obs-nbre').triggerHandler('changement');
-	$('.obs'+obsId).remove();
-	$('#liste-obs').removeData('obsId' + obsId);
-}
-function initialiserObs() {
-	obsNbre = 0;
-	$('.obs-nbre').text(obsNbre);
-	$('.obs-nbre').triggerHandler('changement');
-	$('#liste-obs').removeData();
-	$('.obs').remove();
-	$('#dialogue-bloquer-creer-obs').hide();
-}
-function defilerMiniatures(element) {
-	var miniatureSelectionne = element.siblings('img.miniature-selectionnee');
-	miniatureSelectionne.removeClass('miniature-selectionnee');
-	miniatureSelectionne.addClass('miniature-cachee');
-	var miniatureAffichee = miniatureSelectionne;
-	if(element.hasClass('defilement-miniatures-gauche')) {
-		if(miniatureSelectionne.prev('.miniature').length != 0) {
-			miniatureAffichee = miniatureSelectionne.prev('.miniature');
-		} else {
-			miniatureAffichee = miniatureSelectionne.siblings('.miniature').last();
-		}
-	} else {
-		if(miniatureSelectionne.next('.miniature').length != 0) {
-			miniatureAffichee = miniatureSelectionne.next('.miniature');
-		} else {
-			miniatureAffichee = miniatureSelectionne.siblings('.miniature').first();
-		}
-	}
-	miniatureAffichee.addClass('miniature-selectionnee');
-	miniatureAffichee.removeClass('miniature-cachee');
-}
-//+---------------------------------------------------------------------------------------------------------+
-// AUTO-COMPLÉTION Noms Scientifiques
-function ajouterAutocompletionNoms() {
-	$('#taxon').autocomplete({
-		source: function(requete, add){
-			// la variable de requête doit être vidée car sinon le parametre "term" est ajouté
-			var url = getUrlAutocompletionNomsSci();
-			$.getJSON(url, function(data) {
-				console.log(data);
-				var suggestions = traiterRetourNomsSci(data);
-				add(suggestions);
-			});
-		},
-		html: true
-	});
-	$('#taxon').bind('autocompleteselect', function(event, ui) {
-		$('#taxon').data(ui.item);
-		if (ui.item.retenu == true) {
-			$('#taxon').addClass('ns-retenu');
-		} else {
-			$('#taxon').removeClass('ns-retenu');
-		}
-	});
-}
-function getUrlAutocompletionNomsSci() {
-	var mots = $('#taxon').val(),
-		url = SERVICE_AUTOCOMPLETION_NOM_SCI_URL_TPL.replace('{referentiel}',NOM_SCI_PROJET);
-	url = url.replace('{masque}', mots);
-	return url;
-}
-function traiterRetourNomsSci(data) {
-	var suggestions = [];
-	if (data.resultat != undefined) {
-		$.each(data.resultat, function(i, val) {
-			val.nn = i;
-			var nom = {label: '', value: '', nt: '', nomSel: '', nomSelComplet: '', numNomSel: '',
-				nomRet: '', numNomRet: '', famille: '', retenu: false
-			};
-			if (suggestions.length >= AUTOCOMPLETION_ELEMENTS_NBRE) {
-				nom.label = '...';
-				nom.value = $('#taxon').val();
-				suggestions.push(nom);
-				return false;
-			} else {
-				nom.label = val.nom_sci_complet;
-				nom.value = val.nom_sci_complet;
-				nom.nt = val.num_taxonomique;
-				nom.nomSel = val.nom_sci;
-				nom.nomSelComplet = val.nom_sci_complet;
-				nom.numNomSel = val.nn;
-				nom.nomRet = val.nom_retenu_complet;
-				nom.numNomRet = val['nom_retenu.id'];
-				nom.famille = val.famille;
-				nom.retenu = (val.retenu == 'false') ? false : true;
-				suggestions.push(nom);
-			}
-		});
-	}
-	return suggestions;
-}
-/*
- * jQuery UI Autocomplete HTML Extension
- *
- * Copyright 2010, Scott González (http://scottgonzalez.com)
- * Dual licensed under the MIT or GPL Version 2 licenses.
- *
- * http://github.com/scottgonzalez/jquery-ui-extensions
- *
- * Adaptation par Aurélien Peronnet pour la mise en gras des noms de taxons valides
- */
-(function($) {
-	var proto = $.ui.autocomplete.prototype,
-		initSource = proto._initSource;
-	function filter(array, term) {
-		var matcher = new RegExp($.ui.autocomplete.escapeRegex(term), 'i');
-		return $.grep(array, function(value) {
-			return matcher.test($('<div>').html(value.label || value.value || value).text());
-		});
-	}
-	$.extend(proto, {
-		_initSource: function() {
-			if (this.options.html && $.isArray(this.options.source)) {
-				this.source = function( request, response ) {
-					response(filter(this.options.source, request.term));
-				};
-			} else {
-				initSource.call(this);
-			}
-		},
-		_renderItem: function(ul, item) {
-			if (item.retenu == true) {
-				item.label = '<strong>'+item.label+'</strong>';
-			}
-			return $('<li></li>')
-				.data('item.autocomplete', item)
-				.append($('<a></a>')[this.options.html ? 'html' : 'text'](item.label))
-				.appendTo(ul);
-		}
-	});
-})(jQuery);
+}

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie/squelettes/florileges/js/florileges.js @ 1562 – Rev 1560 → 1562