Subversion Repositories eFlore/Applications.cel

//+----------------------------------------------------------------------------------------------------------+

// Initialisation de Jquery mobile

$(document).bind('mobileinit', function() {

	$.mobile.defaultPageTransition = 'fade';

});

$(document).on('online', function(event) {

	console.log('online');

	miseAJourObs();

});

//+----------------------------------------------------------------------------------------------------------+

// Gestion des paramètres URL

$.urlParam = function(name){

	var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);

	return decodeURIComponent(results[1]) || 0;

}

function recupererParametresUrl() {

	$('#referentiel').val($.urlParam('ref'));

	$('#nom').val($.urlParam('nom_sci'));

	$('#nom-sci-select').val($.urlParam('nom_sci'));

	$('#num-nom-select').val($.urlParam('num_nom'));

}

$(document).ready(function() {

	$('body').on('pageshow', '#saisie', function(event) {

		obtenirPosition(event);

		recupererParametresUrl();

	});

	$('#geolocaliser').on('click', obtenirPosition);

	$('body').on('pageshow', '#infos', obtenirDate);

});

//+----------------------------------------------------------------------------------------------------------+

// Géolocalisation et date du jour

var gps = navigator.geolocation;

function obtenirPosition(event) {

	event.stopImmediatePropagation();

	event.stopPropagation();

	event.preventDefault();

	obtenirDate();

	geolocaliser();

}

function geolocaliser() {

	if (gps) {

	    navigator.geolocation.getCurrentPosition(surSuccesGeoloc, surErreurGeoloc);

	} else {

	    var erreur = {code:'0', message: 'Géolocalisation non supportée par le navigateur'};

	    surErreurGeoloc(erreur);

	}

}

function surSuccesGeoloc(position){

	if (position) {

		var lat = position.coords.latitude;

		var lng = position.coords.longitude;

		$('#lat').html(lat);

		$('#lng').html(lng);

		console.log('Geolocation SUCCESS');

		var url_service = SERVICE_NOM_COMMUNE_URL;

		var urlNomCommuneFormatee = url_service.replace('{lat}', lat).replace('{lon}', lng);

		var jqxhr = $.getJSON(urlNomCommuneFormatee, function(data) {

			console.log('NOM_COMMUNE found.');

			$('#location').html(data['nom']);

			$('#code_insee').val(data['codeINSEE']);

		})

		.complete(function() {

			var texte = ($('#location').html() == '') ? TEXTE_HORS_LIGNE : $('#location').html();

			$('#location').html(texte);

		})

		;

	}

}

function surErreurGeoloc(error){

	alert('Echec de la géolocalisation, code: ' + error.code + ' message: '+ error.message);

}

function obtenirDate() {

	var d = new Date();

	var jour = d.getDate();

	var mois = d.getMonth()+1;

	var annee = d.getFullYear();

	var aujourdhui =

		( (''+jour).length < 2 ? '0' : '') + jour + '/' +

		( (''+mois).length < 2 ? '0' : '') + mois + '/' +

		annee;

	$('#date').val(aujourdhui);

	$('#annee').html(annee);

}

//+----------------------------------------------------------------------------------------------------------+

// Local Storage

$(document).ready(function() {

	$('#sauver-obs').on('click', ajouterObs);

	$('#valider_photos').on('click', ajoutPhoto);

	$('body').on('pageshow', '#liste', chargerListeObs);

	$('body').on('pageshow', '#transmission', miseAJourObs);

});

var bdd = window.localStorage,

	index_obs = (bdd.getItem('index_obs') == null) ? 1 : bdd.getItem('index_obs'),

	index_photos = (bdd.getItem('index_photos') == null) ? 1 : bdd.getItem('index_photos');

alert('space used:'+JSON.stringify(bdd).length);

//bdd.clear();

console.log(bdd);

