Changeset 250 for trunk/web-app/js

Timestamp:

Mar 9, 2010, 2:16:07 PM (11 years ago)

Author:

duh

Message:

• date and datetimefields are now handled independent of naming but by field type (a rel='date' and rel='datetime' argument is added to the rendered input element)
• client side error reporting did not work properly for select elements
• dynamically inserted javascript confirmation warning in the DOM-anchors outside of the wizard (navigating away from the wizard without saving causes loss of data and work)

File:

• trunk/web-app/js/wizard.js (modified) (4 diffs)

trunk/web-app/js/wizard.js

@@ -26 +26 @@
 
     // attach Tooltips
+    insertOnRedirectWarning();
     onWizardPage();
 });
@@ -44 +45 @@
     // accordeon(s)
     $("#accordion").accordion();
+}
+
+// insert a redirect confirmation dialogue to all anchors leading the
+// user away from the wizard
+function insertOnRedirectWarning() {
+    // find all anchors that lie outside the wizard
+    $('a').each(function() {
+        var element = $(this)
+        var re = /^#/gi;
+
+        if (!element.attr('href').match(/^#/gi) && !element.attr('href').match(/\/([^\/]+)\/wizard\/pages/gi)) {
+            // bind a warning to the onclick event
+            element.bind('click',function() {
+                return confirm('Warning: navigating away from the wizard causes loss of work and unsaved data. Are you sure you want to continue?');
+            })
+        }
+    })
 }
 
@@ -117 +135 @@
 // add datepickers to date fields
 function attachDatePickers() {
-    $('div#wizard').find("input[type=text][name$='Date']").each(function() {
+    $('div#wizard').find("input[type=text][rel$='date']").each(function() {
         $(this).datepicker({
             dateFormat  : 'dd/mm/yy',
@@ -128 +146 @@
 // add datetimepickers to date fields
 function attachDateTimePickers() {
-    $('div#wizard').find("input[type=text][name$='Time']").each(function() {
+    $('div#wizard').find("input[type=text][rel$='datetime']").each(function() {
         $(this).datepicker({
             dateFormat      : 'dd/mm/yy',