Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 13:54:23 +00:00
Code Issues Actions Projects Releases Wiki Activity

js code for display an alert message when leaving a page containing an unsubmitted form - refs #391

Browse Source
This commit is contained in:
Marc Ducobu 2015-01-30 12:26:51 +01:00
parent 281d532a20
commit f0d2ac8091
1 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
Resources/public/js/chill.js
View File

@ -84,14 +84,20 @@ var chill = function() {
/** /**
* Protect to leave a page where the form 'form_id' has unsaved changes by displaying * Display an alert message when the user wants to leave a page containing a given form
* a popup-containing a warning. * in a given state.
* *
* @param{string} form_id A identification string of the form * The action of displaying the form be parametrised as :
* @param{string} unsaved_data_message The string to display in the warning pop-up * - always display the alert message when leaving
* - only display the alert message when the form contains some modified fields.
*
* @param{string} form_id An identification string of the form
* @param{string} alert_message The alert message to display
* @param{boolean} check_unsaved_data If true display the alert message only when the form
* contains some modified fields otherwise always display the alert when leaving
* @return nothing * @return nothing
*/ */
function protectUnsavedDataForFrom(form_id, unsaved_data_message) { function _generalDisplayAlertWhenLeavingForm(form_id, alert_message, check_unsaved_data) {
var form_submitted = false; var form_submitted = false;
var unsaved_data = false; var unsaved_data = false;
@ -103,8 +109,6 @@ var chill = function() {
unsaved_data = false; unsaved_data = false;
}); });
$.each($(form_id).find(':input'), function(i,e) { $.each($(form_id).find(':input'), function(i,e) {
$(e).change(function() { $(e).change(function() {
unsaved_data = true; unsaved_data = true;
@ -112,12 +116,36 @@ var chill = function() {
}); });
$(window).bind('beforeunload', function(){ $(window).bind('beforeunload', function(){
if((!form_submitted) && unsaved_data) { if((!form_submitted) && (unsaved_data || !check_unsaved_data)) {
return unsaved_data_message; return alert_message;
} }
}); });
} }
/**
* Display an alert message when the user wants to leave a page containing a given
* modified form.
*
* @param{string} form_id An identification string of the form
* @param{string} alert_message The alert message to display
* @return nothing
*/
function displayAlertWhenLeavingModifiedForm(form_id, alert_message) {
_generalDisplayAlertWhenLeavingForm(form_id, alert_message, true);
}
/**
* Display an alert message when the user wants to leave a page containing a given
* form that was not submitted.
*
* @param{string} form_id An identification string of the form
* @param{string} alert_message The alert message to display
* @return nothing
*/
function displayAlertWhenLeavingUnsubmittedForm(form_id, alert_message) {
_generalDisplayAlertWhenLeavingForm(form_id, alert_message, false);
}
/* Enable the following behavior : when the user change the value /* Enable the following behavior : when the user change the value
of an other field, its checkbox is checked. of an other field, its checkbox is checked.
*/ */
@ -134,6 +162,7 @@ var chill = function() {
initPikaday: initPikaday, initPikaday: initPikaday,
emulateSticky: emulateSticky, emulateSticky: emulateSticky,
checkOtherValueOnChange: checkOtherValueOnChange, checkOtherValueOnChange: checkOtherValueOnChange,
protectUnsavedDataForFrom: protectUnsavedDataForFrom, displayAlertWhenLeavingModifiedForm: displayAlertWhenLeavingModifiedForm,
displayAlertWhenLeavingUnsubmittedForm: displayAlertWhenLeavingUnsubmittedForm,
}; };
} (); } ();