function ajouterObs(event) {

	if ($('#nom').val() != '') {

		var obs = {

			num:TEXTE_OBS,

			maj:0,

			date:'',

			referentiel:'',

			lat:'', lng:'',

			commune:'', code_insee: 0,

			nom:'',

			nom_sci_selec:'',

			nn_select:'',

			nom_sci_retenu:'',

			nn_retenu:'',

			num_taxon:'',

			famille:''

		};

		obs.num += index_obs++;

		obs.date = $('#date').val();

		obs.referentiel = $('#referentiel').val();

		obs.lat = $('#lat').html();

		obs.lng = $('#lng').html();

		obs.commune = $('#location').html();

		obs.code_insee = $('#code_insee').val();

		obs.nom = $('#nom').val();

		obs.referentiel = $('#referentiel').val();

		obs.nom_sci_selec = $('#nom_sci_select').val();

		obs.nn_select = $('#num_nom_select').val();

		var cle = obs.num;

		sauvegarderObs(cle, obs);

		bdd.setItem('index_obs', index_obs);

	/*

		var txt = 'Observation n°'+obs.num+'/'+bdd.length+' créée';

		$('#obs-saisie-infos').html('<p class="reponse ui-btn-inner ui-btn-corner-all">'+txt+'</p>')

			.fadeIn("slow")

			.delay(1600)

			.fadeOut("slow");

	*/

		$.mobile.changePage('#liste');

		effacerFormulaire();

		event.stopPropagation();

		event.preventDefault();

	} else {

		$.mobile.changePage('#saisie');

		event.stopPropagation();

		event.preventDefault();

	}

}

function sauvegarderObs(cle, obs) {

	var val = JSON.stringify(obs);

	alert('space used:'+JSON.stringify(bdd).length+'_'+(JSON.stringify(bdd).length+val.length));

	bdd.setItem(cle, val);

}

function effacerFormulaire() {

	$('#lat').html('');

	$('#lng').html('');

	$('#location').html('');

}

function chargerListeObs() {

	$('#liste_obs').empty();

	var nbre = bdd.length;

	for (var i = 0; i < nbre; i++) {

		var cle = bdd.key(i);

		if (cle.indexOf(TEXTE_OBS) !== -1) {

			var obs = JSON.parse(bdd.getItem(cle));

			console.log(obs);

			$('#liste_obs').prepend(

				'<li>'+

					obs.num + ' (Nbre photos : ' + compterPhotos(obs.num) + ')<br />' +

					'<a href="#" onclick="detailsObs(this);" data-split-icon="next" data-split-theme="a" title="Voir la fiche" data-obs-num="'+obs.num+'">'+

						'<strong>'+obs.nom+'</strong> <br />'+obs.date+' à '+obs.commune+

					'</a>'+

					'<a href="#" onclick="supprimerObs(this);" title="Supprimer l\'observation" ' +

						'data-obs-num="'+obs.num+'">'+

						'Supprimer'+

					'</a>'+

				'</li>'

			);

		}

		$('#liste_obs').listview('refresh');

	}

}

function compterPhotos(num_obs) {

	var compteur = 0;

	if (num_obs != '') {

		var nbre = bdd.length;

		for (var i = 0; i < nbre; i++) {

			var cle = bdd.key(i);

			if (cle.indexOf(TEXTE_PHOTO) !== -1) {

				var photo = JSON.parse(bdd.getItem(cle));

				if (photo.parent == num_obs) {

					compteur++;

				}

			}

		}

	}

	return compteur;

}

function supprimerObs(data) {

	var cle_obs = data.getAttribute('data-obs-num'),

		obs = JSON.parse(bdd.getItem(cle_obs)),

		nbre = bdd.length,

		a_supprimer = new Array();

	for (var i = 0; i < nbre; i++) {

		var cle = bdd.key(i);

		if (cle.indexOf(TEXTE_PHOTO) !== -1) {

			var photo = JSON.parse(bdd.getItem(cle));

			if (photo.parent == obs.num) {

				a_supprimer.push(photo.num);

			}

		}

	}

	for (var c = 0; c < a_supprimer.length; c++) {

		bdd.removeItem(a_supprimer[c]);

	}

	bdd.removeItem(cle_obs);

	var txt = obs.num + ' supprimée.';

	$('#obs-suppression-infos').html('<p class="reponse ui-btn-inner ui-btn-corner-all">'+txt+'</p>')

		.fadeIn(0)

		.delay(1600)

		.fadeOut('slow');

	chargerListeObs();

}

function detailsObs(data) {

	var num_obs = data.getAttribute('data-obs-num');

	var obs = JSON.parse(bdd.getItem(num_obs));

	$('#id_obs').html(obs.num);

	var texte = '<strong>' + obs.nom + '</strong> vue le ' + obs.date;

	texte += (obs.commune == TEXTE_HORS_LIGNE ||  obs.commune == '') ? '' :  ' <br /> à ' + obs.commune;

	$('#details_obs').html(texte);

	$.mobile.changePage('#observation');

	afficherPhotos(obs.num);

}

