Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 335 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 335 Rev 341
1 
function tableauxOntAuMoinsUnElementEnCommun(haystack, arr) {
 1 
function tableauxOntAuMoinsUnElementEnCommun(haystack, arr) {
2 
    return arr.some(function (v) {
 2 
    return arr.some(function (v) {
3 
        return haystack.indexOf(v) >= 0;
 3 
        return haystack.indexOf(v) >= 0;
4 
    });
 4 
    });
5 
};
 5 
};
6 
 
 6 
 
7 
function obtenirNomEspeceSelectionnee() {
 7 
function obtenirNomEspeceSelectionnee() {
8 
	return $('#selecteur_liste_especes option:selected').text();
 8 
	return $('#selecteur_liste_especes option:selected').text();
9 
}
 9 
}
10 
 
 10 
 
11 
function obtenirNomStadeSelectionne() {
 11 
function obtenirNomStadeSelectionne() {
12 
	return $('#selecteur_stade option:selected').text();
 12 
	return $('#selecteur_stade option:selected').text();
13 
}
 13 
}
14 
 
 14 
 
15 
function surChangementSelecteurEspece(id_espece_selectionnee, evenements) {
 15 
function surChangementSelecteurEspece(id_espece_selectionnee, evenements) {
16 
 
 16 
 
17 
	var $evenements_options = $('#selecteur_stade option');
 17 
	var $evenements_options = $('#selecteur_stade option');
18 
 
 18 
 
19 
	$('#selecteur_stade option').addClass('hide');
 19 
	$('#selecteur_stade option').addClass('hide');
20 
	if(id_espece_selectionnee == 0) {
 20 
	if(id_espece_selectionnee == 0) {
21 
		$('#selecteur_stade').addClass('hide');
 21 
		$('#selecteur_stade').addClass('hide');
22 
	} else {
 22 
	} else {
23 
		$('#selecteur_stade').removeClass('hide');
 23 
		$('#selecteur_stade').removeClass('hide');
24 
		$evenements_options.each(function() {
 24 
		$evenements_options.each(function() {
25 
			var $evenement_option = $(this);
 25 
			var $evenement_option = $(this);
26 
			if($evenement_option.val() != 0) {
 26 
			if($evenement_option.val() != 0) {
27 
				var stades_option = $evenement_option.data('evenements');
 27 
				var stades_option = $evenement_option.data('evenements');
28 
				$evenement_option.toggleClass('hide', !tableauxOntAuMoinsUnElementEnCommun(evenements, stades_option));
 28 
				$evenement_option.toggleClass('hide', !tableauxOntAuMoinsUnElementEnCommun(evenements, stades_option));
29 
			} else {
 29 
			} else {
30 
				$evenement_option.removeClass('hide');
 30 
				$evenement_option.removeClass('hide');
31 
			}
 31 
			}
32 
		});
 32 
		});
33 
	}
 33 
	}
34 
 
 34 
 
35 
	// mise sur le selecteur par défaut
 35 
	// mise sur le selecteur par défaut
36 
	$('#selecteur_stade').val("0");
 36 
	$('#selecteur_stade').val("0");
37 
}
 37 
}
38 
 
 38 
 
39 
function surChangementSelecteurStade(id_stade_selectionne) {
 39 
function surChangementSelecteurStade(id_stade_selectionne) {
40 
	obtenirDonneesStadePhenologiques($('#selecteur_liste_especes').val(), id_stade_selectionne)
 40 
	obtenirDonneesStadePhenologiques($('#selecteur_liste_especes').val(), id_stade_selectionne)
41 
}
 41 
}
42 
 
 42 
 
43 
function obtenirDonneesStadePhenologiques(id_espece, id_stades) {
 43 
function obtenirDonneesStadePhenologiques(id_espece, id_stades) {
44 
	$.get(url_jrest+'OdsExport/ExportEvolutionPhenologiqueJson?espece='+id_espece+'&evenements='+id_stades, function(e) {
 44 
	$.get(url_jrest+'OdsExport/ExportEvolutionPhenologiqueJson?espece='+id_espece+'&evenements='+id_stades, function(e) {
45 
    var donnees_dispos = !jQuery.isEmptyObject(e);
 45 
    var donnees_dispos = !jQuery.isEmptyObject(e);
46 
    if(donnees_dispos) {
 46 
    if(donnees_dispos) {
47 
      dessinerGraphiqueEvolutionStadesPhenologiques(e, id_stades);
 47 
      dessinerGraphiqueEvolutionStadesPhenologiques(e, id_stades);
48 
    }
 48 
    }
49 
 
 49 
 
50 
    $('.aucune-donnee').toggleClass('hide', donnees_dispos);
 50 
    $('.aucune-donnee').toggleClass('hide', donnees_dispos);
51 
    $('.conteneur-graphique').toggleClass('hide', !donnees_dispos);
 51 
    $('.conteneur-graphique').toggleClass('hide', !donnees_dispos);
52 
	});
 52 
	});
53 
}
 53 
}
54 
 
 54 
 
