@osimatic/helpers-js 1.0.2

package/graphiques.js

@@ -0,0 +1,281 @@
+
+// --------------------------------------------------------------------------------
+// Graphiques (new)
+// --------------------------------------------------------------------------------
+
+google.load("visualization", "1", {packages:["corechart"]});
+
+$(function() {
+	if (typeof(listeAllGraphiqueStats) != 'undefined'  && listeAllGraphiqueStats.length > 0) {
+		loadListAllGraphStats(listeAllGraphiqueStats);
+	}
+});
+
+function loadListAllGraphStats(listeAllGraphiqueStats) {
+	$.each(listeAllGraphiqueStats, function(idx, listGraphStats) {
+		loadAllGraphStats(listGraphStats);
+	});
+}
+
+function loadAllGraphStats(listGraphStats) {
+	if (typeof(initWidth) == 'undefined' || initWidth) {
+		console.log('ok');
+		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) {
+		// console.log(width + ' ' + height);
+		drawGraphiqueStat(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 drawGraphiqueStat(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%";
+
+
+	// console.log($('#'+idDiv).width());
+	// options.height = $('#'+idDiv).height();
+	// options.width = $('#'+idDiv).width();
+	// options.height = height;
+	// console.log(height);
+	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 = {};
+		}
+		else {
+			options.axes.x = {};
+		}
+		$.each(listeLibelleOrd, function(idx, libelleOrd) {
+			console.log(idx);
+			if (idx <= 1) {
+				key = 'series_'+idx;
+				options.series[idx] = {axis: key};
+				if (typeGraph == 'column_chart') {
+					options.axes.y[key] = {label: libelleOrd};
+					if (idx == 1) {
+						options.axes.y[key].side = 'right';
+					}
+				}
+				else {
+					options.axes.x[key] = {label: libelleOrd};
+					if (idx == 1) {
+						options.axes.x[key].side = 'top';
+					}
+				}
+			}
+		});
+		console.log(options.series);
+		console.log(options.axes.y);
+	}
+
+	// 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 (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));
+	}
+	else if (typeGraph == 'bar_chart') {
+		var chart = new google.visualization.BarChart(document.getElementById(idDiv));
+	}
+	else if (typeGraph == 'line_chart') {
+		var chart = new google.visualization.LineChart(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/import_from_csv.js

@@ -0,0 +1,274 @@
+
+class ImportFromCsv {
+
+	static initModal(modal, importColumns, requestImportData, specificDescDiv, additionalFormField) {
+		modal.find('.modal-body').empty().append($('.import_form_base').clone().removeClass('import_form_base hide'));
+
+		let formUpload = modal.find('.form_upload');
+		let formMatching = modal.find('.form_matching');
+		let divResult = modal.find('.csv_result');
+
+		function resetUi() {
+			formMatching.addClass('hide');
+			formUpload.removeClass('hide');
+			formUpload.find('div.errors').addClass('hide');
+		}
+
+		if (typeof specificDescDiv != 'undefined' && specificDescDiv != null) {
+			modal.find('.specific_desc').append(specificDescDiv);
+		}
+
+		if (typeof additionalFormField != 'undefined' && additionalFormField != null) {
+			modal.find('.import_matching_select_content').after(additionalFormField);
+		}
+
+		formUpload.find('button[type="submit"]').click(function(event) {
+			event.preventDefault();
+			$(this).buttonLoader('loading');
+			formUpload.find('div.errors').addClass('hide');
+
+			let isFileParsed = false;
+			let hasHeader = formUpload.find('input[name="header"][value="1"]:checked').length;
+			let encoding = formUpload.find('select[name="encoding"]').val();
+
+			formUpload.find('input[type="file"]').parse({
+				config: {
+					header: hasHeader,
+					encoding: encoding,
+					dynamicTyping: false,
+					skipEmptyLines: true,
+					beforeFirstChunk: function(chunk) {
+						return chunk.trim();
+					},
+					complete: function(results, file) {
+						isFileParsed = true;
+						console.log(file, results);
+
+						if (false === CSV.checkFile(file.name, file.type)) {
+							$('#form_import_upload div.errors').html(errorMessageFileNotValid).removeClass('hide');
+							return;
+						}
+
+						let parsedImportList = results.data;
+						let header = hasHeader?results.meta.fields:results.data[0];
+
+						ImportFromCsv.displayData(divResult, parsedImportList, (hasHeader?header:null), formMatching);
+						ImportFromCsv.displayFormMatching(formMatching, importColumns, header, hasHeader);
+
+						formUpload.addClass('hide');
+					}
+				},
+				before: function(file, inputElem) {
+				},
+				error: function(err, file, inputElem, reason) {
+					isFileParsed = true;
+					formUpload.find('div.errors').html(errorMessageFileNotValid).removeClass('hide');
+					console.log(err, file, reason);
+				},
+				complete: function() {
+					if (!isFileParsed) {
+						formUpload.find('div.errors').html(errorMessageFileEmpty).removeClass('hide');
+					}
+					formUpload.find('button[type="submit"]').buttonLoader('reset');
+				}
+			});
+			event.preventDefault();
+		});
+
+		formMatching.find('button[type="submit"]').click(function (event) {
+			event.preventDefault();
+			$(this).buttonLoader('loading');
+			formMatching.find('div.errors').addClass('hide').empty();
+			divResult.find('table tr').removeClass('danger');
+			
+			let tabLink = ImportFromCsv.getTabLink(formMatching);
+			console.log('tabLink', tabLink);
+
+			if ($.isEmptyObject(tabLink)) {
+				formMatching.find('div.errors').html(errorMessageImportSelectColumns).removeClass('hide');
+				$(this).buttonLoader('reset');
+				return false;
+			}
+
+			let dataToImport = ImportFromCsv.getDataToImport(divResult, tabLink);
+			console.log('dataToImport', dataToImport);
+
+			requestImportData(dataToImport,
+				// fonction callback en cas d'erreur de formulaire
+				function (jqxhr) {
+					console.log(jqxhr.responseJSON);
+					if (typeof jqxhr.responseJSON['import_list'] !== 'undefined') {
+						formMatching.find('div.errors').html(jqxhr.responseJSON['import_list']).removeClass('hide');
+					}
+					else {
+						formMatching.find('div.errors').html(ImportFromCsv.getErrorsHtmlOfImportData(jqxhr.responseJSON, divResult)).removeClass('hide');
+					}
+					formMatching.find('button[type="submit"]').buttonLoader('reset');
+				}
+			);
+		});
+
+		formMatching.find('a.cancel_link').click(function (event) {
+			resetUi();
+		});
+
+		resetUi();
+	}
+
+	static getDataToImport(divResult, tabLink) {
+		let importListWithFieldNames = [];
+		$.each(divResult.find('table tbody tr'), function(index, line) {
+			// console.log('line', line);
+			if (!$(line).find('input.import_line_checkbox:checked').length) {
+			// if (!divResult.find('table tr[data-line="'+(index+1)+'"] input.import_line_checkbox:checked').length) {
+				return;
+			}
+
+			let lineData = {line: (index+1)};
+			$.each(tabLink, function(key, listeImportIndex) {
+				if (listeImportIndex != -1) {
+					var td = $(line).find('td[data-key="'+listeImportIndex+'"]');
+					if (td.length) {
+						lineData[key] = td.text();
+					}
+				}
+			});
+			console.log('lineData', lineData);
+			importListWithFieldNames.push(lineData);
+		});
+		return importListWithFieldNames;
+	}
+
+	static displayData(divResult, data, header, formMatching) {
+		let table = divResult.find('table');
+		if (table.length === 0) {
+			divResult.append('<table class="table table-sm table-bordered"></table>');
+			table = divResult.find('table');
+		}
+		table.empty();
+
+		let tableContent = '';
+		if (null !== header) {
+			tableContent += '<thead><tr>';
+			//tableContent += '<th><input type="checkbox" class="import_line_select_all" /></th>';
+			tableContent += '<th></th>';
+			$.each(header, function (index, value) {
+				tableContent += '<th>'+value+'</th>';
+			});
+			tableContent += '<th></th>';
+			tableContent += '</tr></thead>';
+		}
+
+		tableContent += '<tbody>';
+		$.each(data, function (index, line) {
+			tableContent += '<tr data-line="'+(index+1)+'">';
+			tableContent += '<td class="gras text-end select_line_checkbox"><input type="checkbox" class="import_line_checkbox pull-left" checked="checked" /> '+(index+1)+'.</td>';
+			$.each(line, function (key, value) {
+				tableContent += '<td data-key="'+key+'">'+(value!==null?value:'')+'</td>';
+			});
+			tableContent += '<td class="text-center edit_line_button"></td>';
+			tableContent +='</tr>';
+		});
+		tableContent += '</tbody>';
+
+		table.html(tableContent);
+
+		table.find('td.edit_line_button').each(function(idx, el) {
+			ImportFromCsv.initEditLink(formMatching, $(el));
+		});
+
+		divResult.removeClass('hide');
+	}
+
+	static initValidateLine(formMatching, td) {
+		td.html($('<a href="#" class="import_validate_line text-success"><i class="fas fa-check"></i></a>'));
+		td.find('a.import_validate_line').click(function () {
+			let tr = $(this).parent().parent();
+			tr.find('td').each(function(key, el) {
+				let td = $(el);
+				if (td.hasClass('select_line_checkbox') || td.hasClass('edit_line_button')) {
+					return;
+				}
+				td.html(td.find('input').val());
+			});
+
+			if (!td.closest('table').find('td input[type="text"]').length) {
+				formMatching.find('button[type="submit"]').prop('disabled', false);
+			}
+			ImportFromCsv.initEditLink(formMatching, td);
+			return false;
+		});
+	}
+
+	static initEditLink(formMatching, td) {
+		td.html($('<a href="#" class="import_edit_line text-danger"><i class="fas fa-pencil-alt"></i></a>'));
+		td.find('a.import_edit_line').click(function () {
+			let tr = $(this).parent().parent();
+			tr.find('td').each(function(key, el) {
+				let td = $(el);
+				if (td.hasClass('select_line_checkbox') || td.hasClass('edit_line_button')) {
+					return;
+				}
+				td.data('original_value', td.html());
+				td.html($('<input type="text" class="form-control" value="'+td.html()+'" />'));
+			});
+			formMatching.find('button[type="submit"]').prop('disabled', true);
+			ImportFromCsv.initValidateLine(formMatching, td);
+			return false;
+		});
+	}
+
+	static getErrorsHtmlOfImportData(json, divResult) {
+		let resultError = errorMessageImportFailed;
+		resultError += '<ul>';
+		$.each(json, function(idx, errorData) {
+			console.log(errorData);
+			divResult.find('table tr[data-line="'+errorData.line+'"]').addClass('danger');
+
+			resultError += '<li>'+lineLabel.format(errorData.line)+'<ul>';
+			$.each(errorData.errors, function(index, error) {
+				resultError += '<li>'+error+'</li>';
+			});
+			resultError += '</ul></li>';
+		});
+		resultError +='</ul>';
+		return resultError;
+	}
+
+	static getTabLink(formMatching) {
+		let tabLink = {};
+		formMatching.find('select').each(function(idx, select) {
+			var listeImportIndex = $(select).val();
+			if (listeImportIndex != -1) {
+				let key = $(select).prop('name');
+				tabLink[key] = listeImportIndex;
+			}
+		});
+		return tabLink;
+	}
+
+	static displayFormMatching(formMatching, importColumns, header, hasHeader) {
+		let options = '<option value="-1">'+selectDefaultOptionLabel+'</option>';
+		$.each(header, function (index, value) {
+			options += '<option value="'+(hasHeader?value:index)+'">' + value + '</option>';
+		});
+
+		let selectContent = formMatching.find('.import_matching_select_content').addClass('row').empty();
+		$.each(importColumns, function (key, label) {
+			let selectFormGroup = $(
+				'<div class="form-group col-md-3">' +
+					'<label for="form_import_'+key+'">'+label+'</label>' +
+					'<select class="form-control" name="'+key+'" id="form_import_'+key+'">'+options+'</select>' +
+				'</div>'
+			);
+			selectFormGroup.find('select option:contains('+label+')').prop('selected', true);
+			selectContent.append(selectFormGroup);
+		});
+
+		formMatching.find('div.errors').addClass('hide');
+		formMatching.removeClass('hide');
+	}
+
+}
+
+exports.ImportFromCsv = ImportFromCsv;

package/index.js

@@ -0,0 +1,69 @@
+const network = require('./network.js');
+const bank = require('./bank.js');
+const media = require('./media.js');
+const contactDetails = require('./contact_details.js');
+const countDown = require('./count_down.js');
+const dataTable = require('./data_table.js');
+const dateTime = require('./date_time.js');
+const detailsSubArray = require('./details_sub_array.js');
+const duration = require('./duration.js');
+const file = require('./file.js');
+const flashMessage = require('./flash_message.js');
+const formHelper = require('./form_helper.js');
+const googleMaps = require('./google_maps.js');
+const importFromCsv = require('./import_from_csv.js');
+const jwt = require('./jwt.js');
+const listBox = require('./list_box.js')
+const location = require('./location.js')
+const socialNetwork = require('./social_network.js')
+
+exports.HTTPRequest = network.HTTPRequest;
+exports.Cookie = network.Cookie;
+exports.UrlAndQueryString = network.UrlAndQueryString;
+
+exports.IBAN = bank.IBAN;
+
+exports.AudioMedia = media.AudioMedia;
+
+exports.PersonName = contactDetails.PersonName;
+exports.Email = contactDetails.Email;
+exports.TelephoneNumber = contactDetails.TelephoneNumber;
+
+exports.CountDown = countDown.CountDown;
+
+exports.DataTable = dataTable.DataTable;
+
+exports.DateTime = dateTime.DateTime;
+exports.TimestampUnix = dateTime.TimestampUnix;
+exports.SqlDate = dateTime.SqlDate;
+exports.SqlTime = dateTime.SqlTime;
+exports.SqlDateTime = dateTime.SqlDateTime;
+exports.InputPeriod = dateTime.InputPeriod;
+
+exports.DetailsSubArray = detailsSubArray.DetailsSubArray;
+
+exports.Duration = duration.Duration;
+
+exports.File = file.File;
+exports.CSV = file.CSV;
+exports.Img = file.Img;
+
+exports.FlashMessage = flashMessage.FlashMessage;
+
+exports.FormHelper = formHelper.FormHelper;
+
+exports.GoogleMap = googleMaps.GoogleMap;
+
+exports.ImportFromCsv = importFromCsv.ImportFromCsv;
+
+exports.JwtToken = jwt.JwtToken;
+exports.JwtSession = jwt.JwtSession;
+
+exports.ListBox = listBox.ListBox;
+
+exports.COUNTRIES_LIST = location.COUNTRIES_LIST;
+exports.Country = location.Country;
+exports.PostalAddress = location.PostalAddress;
+exports.Location = location.Location;
+
+exports.SocialNetwork = socialNetwork.SocialNetwork;

package/jquery.js

@@ -0,0 +1,5 @@
+$.fn.filterByData = function(prop, val) {
+	return this.filter(
+		function() { return $(this).data(prop)==val; }
+	);
+};