function ajoutPhoto() {

	var id_obs = $('#id_obs').html();

	if (id_obs != '') {

		$.each($('#pic').get(0).files, function(index, valeur) {

			var reader = new FileReader(),

				binary, base64;

			reader.addEventListener('loadend', function (evt) {

				binary = reader.result; // binary data (stored as string), unsafe for most actions

				base64 = btoa(binary); 	// base64 data, safer but takes up more memory

				var photo = {

					num:TEXTE_PHOTO,

					nom: '',

					parent:'',

					base64:0

				};

				photo.num += index_photos++;

				photo.nom = valeur.name;

				photo.parent = id_obs;

				photo.base64 = base64;

				var cle = photo.num;

				sauvegarderObs(cle, photo);

				bdd.setItem('index_photos', index_photos);

				afficherPhotos(id_obs);

			}, false);

			reader.readAsBinaryString(valeur);

		});

	}

}

function afficherPhotos(num_obs) {

	$('#pic').val('');

	$('#photos_obs').empty();

	if (num_obs != '') {

		var nbre = bdd.length;

		for (var i = 0; i < nbre; i++) {

			var cle = bdd.key(i);

			if (cle.indexOf(TEXTE_PHOTO) !== -1) {

				var photo = JSON.parse(bdd.getItem(cle));

				if (photo.parent == num_obs) {

					$('#photos_obs').prepend(

						'<li>'+

							'<a href="#'+photo.num+'" data-rel="popup" data-role="button" data-inline="true">' +

								'<img src="data:image/png;base64,' + photo.base64 + '" />' +

								photo.nom +

							'</a>' +

							'<a href="#" onclick="supprimerPhoto(this);" title="Supprimer la photo" ' +

								'data-icon="delete" data-photo-num="' + photo.num + '"' +

								'data-photo-parent="' + num_obs + '" data-theme="c">'+

								'Supprimer cette photo'+

							'</a>'+

						'</li>'

					);

				}

			}

			$('#photos_obs').listview('refresh');

		}

	}

}

function compterPhotos(num_obs) {

	var compteur = 0;

	if (num_obs != '') {

		var nbre = bdd.length;

		for (var i = 0; i < nbre; i++) {

			var cle = bdd.key(i);

			if (cle.indexOf(TEXTE_PHOTO) !== -1) {

				var photo = JSON.parse(bdd.getItem(cle));

				if (photo.parent == num_obs) {

					compteur++;

				}

			}

		}

	}

	return compteur;

}

function supprimerPhoto(data) {

	var cle_photo = data.getAttribute('data-photo-num'),

		parent = data.getAttribute('data-photo-parent'),

		photo = JSON.parse(bdd.getItem(cle_photo));

	bdd.removeItem(cle_photo);

	var txt = photo.num + ' supprimée.';

	$('#photo-suppression-infos').html('<p class="reponse ui-btn-inner ui-btn-corner-all">'+txt+'</p>')

		.fadeIn(0)

		.delay(1600)

		.fadeOut('slow');

	afficherPhotos(parent);

}

function miseAJourObs() {

	console.log('majObs');

	var nbre = bdd.length;

	for (var i = 0; i < nbre; i++) {

		var cle = bdd.key(i);

		if (cle.indexOf(TEXTE_OBS) !== -1) {

			var obs = JSON.parse(bdd.getItem(cle));

			if (obs.maj == 0) {

				var maj = 1;

				if (obs.commune == TEXTE_HORS_LIGNE ||  obs.commune == '') {

					var url_service = SERVICE_NOM_COMMUNE_URL;

					var urlNomCommuneFormatee = url_service.replace('{lat}', lat).replace('{lon}', lng);

					jQuery.ajax({

						url: urlNomCommuneFormatee,

						success: function(data) {

							obs.commune = data['nom'];

							obs.code_insee = data['codeINSEE'];

						 },

						 error: function() {

							 maj = 0;

						 },

						async: false

				   });

				}

				if (obs.nom_sci_retenu == '') {

					jQuery.ajax({

						url:	'/service:eflore:0.1/' + obs.referentiel + '/noms?'

								 + 'masque.nn=' + obs.nn_select

								 + '&retour.champs=num_taxonomique',

						success: function(data) {

							var cle = '',

								compteur = 0;

							for (name in data['resultat']) {

								if (compteur == 0) {

									cle = name;

								}

								compteur++;

							}

							obs.num_taxon = data['resultat'][cle]['num_taxonomique'];

							jQuery.ajax({

								url: 	'/service:eflore:0.1/' + obs.referentiel + '/noms?'

										 + 'masque.nt=' + obs.num_taxon

										 + '&retour.champs=famille'

										 + '&retour.tri=retenu',

								success: function(data) {

									var cle = '',

										compteur = 0;

									for (name in data['resultat']) {

										if (compteur == 0) {

											cle = name;

										}

										compteur++;

									}

									obs.famille = data['resultat'][cle]['famille'];

									obs.nom_sci_retenu = data['resultat'][cle]['nom_sci'];

									obs.nn_retenu = cle;

								 },

								 error: function() {

									 maj = 0;

								 },

								async:   false

							});

						 },

						async:   false

					});

				}

				obs.maj = maj;

			}

			sauvegarderObs(obs.num, obs);

		}

	}

}