55 
function renvoyerNomsEvenementLegendeGraphique(id_stades) {
 55 
function renvoyerNomsEvenementLegendeGraphique(id_stades) {
56 
	var stades = id_stades.split(',');
 56 
	var stades = id_stades.split(',');
57 
	var stades_legende = {};
 57 
	var stades_legende = {};
58 
 
 58 
 
59 
	if(stades.length == 2) {
 59 
	if(stades.length == 2) {
60 
		var stade_debut = global_evenements[stades[0]];
 60 
		var stade_debut = global_evenements[stades[0]];
61 
		var stade_fin = global_evenements[stades[1]];
 61 
		var stade_fin = global_evenements[stades[1]];
62 
		var legende_debut = 'début '+(stade_debut.nom)+' (stade '+(stade_debut.code)+')';
 62 
		var legende_debut = 'début '+(stade_debut.nom)+' (stade '+(stade_debut.code)+')';
63 
		var legende_fin = 'fin '+stade_fin.nom+' (stade '+stade_fin.code+')';
 63 
		var legende_fin = 'fin '+stade_fin.nom+' (stade '+stade_fin.code+')';
64 
		stades_legende[stades[0]] = legende_debut;
 64 
		stades_legende[stades[0]] = legende_debut;
65 
		stades_legende[stades[1]] = legende_fin;
 65 
		stades_legende[stades[1]] = legende_fin;
66 
	} else {
 66 
	} else {
67 
		var stade_unique = global_evenements[stades[0]];
 67 
		var stade_unique = global_evenements[stades[0]];
68 
		stades_legende[stades[0]] = stade_unique.nom;
 68 
		stades_legende[stades[0]] = stade_unique.nom;
69 
	}
 69 
	}
70 
 
 70 
 
71 
	return stades_legende;
 71 
	return stades_legende;
72 
}
 72 
}
73 
 
 73 
 
