Changeset 101 for trunk/web-app

Timestamp:

Jan 20, 2010, 5:01:26 PM (13 years ago)

Author:

duh

Message:

• refactored the wizard initial page to dynamically load pageOne, instead of rendering pageOne within the template itself. This was done because otherwise both the mainPage and pageOne had to contain duplicate logic. The ajaxified webflow works better this way.
• added an <wizard:ajaxFlowRedirect...> tag which renders javascript code executing a jQuery ajax call (it actually wraps around <wizard:button...> tag but lifts the ajax call out of the button and wraps javascript tags around it)
• improved the help / tooltip workings
• extended the <wizard:button...> with an afterSuccess argument which executes some javascript after success. This is different from the default submitToRemote 'after' behaviour which is always executed in parallel with the ajax success call (hence, you javascript cannot access ajax result data while the afterSuccess method can)

File:

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

trunk/web-app/js/wizard.js

@@ -14 +14 @@
  */
 $(document).ready(function() {
+    attachHelpTooltips();
+});
+
+function attachHelpTooltips() {
     // attach help action on all wizard help icons
     $('div#wizard').find('div.help').each(function() {
@@ -19 +23 @@
             content: 'leftMiddle',
             position: {
-               corner: {
-                  tooltip: 'leftMiddle',
-                  target: 'rightMiddle'
-               }
+                corner: {
+                    tooltip: 'leftMiddle',
+                    target: 'rightMiddle'
+                }
             },
             style: {
-               border: {
-                  width: 5,
-                  radius: 10
-               },
-               padding: 10,
-               textAlign: 'center',
-               tip: true, // Give it a speech bubble tip with automatic corner detection
-               name: 'blue' // Style it according to the preset 'cream' style
+                border: {
+                    width: 5,
+                    radius: 10
+                },
+                padding: 10,
+                textAlign: 'center',
+                tip: true, // Give it a speech bubble tip with automatic corner detection
+                name: 'blue' // Style it according to the preset 'cream' style
             },
             content: $(this).find('div.content').html(),
@@ -39 +43 @@
         })
     })
-});
+}