function transmettreObs() {

	if ($('#courriel').val() == $('#courriel_confirmation').val() && $('#courriel').val() != '') {

		var nbre = bdd.length;

		for (var i = 0; i < nbre; i++) {

			var cle = bdd.key(i);

			if (cle.indexOf('obs') !== -1) {

				var obs = JSON.parse(bdd.getItem(cle));

				stockerObsData(obs);

			}

		}

		var observations = $('#details_obs').data();

		console.log(observations);

		if (observations == undefined || jQuery.isEmptyObject(observations)) {

			//afficherPanneau("#dialogue-zero-obs");

		} else {

			observations['projet'] = TAG_PROJET;

			observations['tag-obs'] = '';

			observations['tag-img'] = '';

			var utilisateur = new Object();

			utilisateur.id_utilisateur = $('#id_utilisateur').val();

			utilisateur.prenom = $('#prenom_utilisateur').val();

			utilisateur.nom = $('#nom_utilisateur').val();

			utilisateur.courriel = $('#courriel').val();

			observations['utilisateur'] = utilisateur;

			envoyerObsAuCel(observations);

		}

	}

}

function stockerObsData(obs) {

	var nbre = bdd.length,

		img_noms = new Array(),

		img_codes = new Array();

	for (var i = 0; i < nbre; i++) {

		var cle = bdd.key(i);

		if (cle.indexOf(TEXTE_PHOTO) !== -1) {

			var photo = JSON.parse(bdd.getItem(cle));

			if (photo.parent == obs.num) {

				img_noms.push(photo.nom);

				img_codes.push(photo.base64);

			}

		}

	}

	$('#details_obs').data(obs.num, {

		'date' : obs.date,

		'notes' : '',

		'nom_sel' : obs.nom,

		'num_nom_sel' : obs.nn_select,

		'nom_ret' : obs.nom_sci_retenu,

		'num_nom_ret' : obs.nn_retenu,

		'num_taxon' : obs.num_taxon,

		'famille' : obs.famille,

		'referentiel' : obs.referentiel,

		'latitude' : obs.lat,

		'longitude' : obs.lng,

		'commune_nom' : obs.commune,

		'commune_code_insee' : obs.code_insee,

		'lieudit' : '',

		'station' : '',

		'milieu' : '',

		//Ajout des champs images

		'image_nom' : img_noms,

		'image_b64' : img_codes

	});

}

