@osimatic/helpers-js 1.0.2

package/google_charts_mytime.js

@@ -0,0 +1,295 @@
+// /!\
+// /!\ Jérôme : à mon avis celui-ci n'est pas à jour et il ne faut plus l'utiliser (provient du projet mytime/admin_osi/audioconf.), 
+// /!\ ou alors il faut le retirer des helpers et créer une classe spécifique dans chaque projet (si comportements différents)
+// /!\
+
+
+
+// google.load("visualization", "1", {packages:["corechart"]});
+google.charts.load('current', {'packages':['bar','line','corechart']});
+// google.charts.load('current', {packages:['corechart']});
+
+google.charts.setOnLoadCallback(drawAllCharts);
+
+function drawAllCharts() {
+	if (typeof(listCharts) != 'undefined'  && listCharts.length > 0) {
+		loadListCharts(listCharts);
+	}
+}
+
+function loadListCharts(listCharts) {
+	$.each(listCharts, function(idx, chartData) {
+		// console.log('drawChart'+chartData.id);
+		drawChart(chartData.type_graph, chartData.id, chartData.title, chartData.libelle_abs, chartData.tab_data_abs, chartData.liste_libelle_ord, chartData.liste_tab_data_ord, chartData.list_color, chartData.format_ord, chartData.height, chartData.width);
+
+		/*
+		if (typeof(initWidth) == 'undefined' || initWidth) {
+			var width = 0;
+			$.each(listGraphStats, function(idx, tabGraph) {
+				if ($('#'+tabGraph.id).length) {
+					if ($('#'+tabGraph.id).width() > 0) {
+						width = $('#'+tabGraph.id).width();
+					}
+				}
+			});
+		}
+
+		$.each(listGraphStats, function(idx, tabGraph) {
+			drawChart(tabGraph.type_graph, tabGraph.id, tabGraph.title, tabGraph.libelle_abs, tabGraph.tab_data_abs, tabGraph.liste_libelle_ord, tabGraph.liste_tab_data_ord, tabGraph.list_color, tabGraph.format_ord, tabGraph.height, width);
+		});
+		*/
+	});
+}
+
+function drawChart(typeGraph, idDiv, titre, libelleAbs, tabDataAbsParam, listeLibelleOrd, listeTabDataOrd, tabColor, formatData, height, width) {
+	if ($('#'+idDiv).length == 0) {
+		return;
+	}
+
+	var afficherLibelleOrd = false;
+
+	isStacked = false;
+	if (typeGraph == 'stacked_bar_chart') {
+		typeGraph = 'bar_chart';
+		isStacked = true;
+	}
+	if (typeGraph == 'stacked_column_chart') {
+		typeGraph = 'column_chart';
+		isStacked = true;
+	}
+	if (typeGraph == 'stacked_combo_chart') {
+		typeGraph = 'combo_chart';
+		isStacked = true;
+	}
+
+	isDualChart = false;
+	if (typeGraph == 'dual_column_chart') {
+		typeGraph = 'column_chart';
+		isDualChart = true;
+	}
+	if (typeGraph == 'dual_bar_chart') {
+		typeGraph = 'bar_chart';
+		isDualChart = true;
+	}
+
+	// Déclaration du tableau de données
+	var data = new google.visualization.DataTable();
+	data.addColumn('string', libelleAbs);
+	$.each(listeLibelleOrd, function(idx, libelleOrd) {
+		data.addColumn('number', libelleOrd);
+	});
+	
+	// Remplissage des données
+	var nbCells = 0;
+	var numRow = 0;
+	$.each(tabDataAbsParam, function(idx, dataAbs) {
+		// dataOrd = tabDataOrd[idx];
+		// data.addRow([dataAbs, dataOrd]);
+		data.addRows(1);
+		
+		data.setCell(numRow, 0, dataAbs);
+		
+		var numCell = 1;
+		$.each(listeTabDataOrd, function(idx2, tabDataOrd) {
+			data.setCell(numRow, numCell, tabDataOrd[idx]);
+			numCell++;
+		});
+
+		nbCells = numCell;
+		numRow++;
+	});
+	nbCells -= 2;
+
+	// console.log(data);
+	// console.log('drawGraph : '+idDiv+' ; type : '+typeGraph);
+	
+	// Options générales
+	var options = {
+		colors: tabColor,
+		fontName: 'Trebuchet MS',
+		fontSize: 12,
+		hAxis: {maxAlternation: 1},
+		vAxis: {minValue: 0, textPosition: 'out'},
+		//gridlines: {color: '#333', count: 1}
+	};
+	
+	if (formatData != null) {
+		options.vAxis.format = formatData;
+	}
+	
+	// Options sur le titre du graphique
+	options.title = titre;
+	if (typeGraph == 'pie_chart') {
+		// options.titlePosition = 'none';
+	}
+	else {
+		options.titlePosition = 'none';
+	}
+	
+	// Options sur la taille du graphique
+	if (typeGraph == 'bar_chart') {
+		options.chartArea = {left:120, top:30};
+		options.chartArea.height = (height-60);
+		options.chartArea.width = "85%";
+	}
+	else {
+		options.chartArea = {left:"auto", top:"auto"};
+		if (height != null) {
+			options.chartArea.height = height+"%";
+		}
+		else {
+			options.chartArea.height = "80%";
+		}
+		options.chartArea.width = "85%";
+	}
+	// options.chartArea = {};
+	// options.chartArea.height = "100%";
+	// options.chartArea.width = "100%";
+
+	options.width = width;
+
+	// Options sur la légende
+	options.legend = {};
+	if (typeGraph == 'pie_chart') {
+		options.legend.position = 'right';
+	}
+	else {
+		options.legend.position = 'top';
+	}
+	
+	// Options sur l'affichage des labels en absisse / ordonnée
+	if (typeGraph == 'bar_chart') {
+		// options.hAxis.title = libelleOrd;
+		options.vAxis.title = libelleAbs;
+	}
+	else {
+		options.hAxis.title = libelleAbs;
+		// options.vAxis.title = libelleOrd;
+	}
+	
+	// Options sur les graphiques "dual bar chart / dual column chart"
+	if (isDualChart) {
+		options.series = {};
+		options.axes = {};
+		if (typeGraph == 'column_chart') {
+			options.axes.y = {};
+			options.vAxes = {};
+		}
+		else {
+			options.axes.x = {};
+			options.hAxes = {};
+		}
+		$.each(listeLibelleOrd, function(idx, libelleOrd) {
+			// console.log(idx);
+			if (idx <= 1) {
+				// key = 'series_'+idx;
+				key = idx;
+				// options.series[idx] = {axis: key, targetAxisIndex: key};
+				options.series[idx] = {axis: key, targetAxisIndex: idx};
+				if (typeGraph == 'column_chart') {
+					options.axes.y[key] = {label: libelleOrd};
+					if (idx == 1) {
+						options.axes.y[key].side = 'right';
+					}
+					if (formatData != null) {
+						options.vAxes[key] = {format: formatData};
+					}
+				}
+				else {
+					options.axes.x[key] = {label: libelleOrd};
+					if (idx == 1) {
+						options.axes.x[key].side = 'top';
+					}
+					if (formatData != null) {
+						options.hAxes[key] = {format: formatData};
+					}
+				}
+			}
+		});
+		// console.log(options.series);
+		// console.log(options.vAxes);
+	}
+
+	// Options sur les graphiques "combo chart"
+	if (typeGraph == 'combo_chart') {
+		options.seriesType = "bars";
+		options.series = {};
+		options.series[nbCells] = {type: "line"};
+	}
+
+	// Options sur le style des lignes pour les "line chart"
+	if (typeGraph == 'line_chart') {
+		options.series = [{lineWidth: 3}, {lineWidth: 1.5}];
+		options.curveType = 'function';
+	}
+	
+	// Options sur le style pour les "pie chart"
+	if (typeGraph == 'pie_chart') {
+		options.is3D = false;
+		options.pieResidueSliceLabel = 'Autre';
+	}
+	
+	if (typeGraph == 'bar_chart') {
+		options.bars = 'horizontal';
+	}
+	
+	if (isStacked) {
+		options.isStacked = true;
+	}
+
+	// console.log(options);
+	
+	// Création du graphique
+	var errorChart = false;
+	if (typeGraph == 'column_chart') {
+		// var chart = new google.visualization.ColumnChart(document.getElementById(idDiv));
+		var chart = new google.charts.Bar(document.getElementById(idDiv));
+	}
+	else if (typeGraph == 'bar_chart') {
+		// var chart = new google.visualization.BarChart(document.getElementById(idDiv));
+		var chart = new google.charts.Bar(document.getElementById(idDiv));
+	}
+	else if (typeGraph == 'line_chart') {
+		// var chart = new google.visualization.LineChart(document.getElementById(idDiv));
+		var chart = new google.charts.Line(document.getElementById(idDiv));
+	}
+	else if (typeGraph == 'combo_chart') {
+		var chart = new google.visualization.ComboChart(document.getElementById(idDiv));
+	}
+	else if (typeGraph == 'pie_chart') {
+		var chart = new google.visualization.PieChart(document.getElementById(idDiv));
+	}
+	else {
+		errorChart = true;
+	}
+	
+	$('#'+idDiv).removeClass('ajaxLoader');
+	$('#'+idDiv).removeClass('graphique_load');
+	
+	if (errorChart) {
+		console.log('erreur graphique');
+		$('#'+idDiv).addClass('graphique_error');
+		document.getElementById(idDiv).innerHTML = 'Une erreur s\'est produite lors du chargement du graphique.';
+	}
+	else {
+		$('#'+idDiv).addClass('graphique');
+		document.getElementById(idDiv).innerHTML = '';
+		
+		// $('#'+idDiv).
+		// document.getElementById(idDiv).style.display = 'block';
+		var hasClassActive = $('#'+idDiv).hasClass('active');
+		if (!hasClassActive) {
+			$('#'+idDiv).addClass('active');
+		}
+		google.visualization.events.addListener(chart, 'ready', function () {
+			// document.getElementById(idDiv).style.display = 'none';
+			// $('#'+idDiv).hide();
+			if (!hasClassActive) {
+				$('#'+idDiv).removeClass('active');
+			}
+		});
+		// console.log($("ul li.ui-state-active").index()
+
+		chart.draw(data, options);
+	}
+}

