FHC-Core/public/js/infocenter/infocenterPersonDataset.js

/**
 * Javascript file for infocenter overview page
 */

/**
* Global function used by FilterWidget JS to refresh the side menu
* NOTE: it is called from the FilterWidget JS therefore must be a global function
* 		To be called only if the page has a customized menu (currently only index)
*/
if (FHC_JS_DATA_STORAGE_OBJECT.called_method == 'index')
{
	function refreshSideMenuHook()
	{
		FHC_NavigationWidget.refreshSideMenuHook('system/infocenter/InfoCenter/setNavigationMenuArrayJson');
	}
}

/**
 *
 */
var InfocenterPersonDataset = {
	infocenter_studiensemester_variablename: 'infocenter_studiensemester',
	infocenter_studienganstyp_variablename: 'infocenter_studiensgangtyp',

	/**
	 * adds person table additional actions html (above and beneath it)
	 */
	appendTableActionsHtml: function(infocenter_studiensemester, infocenter_studiengangstyp)
	{
		var url = FHC_JS_DATA_STORAGE_OBJECT.app_root + FHC_JS_DATA_STORAGE_OBJECT.ci_router + "/system/messages/Messages/writeTemplate";

		var formHtml = '<form id="sendMsgsForm" method="post" action="'+ url +'" target="_blank"></form>';
		$("#datasetActionsTop").before(formHtml);

		var auswahlStudienart =
			'<select class="form-control auswahlStudienArt" style="width:auto;">' +
			'</select>';

		InfocenterPersonDataset.getStudienartData(infocenter_studiengangstyp);

		var auswahlAbsageToggle =
			'<a class="absageToggle">Erweiterte Einstellungen</a>';

		var auswahlAbsage =
			'<select class="form-control absgstatusgrund" style="width:auto; float:left;">' +
			'<option value="null" selected="selected"> Absagegrund </option>' +
			'</select>' +
			'<select class="form-control auswahlAbsageStg" style="width:auto; float:left;">' +
			'<option value="null" selected="selected"> Studiengang </option>' +
			'</select>' +
			'<select class="form-control auswahlAbsageAbgeschickt" style="width:auto; float:left;">' +
			'<option value="null" selected="selected"> Bewerbung abgeschickt? </option>' +
			'<option value="true"> Ja </option>' +
			'<option value="false"> Nein </option>' +
			'</select>' +
			'<button class="btn btn-default auswahlAbsageBtn" style="float:left"> Absage </button>';

		InfocenterPersonDataset.getAbsageData();

		var studienSemesterHtml = '<button class="btn btn-default btn-xs decStudiensemester">' +
			'<i class="fa fa-chevron-left"></i>' +
			'</button>&nbsp;' +
			infocenter_studiensemester +
			'&nbsp;<button class="btn btn-default btn-xs incStudiensemester">' +
			'<i class="fa fa-chevron-right"></i>' +
			'</button>';

		var selectAllHtml =
			'<a href="javascript:void(0)" class="selectAll">' +
			'<i class="fa fa-check"></i>&nbsp;Alle</a>&nbsp;&nbsp;' +
			'<a href="javascript:void(0)" class="unselectAll">' +
			'<i class="fa fa-times"></i>&nbsp;Keinen</a>&nbsp;&nbsp;&nbsp;&nbsp;';

		var actionHtml = 'Mit Ausgew&auml;hlten:&nbsp;&nbsp;' +
			'<a href="javascript:void(0)" class="sendMsgsLink">' +
			'<i class="fa fa-envelope"></i>&nbsp;Nachricht senden</a>';

		var legendHtml = '<i class="fa fa-circle text-danger"></i> Gesperrt&nbsp;&nbsp;&nbsp;&nbsp;' +
			'<i class="fa fa-circle text-info"></i> Geparkt&nbsp;&nbsp;&nbsp;&nbsp;' +
			'<i class="fa fa-circle onhold"></i> Zurückgestellt';

		// userdefined Semestervariable shown independently of personcount,
		// it is possible to change the semester
		$("#datasetActionsTop, #datasetActionsBottom").append(
			"<div class='row'>" +
				"<div class='col-xs-5 text-right'>" + auswahlStudienart + "</div>" +
				"<div class='col-xs-7 text-left'>" + studienSemesterHtml + "</div>" +
			"</div>" +
			"<div class='h-divider'></div><hr class='studiensemesterline'>"
		);

		$('.auswahlStudienArt').change(function()
		{
			InfocenterPersonDataset.changeStudengangsTyp($(this).find('option:selected').val());
		});

		$("#datasetActionsBottom").append(
			"<div class='row'>"+
				"<div class='col-xs-12'>"+auswahlAbsageToggle+"</div>"+
				"<div class='col-xs-12' id='absagePunkte' style='display:none'>"+auswahlAbsage+"</div>"+
			"</div>" +
			"<div class='h-divider'></div>" +
			"<hr class='studiensemesterline'>"
		)
		$("button.incStudiensemester").click(function() {
			InfocenterPersonDataset.changeStudiensemesterUservar(1);
		});

		$("button.decStudiensemester").click(function() {
			InfocenterPersonDataset.changeStudiensemesterUservar(-1);
		});

		$('button.auswahlAbsageBtn').click(function()
		{
			var idsel = $("#filterTableDataset input:checked[name=PersonId\\[\\]]");

			if(idsel.length <= 0)
				return FHC_DialogLib.alertInfo("Bitte wählen Sie die Personen aus.");

			if($('.absgstatusgrund').val()  === 'null' || $('.auswahlAbsageStg').val() === 'null')
				return FHC_DialogLib.alertInfo("Bitte den Absagegrund und Studiengang auswählen.");

			$(".absageModalForAll").modal("show");
		});

		$('#saveAbsageForAll').click(function()
		{
			InfocenterPersonDataset.saveAbsageForAll();
		});

		$('a.absageToggle').click(function()
		{
			$('#absagePunkte').toggle();
		})

		var personcount = 0;

		FHC_AjaxClient.ajaxCallGet(
			'widgets/Filters/rowNumber',
			{
				filterUniqueId: FHC_FilterWidget.getFilterUniqueIdPrefix()
			},
			{
				successCallback: function(data, textStatus, jqXHR) {
					if (FHC_AjaxClient.hasData(data))
					{
						personcount = FHC_AjaxClient.getData(data);

						if (personcount > 0)
						{
							var persontext = personcount === 1 ? "Person" : "Personen";
							var countHtml = personcount + " " + persontext;

							// Count Records after Filtering
							$("#filterTableDataset").bind("filterEnd", function() {
								var cnt = $("#filterTableDataset tr:visible").length - 2;
								$(".filterTableDatasetCntFiltered").html(cnt + ' / ');
							});

							$("#datasetActionsTop, #datasetActionsBottom").append(
								"<div class='row'>"+
								"<div class='col-xs-4'>" + selectAllHtml + "&nbsp;&nbsp;" + actionHtml + "</div>"+
								"<div class='col-xs-4 text-center'>" + legendHtml + "</div>"+
								"<div class='col-xs-4 text-right'>" +
								"<span class='filterTableDatasetCntFiltered'></span>" +
								countHtml +	"</div>"+
								"<div class='clearfix'></div>"+
								"</div>"
							);
							$("#datasetActionsBottom").append("<br><br>");

							InfocenterPersonDataset.setTableActions();
						}
					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					alert(textStatus);
				}
			}
		);
	},

	/**
	 * sets functionality for the actions above and beneath the person table
	 */
	setTableActions: function()
	{
		$(".sendMsgsLink").click(function() {
			var idsel = $("#filterTableDataset input:checked[name=PersonId\\[\\]]");
			if(idsel.length > 0)
			{
				var form = $("#sendMsgsForm");
				form.find("input[type=hidden]").remove();
				for (var i = 0; i < idsel.length; i++)
				{
					var id = $(idsel[i]).val();
					form.append("<input type='hidden' name='person_id[]' value='" + id + "'>");
				}
				form.submit();
			}
		});

		$(".selectAll").click(function()
			{
				//select only trs if not filtered by tablesorter
				var trs = $("#filterTableDataset tbody tr").not(".filtered");
				trs.find("input[name=PersonId\\[\\]]").prop("checked", true);
			}
		);

		$(".unselectAll").click(function()
			{
				var trs = $("#filterTableDataset tbody tr").not(".filtered");
				trs.find("input[name=PersonId\\[\\]]").prop("checked", false);
			}
		);

		//make sure tablesorter local storage for homepage url with and without "/index" shares same values
		$("#filterTableDataset").bind('filterEnd', function()
		{
			if (FHC_JS_DATA_STORAGE_OBJECT.called_method === 'index')
			{
				var pathname = window.location.pathname;
				var storageobj = localStorage.getItem("tablesorter-filters");
				var parsed = JSON.parse(storageobj);
				var regex = new RegExp(/\/index(?!\.ci\.php)/);
				if (regex.test(pathname))
				{
					parsed[pathname.replace(regex, "")] = parsed[pathname];
				}
				else
				{
					parsed[pathname + "/index"] = parsed[pathname];
				}
				storageobj = JSON.stringify(parsed);
				localStorage.setItem("tablesorter-filters", storageobj);
			}
		});
	},

	changeStudengangsTyp: function(typ)
	{
		let change = typ;

		if (typ === 'all')
			change = change = 'b\', \'m\', \'l';

		FHC_AjaxClient.showVeil();

		FHC_AjaxClient.ajaxCallPost(
			'system/Variables/changeStudengangsTypVar',
			{
				'name': InfocenterPersonDataset.infocenter_studienganstyp_variablename,
				'change': change,
			},
			{
				successCallback: function(data, textStatus, jqXHR) {
					if (FHC_AjaxClient.hasData(data))
					{
						// refresh filterwidget with page reload
						FHC_FilterWidget.reloadDataset();
					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					FHC_AjaxClient.hideVeil();
					alert(textStatus);
				}
			}
		);
	},

	/**
	 * initializes change of the uservariable infocenter_studiensemesster, either
	 * to next semester (change > 0) or previous semester (change < 0)
	 */
	changeStudiensemesterUservar: function(change)
	{
		FHC_AjaxClient.showVeil();

		FHC_AjaxClient.ajaxCallPost(
			'system/Variables/changeStudiensemesterVar',
			{
				'name': InfocenterPersonDataset.infocenter_studiensemester_variablename,
				'change': change
			},
			{
				successCallback: function(data, textStatus, jqXHR) {
					if (FHC_AjaxClient.hasData(data))
					{
						// refresh filterwidget with page reload
						FHC_FilterWidget.reloadDataset();
					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					FHC_AjaxClient.hideVeil();
					alert(textStatus);//TODO dialoglib
				}
			}
		);
	},

	saveAbsageForAll: function()
	{
		var idsel = $("#filterTableDataset input:checked[name=PersonId\\[\\]]");

		var statusgrund = $('.absgstatusgrund').val();
		var studiengang = $('.auswahlAbsageStg').val();
		var abgeschickt = $('.auswahlAbsageAbgeschickt').val();

		var personen = [];

		for (var i = 0; i < idsel.length; i++)
		{
			personen.push($(idsel[i]).val());
		}

		FHC_AjaxClient.ajaxCallPost(
			'system/infocenter/InfoCenter/saveAbsageForAll',
			{
				'statusgrund': statusgrund,
				'studiengang': studiengang,
				'personen' : personen,
				'abgeschickt' : abgeschickt
			},
			{
				successCallback: function(data, textStatus, jqXHR) {
					if (FHC_AjaxClient.isError(data))
						FHC_DialogLib.alertError(FHC_AjaxClient.getError(data));

					if (FHC_AjaxClient.hasData(data))
						FHC_DialogLib.alertSuccess("Erfolgreich gespeichert.")

					$(".absageModalForAll").modal("hide");
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					FHC_DialogLib.alertError(textStatus);
				}
			}
		);
	},

	getAbsageData: function()
	{
		FHC_AjaxClient.ajaxCallGet(
			'system/infocenter/InfoCenter/getAbsageData',
			{},
			{
				successCallback: function(data, textStatus, jqXHR)
				{
					if (FHC_AjaxClient.hasData(data))
					{
						data = FHC_AjaxClient.getData(data);
						$.each(data.statusgruende, function(key, value){
							$('.absgstatusgrund').append($("<option/>", {
									value: value.statusgrund_id,
									text: value.bezeichnung_mehrsprachig[0]
							}))
						})
						$.each(data.studiengaenge, function(key, value){
							$('.auswahlAbsageStg').append($("<option/>", {
									value: value.studiengang,
									text: value.studiengang
							}))
						})

					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					FHC_DialogLib.alertError(textStatus);
				}
			}
		);
	},
	getStudienartData: function(infocenter_studiengangstyp)
	{
		FHC_AjaxClient.ajaxCallGet(
			'system/infocenter/InfoCenter/getStudienartData',
			{},
			{
				successCallback: function(data, textStatus, jqXHR)
				{
					if (FHC_AjaxClient.hasData(data))
					{
						data = FHC_AjaxClient.getData(data);

						let all = data.map(item => item.typ).join('\',\'');
						$('.auswahlStudienArt').append($("<option/>")
							.val(all)
							.text('Alle')
						);

						$.each(data, function(key, value)
						{
							let isSelected;
							isSelected = (infocenter_studiengangstyp === value.typ && all.length !== 1) ? 'selected' : false;
							$('.auswahlStudienArt').append($("<option/>")
								.val(value.typ)
								.text(value.bezeichnung)
								.attr('selected', isSelected)
							)
						});
					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					FHC_DialogLib.alertError(textStatus);
				}
			}
		);
	},
	/**
	 * initializes call to get the Studiensemester user variable
	 */
	getStudiensemesterUservar: function(callback)
	{
		FHC_AjaxClient.ajaxCallGet(
			'system/Variables/getVar',
			{
				'name' : InfocenterPersonDataset.infocenter_studiensemester_variablename,
				'typ' : InfocenterPersonDataset.infocenter_studienganstyp_variablename
			},
			{
				successCallback: function(data, textStatus, jqXHR) {
					if (FHC_AjaxClient.hasData(data))
					{
						if (typeof callback === "function")
						{
							var infocenter_studiensemester = FHC_AjaxClient.getData(data);
							callback(infocenter_studiensemester[InfocenterPersonDataset.infocenter_studiensemester_variablename], infocenter_studiensemester[InfocenterPersonDataset.infocenter_studienganstyp_variablename]);
						}
					}
				},
				errorCallback: function(jqXHR, textStatus, errorThrown) {
					alert(textStatus);
				}
			}
		);
	}
};

/**
 * When JQuery is up
 */
$(document).ready(function() {

	InfocenterPersonDataset.getStudiensemesterUservar(InfocenterPersonDataset.appendTableActionsHtml);

});