function envoyerObsAuCel(observations) {

/*

	var erreurMsg = "";

	$.ajax({

		url : SERVICE_SAISIE_URL,

		type : "POST",

		data : observations,

		dataType : "json",

		beforeSend : function() {

			$("#dialogue-obs-transaction-ko").hide();

			$("#dialogue-obs-transaction-ok").hide();

			$(".alert-txt .msg").remove();

			$(".alert-txt .msg-erreur").remove();

			$(".alert-txt .msg-debug").remove();

			$("#chargement").show();

		},

		success : function(data, textStatus, jqXHR) {

			$('#dialogue-obs-transaction-ok .alert-txt').append($("#tpl-transmission-ok").clone().html());

			supprimerMiniatures();

		},

		statusCode : {

			500 : function(jqXHR, textStatus, errorThrown) {

				erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";

		    }

		},

		error : function(jqXHR, textStatus, errorThrown) {

			erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";

			try {

				reponse = jQuery.parseJSON(jqXHR.responseText);

				if (reponse != null) {

					$.each(reponse, function (cle, valeur) {

						erreurMsg += valeur + "\n";

					});

				}

			} catch(e) {

				erreurMsg += "L'erreur n'était pas en JSON.";

			}

		},

		complete : function(jqXHR, textStatus) {

			$("#chargement").hide();

			var debugMsg = extraireEnteteDebug(jqXHR);

			if (erreurMsg != '') {

				if (DEBUG) {

					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');

					$("#dialogue-obs-transaction-ko .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');

				}

				var hrefCourriel = "mailto:cel@tela-botanica.org?"+

					"subject=Disfonctionnement du widget de saisie "+TAG_PROJET+

					"&body="+erreurMsg+"\nDébogage :\n"+debugMsg;

				$('#dialogue-obs-transaction-ko .alert-txt').append($("#tpl-transmission-ko").clone()

					.find('.courriel-erreur')

					.attr('href', hrefCourriel)

					.end()

					.html());

				$("#dialogue-obs-transaction-ko").show();

			} else {

				if (DEBUG) {

					$("#dialogue-obs-transaction-ok .alert-txt").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');

				}

				$("#dialogue-obs-transaction-ok").show();

			}

			initialiserObs();

		}

	});

*/

}

//+----------------------------------------------------------------------------------------------------------+

// Manifest Cache

var appCache = window.applicationCache;

$(document).ready(function() {

	appCache.addEventListener('updateready', function() {

		alert('Mise à jour :'+appCache.status);

	});

	if (appCache.status === appCache.UPDATEREADY) {

		surMiseAJourCache();

	}

});

function surMiseAJourCache() {

	// Browser downloaded a new app cache.

	// Swap it in and reload the page to get the new hotness.

	appCache.swapCache();

	if (confirm('A new version of this site is available. Load it ?')) {

		window.location.reload();

	}

}

//+----------------------------------------------------------------------------------------------------------+

//Transmission données

function verifierConnexion() {

	return ( ('onLine' in navigator) && (navigator.onLine));

}

//+---------------------------------------------------------------------------------------------------------+

//IDENTITÉ

$(document).ready(function() {

	$('#courriel').on('blur', requeterIdentite);

	$('#courriel').on('keypress', function(event) {

		if (event.which == 13) {

			testerLancementRequeteIdentite(event);

		}

	});

	$('#valider_courriel').on('vmousedown', testerLancementRequeteIdentite);

	$('body').on('pageshow', '#transmission', testerLancementRequeteIdentite);

});

function testerLancementRequeteIdentite(event) {

	if (bdd.getItem('courriel') != null) {

		$('#courriel').val(bdd.getItem('courriel'));

	}

	requeterIdentite();

	event.preventDefault();

	event.stopPropagation();

}

function requeterIdentite() {

	var courriel = $('#courriel').val();

	if (courriel != '') {

		miseAJourCourriel();

		var urlAnnuaire = SERVICE_ANNUAIRE + courriel;	//http://localhost/applications/annuaire/jrest/

		$.ajax({

			url : urlAnnuaire,

			type : 'GET',

			success : function(data, textStatus, jqXHR) {

				console.log('Annuaire SUCCESS : ' + textStatus);

				if (data != undefined && data[courriel] != undefined) {

					var infos = data[courriel];

					$('#id_utilisateur').val(infos.id);

					$('#prenom_utilisateur').val(infos.prenom);

					$('#nom_utilisateur').val(infos.nom);

					$('#courriel_confirmation').val(courriel);

					$('#prenom_utilisateur, #nom_utilisateur, #courriel_confirmation').attr('disabled', 'disabled');

				} else {

					surErreurCompletionCourriel();

				}

			},

			error : function(jqXHR, textStatus, errorThrown) {

				console.log('Annuaire ERREUR : ' + textStatus);

				surErreurCompletionCourriel();

			},

			complete : function(jqXHR, textStatus) {

				console.log('Annuaire COMPLETE : ' + textStatus);

				$('#zone_prenom_nom').removeClass('hidden');

				$('#zone_courriel_confirmation').removeClass('hidden');

			}

		});

	}

}

function surErreurCompletionCourriel() {

	$('#prenom_utilisateur, #nom_utilisateur, #courriel_confirmation').val('');

	$('#prenom_utilisateur, #nom_utilisateur, #courriel_confirmation').removeAttr('disabled');

}

function miseAJourCourriel() {

	if ($('#courriel_memoire').is(':checked')) {

		bdd.setItem('courriel',  $("#courriel").val());

	}

}