[pLog-svn] r6242 - in plog/trunk: imgs/admin js/ui styles

[mark at devel.lifetype.net]

Author: mark
Date: 2008-03-18 05:32:58 -0400 (Tue, 18 Mar 2008)
New Revision: 6242

Added:
   plog/trunk/imgs/admin/circle_small.gif
Modified:
   plog/trunk/js/ui/effects.js
   plog/trunk/js/ui/forms.js
   plog/trunk/styles/admin.css
Log:
Port loading effect from one of my projects.

Added: plog/trunk/imgs/admin/circle_small.gif
===================================================================
(Binary files differ)


Property changes on: plog/trunk/imgs/admin/circle_small.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: plog/trunk/js/ui/effects.js
===================================================================
--- plog/trunk/js/ui/effects.js	2008-03-18 08:27:11 UTC (rev 6241)
+++ plog/trunk/js/ui/effects.js	2008-03-18 09:32:58 UTC (rev 6242)
@@ -156,4 +156,42 @@
 		e.style.display = 'block';
 	else
 		e.style.display = 'none';
+}
+
+/**
+ * Show a red "Loading in progress" box in top right corner.
+ *
+ */
+
+Lifetype.Effects.Form = new YAHOO.widget.Overlay();
+
+Lifetype.Effects.Form.showPanel = function() {
+	var panelWidth = 140;
+	var panelX = YAHOO.util.Dom.getViewportWidth()-panelWidth-12;
+	var panelY = YAHOO.util.Dom.getDocumentScrollTop();
+	
+	Lifetype.Effects.Form.init( "loadingEffect",   
+	{ 
+		x:panelX,
+		y:panelY,
+		width:panelWidth,
+		underlay:"none",
+		close:false,
+		draggable:false,
+		zIndex:20000,
+		visible:false 
+	});
+
+    var myHeader = '<div class="loading_effect"><img src="imgs/admin/circle_small.gif" alt="Spinner" />&nbsp;';
+    var myFooter = '</div>';
+    var myBody = myHeader+tr('loading_in_progress')+myFooter;
+
+	Lifetype.Effects.Form.setBody( myBody ); 
+	Lifetype.Effects.Form.render( document.body );
+	Lifetype.Effects.Form.show();
+}
+
+Lifetype.Effects.Form.hidePanel = function() {
+	Lifetype.Effects.Form.hide();
+	Lifetype.Effects.Form.destroy();
 }
\ No newline at end of file

Modified: plog/trunk/js/ui/forms.js
===================================================================
--- plog/trunk/js/ui/forms.js	2008-03-18 08:27:11 UTC (rev 6241)
+++ plog/trunk/js/ui/forms.js	2008-03-18 09:32:58 UTC (rev 6242)
@@ -240,6 +240,7 @@
         formErrorId = 'FormError';
         formErrorMessageId = 'FormErrorMessage';
     }
+	Lifetype.Effects.Form.showPanel();
 
 	var cObj = YAHOO.util.Connect.asyncRequest('POST', postUrl,
 		callback = {
@@ -300,8 +301,6 @@
                     // invoke form error callback
                     if( options && options.formErrorCallback )
                         options.formErrorCallback();
-
-					return( true );
 				}
 				else {
 					// display the general success message by setting it into its container
@@ -326,6 +325,8 @@
                     if( options && options.formSuccessCallback )
                         options.formSuccessCallback();
 				}
+
+				Lifetype.Effects.Form.hidePanel();
 			},
 			failure: function() {
 				// fire the error event
@@ -334,6 +335,8 @@
                 // invoke form success callback
                 if( options && options.formSuccessCallback )
                     options.formSuccessCallback();
+
+				Lifetype.Effects.Form.hidePanel();
 			}
 		}
 	);
@@ -381,6 +384,8 @@
 		var url = o.href + "&output=json";
 	}
 
+	Lifetype.Effects.Form.showPanel();
+
 	YAHOO.util.Connect.asyncRequest('GET', url,
 		callback = {
 			success: function( o ) {
@@ -440,6 +445,7 @@
 						Lifetype.Forms.Events.performRequestSuccessEvent.fire( o );
 					}
 				}
+				Lifetype.Effects.Form.hidePanel();
 			},
 			failure: function( o ) {
 				Lifetype.Dom.$( 'ViewErrorMessage' ).innerHTML = 'Error performing request';
@@ -447,6 +453,7 @@
 
 				// fire the error event
 				Lifetype.Forms.Events.performRequestFailureEvent.fire( o );
+				Lifetype.Effects.Form.hidePanel();
 			}
 		}
 	);

Modified: plog/trunk/styles/admin.css
===================================================================
--- plog/trunk/styles/admin.css	2008-03-18 08:27:11 UTC (rev 6241)
+++ plog/trunk/styles/admin.css	2008-03-18 09:32:58 UTC (rev 6242)
@@ -1196,4 +1196,13 @@
 	color: #000000;
 	height: 100%;
 	text-align: center;
+}
+
+.loading_effect
+{
+	color: #FFFFFF;
+	background-color: #CC4444;
+	width: 140px;
+	padding: 5px 0;
+	text-align: center;
 }
\ No newline at end of file