74 
function dessinerGraphiqueEvolutionStadesPhenologiques(data, id_stades) {
 74 
function dessinerGraphiqueEvolutionStadesPhenologiques(data, id_stades) {
75 
 
 75 
 
76 
	var noms_evenements = renvoyerNomsEvenementLegendeGraphique(id_stades);
 76 
	var noms_evenements = renvoyerNomsEvenementLegendeGraphique(id_stades);
77 
	var nb_evenements = 0;
 77 
	var nb_evenements = 0;
78 
	var graph_data = new Array();
 78 
	var graph_data = new Array();
79 
	for (var id_evenement in data) {
 79 
	for (var id_evenement in data) {
80 
	    if (!data.hasOwnProperty(id_evenement)) continue;
 80 
	    if (!data.hasOwnProperty(id_evenement)) continue;
81 
 
 81 
 
82 
	    var data_evenement = data[id_evenement];
 82 
	    var data_evenement = data[id_evenement];
83 
 
 83 
 
84 
			graph_data.push({
 84 
			graph_data.push({
85 
				type: "scatter",
 85 
				type: "scatter",
86 
				mode: 'lines+markers',
 86 
				mode: 'lines+markers',
87 
				name: noms_evenements[id_evenement],
 87 
				name: noms_evenements[id_evenement],
88 
				x: data_evenement.x,
 88 
				x: data_evenement.x,
89 
				y: data_evenement.y,
 89 
				y: data_evenement.y,
90 
				text: data_evenement.text,
 90 
				text: data_evenement.text,
91 
				hoverinfo: 'text'
 91 
				hoverinfo: 'text'
92 
			});
 92 
			});
93 
 
 93 
 
94 
			nb_evenements++;
 94 
			nb_evenements++;
95 
	}
 95 
	}
96 
 
 96 
 
97 
	var nom_espece_selectionnee =  obtenirNomEspeceSelectionnee();
 97 
	var nom_espece_selectionnee =  obtenirNomEspeceSelectionnee();
98 
	var nom_stade_selectionne =  obtenirNomStadeSelectionne().toLowerCase();
 98 
	var nom_stade_selectionne =  obtenirNomStadeSelectionne().toLowerCase();
99 
 
 99 
 
100 
	var titre_graphique = 'Dates moyennes de ';
 100 
	var titre_graphique = 'Dates moyennes de ';
101 
	if(nb_evenements > 1) {
 101 
	if(nb_evenements > 1) {
102 
		titre_graphique += 'début et fin de ';
 102 
		titre_graphique += 'début et fin de ';
103 
	}
 103 
	}
104 
	titre_graphique += nom_stade_selectionne+' pour l\'espèce '+nom_espece_selectionnee;
 104 
	titre_graphique += nom_stade_selectionne+' pour l\'espèce '+nom_espece_selectionnee;
105 
 
 105 
 
106 
	var layout = {
 106 
	var layout = {
107 
	  title: titre_graphique,
 107 
	  title: titre_graphique,
108 
	  xaxis: {
 108 
	  xaxis: {
109 
	    title: 'Années',
 109 
	    title: 'Années',
110 
	    showgrid: false,
 110 
	    showgrid: false,
111 
	    zeroline: false,
 111 
	    zeroline: false,
112 
			tickvals: annees_observations,
 112 
			tickvals: annees_observations,
113 
			ticktext: annees_observations,
 113 
			ticktext: annees_observations,
114 
			autoticks: false,
 114 
			autoticks: false,
115 
	  },
 115 
	  },
116 
	  yaxis: {
 116 
	  yaxis: {
117 
	    title: '',
 117 
	    title: '',
118 
			autoticks: false,
 118 
			autoticks: false,
119 
			tickvals: [1,2,3,4,5,6,7,8,9,10,11,12],
 119 
			tickvals: [1,2,3,4,5,6,7,8,9,10,11,12],
120 
    	ticktext: ['janvier', 'fevrier', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
 120 
    	ticktext: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
121 
	  },
 121 
	  },
122 
    // pour la légende apparaisse en bas du graphique afin de ne pas gâcher
 122 
    // pour la légende apparaisse en bas du graphique afin de ne pas gâcher
123 
    // presque un tiers de l'espace de la page
 123 
    // presque un tiers de l'espace de la page
124 
    legend:{
 124 
    legend:{
125 
      xanchor:"center",
 125 
      xanchor:"center",
126 
      yanchor:"top",
 126 
      yanchor:"top",
127 
      y:-0.3,
 127 
      y:-0.3,
128 
      x:0.5
 128 
      x:0.5
129 
    }
 129 
    }
130 
	};
 130 
	};
131 
	var conteneur_graphique = document.getElementById('conteneur-graphique');
 131 
	var conteneur_graphique = document.getElementById('conteneur-graphique');
132 
	Plotly.purge(conteneur_graphique);
 132 
	Plotly.purge(conteneur_graphique);
133 
	var graphique = Plotly.plot(conteneur_graphique, graph_data, layout);
 133 
	var graphique = Plotly.plot(conteneur_graphique, graph_data, layout);
134 
}
 134 
}
135 
 
 135 
 
136 
$(document).ready(function() {
 136 
$(document).ready(function() {
137 
	$('#selecteur_liste_especes').change(function(e) {
 137 
	$('#selecteur_liste_especes').change(function(e) {
138 
		var conteneur_graphique = document.getElementById('conteneur-graphique');
 138 
		var conteneur_graphique = document.getElementById('conteneur-graphique');
139 
		Plotly.purge(conteneur_graphique);
 139 
		Plotly.purge(conteneur_graphique);
140 
		surChangementSelecteurEspece($(this).val(), $(this).find(":selected").data('id-evenements'));
 140 
		surChangementSelecteurEspece($(this).val(), $(this).find(":selected").data('id-evenements'));
141 
	});
 141 
	});
142 
 
 142 
 
143 
	$('#selecteur_stade').change(function(e) {
 143 
	$('#selecteur_stade').change(function(e) {
144 
		var conteneur_graphique = document.getElementById('conteneur-graphique');
 144 
		var conteneur_graphique = document.getElementById('conteneur-graphique');
145 
		Plotly.purge(conteneur_graphique);
 145 
		Plotly.purge(conteneur_graphique);
146 
		if($(this).val() == "0") {
 146 
		if($(this).val() == "0") {
147 
			return;
 147 
			return;
148 
		}
 148 
		}
149 
		surChangementSelecteurStade($(this).val());
 149 
		surChangementSelecteurStade($(this).val());
150 
	});
 150 
	});
151 
 
 151 
 
152 
  if(espece_defaut != null && stades_defaut != 0) {
 152 
  if(espece_defaut != null && stades_defaut != 0) {
153 
    obtenirDonneesStadePhenologiques(espece_defaut, stades_defaut);
 153 
    obtenirDonneesStadePhenologiques(espece_defaut, stades_defaut);
154 
  }
 154 
  }
155 
});
 155 
});