package/google_maps.js

@@ -0,0 +1,169 @@
+
+class GoogleMap {
+	constructor(mapId) {
+		this.markers = [];
+		this.locations = [];
+		this.mapId = mapId;
+
+		if (!$('#'+mapId).length) {
+			return;
+		}
+
+		var mapOptions = {
+			// center: { lat: 46.52863469527167, lng: 2.43896484375},
+			// zoom: 6,
+			maxZoom: 18
+		};
+		this.map = new google.maps.Map(document.getElementById(mapId), mapOptions);
+		this.centerOnFrance();
+	}
+
+	static getUrl(latitude, longitude) {
+		return 'http://maps.google.com/?q='+latitude+','+longitude+'';
+	}
+
+	static getUrlFromCoordinates(locationCoordinates) {
+		locationCoordinates = locationCoordinates.split(',');
+		return this.getUrl(parseFloat(locationCoordinates[0]), parseFloat(locationCoordinates[1]));
+	}
+
+	deleteMarkers() {
+		this.locations = [];
+
+		for (var i = 0; i < this.markers.length; i++ ) {
+			this.markers[i].setMap(null);
+		}
+		this.markers.length = 0;
+		this.markers = [];
+
+		// this.map.clearOverlays();
+	}
+
+	addMarkers(listLocation, icon) {
+		console.log(listLocation);
+		if (listLocation.length == 0) {
+			return;
+		}
+
+		for(var i= 0; i < listLocation.length; i++) {
+			this.addMarker(listLocation[i], icon);
+		}
+	}
+
+	addMarker(coordinates, icon, infoWindowContent, markerOnClickCallback) {
+		var displayInfoWindow = (typeof infoWindowContent != 'undefined' && infoWindowContent != null);
+
+		var locationCoordinates = coordinates.split(',');
+		var latitude = parseFloat(locationCoordinates[0]);
+		var longitude = parseFloat(locationCoordinates[1]);
+		// var locationCoordinatesString = .toFixed(8)+','+parseFloat(locationCoordinates[1]).toFixed(8);
+
+		// var myLatLng = new google.maps.LatLng(location.latitude, location.longitude);
+		// console.log(coordinates[0], coordinates[1]);
+		var myLatLng = new google.maps.LatLng(latitude, longitude);
+		
+		// console.log(location[2]);
+		var marker = new google.maps.Marker({
+			position: myLatLng,
+			map: this.map,
+			title: displayInfoWindow?infoWindowContent.title:'Marker',
+			icon: icon
+		});
+
+		this.markers.push(marker);
+		this.locations.push(coordinates);
+
+		if (displayInfoWindow) {
+			var infowindow = new google.maps.InfoWindow({
+				content: infoWindowContent.content
+			});
+			marker.addListener('click', function() {
+				infowindow.open(this.map, marker);
+				if (typeof markerOnClickCallback == 'function') {
+					markerOnClickCallback();
+				}
+			});
+		}
+
+		return myLatLng;
+	}
+
+	centerOnFrance() {
+		this.map.setCenter({ lat: 46.52863469527167, lng: 2.43896484375});
+		this.map.setZoom(6);
+			// center: { lat: 46.52863469527167, lng: 2.43896484375},
+			// zoom: 6,
+	}
+
+	centerOnMarkers() {
+		if (this.locations.length == 0) {
+			if (this.map != null) {
+				this.centerOnFrance();
+			}
+			return;
+		}
+
+		var latlngbounds = new google.maps.LatLngBounds();
+		for (var i= 0; i < this.locations.length; i++) {
+			var locationCoordinates = this.locations[i].split(',');
+			latlngbounds.extend(new google.maps.LatLng(parseFloat(locationCoordinates[0]), parseFloat(locationCoordinates[1])));
+		}
+		this.map.setCenter(latlngbounds.getCenter());
+		this.map.fitBounds(latlngbounds);
+	}
+
+	connectMarkers() {
+		var prevLocation = null;
+		var listLineCoordinates = [];
+		for (var i= 0; i < this.locations.length; i++) {
+			var locationCoordinates = this.locations[i].split(',');
+			var myLatLng = new google.maps.LatLng(parseFloat(locationCoordinates[0]), parseFloat(locationCoordinates[1]));
+			if (prevLocation != null) {
+				listLineCoordinates.push([prevLocation, myLatLng]);
+			}
+			prevLocation = myLatLng;
+		}
+
+		for (var i= 0; i < listLineCoordinates.length; i++) {
+			var flightPlanCoordinates = [
+				listLineCoordinates[i][0],
+				listLineCoordinates[i][1],
+			];
+			var flightPath = new google.maps.Polyline({
+				path: flightPlanCoordinates,
+				geodesic: true,
+				strokeColor: '#FF0000',
+				strokeOpacity: 1.0,
+				strokeWeight: 2
+			});
+			flightPath.setMap(this.map);
+		}
+	}
+}
+
+exports.GoogleMap = GoogleMap;
+
+//deprecated
+/*
+google.maps.Map.prototype.markers = new Array();
+
+google.maps.Map.prototype.getMarkers = function() {
+	return this.markers
+};
+
+google.maps.Map.prototype.clearMarkers = function() {
+	for(var i=0; i<this.markers.length; i++){
+		this.markers[i].setMap(null);
+	}
+	this.markers = new Array();
+};
+
+google.maps.Marker.prototype._setMap = google.maps.Marker.prototype.setMap;
+
+google.maps.Marker.prototype.setMap = function(map) {
+	if (map) {
+		map.markers[map.markers.length] = this;
+	}
+	this._setMap(map);
+}
+*/

package/google_recaptcha.js

@@ -0,0 +1,15 @@
+
+var grecaptchaWidgets = [];
+
+function grecaptchaOnload () {
+	if (typeof grecaptcha == 'undefined') {
+		console.log('var grecaptcha undefined');
+		return;
+	}
+	document.querySelectorAll('.grecaptcha').forEach(element => {
+		grecaptchaWidgets[element.id] = grecaptcha.render(element.id, googleReCaptchaDatas);
+	});
+	//$('.grecaptcha').each(function(idx, el) {
+	//	grecaptchaWidgets[$(el).attr('id')] = grecaptcha.render($(el).attr('id'), googleReCaptchaDatas);
+	//});
+}