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

[mark at devel.lifetype.net]

Author: mark
Date: 2008-01-28 09:15:51 -0500 (Mon, 28 Jan 2008)
New Revision: 6180

Modified:
   plog/trunk/imgs/admin/spinner.gif
   plog/trunk/imgs/admin/spinner_small.gif
   plog/trunk/js/ui/contentoverlay.js
   plog/trunk/styles/admin.css
Log:
Some improvements of the show() method in content overlay. It will show a "loading in process" message now.

Modified: plog/trunk/imgs/admin/spinner.gif
===================================================================
(Binary files differ)

Modified: plog/trunk/imgs/admin/spinner_small.gif
===================================================================
(Binary files differ)

Modified: plog/trunk/js/ui/contentoverlay.js
===================================================================
--- plog/trunk/js/ui/contentoverlay.js	2008-01-28 14:12:38 UTC (rev 6179)
+++ plog/trunk/js/ui/contentoverlay.js	2008-01-28 14:15:51 UTC (rev 6180)
@@ -75,17 +75,16 @@
 
 Lifetype.UI.ContentOverlay.prototype.show = function()
 {
-	c = YAHOO.util.Connect.asyncRequest( 'GET', this.url, { scope:this, success: function(o) {
-		
-			var body = '';
-			// add the rounded corners
-		    body = '<div class="overlay_corner_tr"></div>' +
-		           '<div class="overlay_corner_tl"></div>' +
-		           '<div class="overlay_corner_br"></div>' +
-		           '<div class="overlay_corner_bl"></div>';
-			
-			body = body + o.responseText;			
-			this.setBody( body );
+    var myHeader = '<div class="contentoverlay_panel">';
+    var myFooter = '</div>';
+    var myBody = myHeader + '<div class="loading_panel"><img src="imgs/admin/spinner_small.gif" alt="Spinner" /> '+tr('loading_in_progress')+'</div>' + myFooter;
+	this.setBody( myBody );
+	this.render( document.body );	
+	Lifetype.UI.ContentOverlay.superclass.show.call( this );
+
+	c = YAHOO.util.Connect.asyncRequest( 'GET', this.url, { scope:this, success: function(o) {			
+			myBody = myHeader + o.responseText + myFooter;
+			this.setBody( myBody );
 			this.center();
 			
 			// this hack allows us to execute any javascript code that has been fetched via
@@ -97,9 +96,6 @@
 		}
 	});
 	
-	this.render( document.body );	
-	Lifetype.UI.ContentOverlay.superclass.show.call( this );
-	
 	return( false );	
 }
 

Modified: plog/trunk/styles/admin.css
===================================================================
--- plog/trunk/styles/admin.css	2008-01-28 14:12:38 UTC (rev 6179)
+++ plog/trunk/styles/admin.css	2008-01-28 14:15:51 UTC (rev 6180)
@@ -1172,3 +1172,23 @@
     width: 250px;
     height: 200px;
 }
+
+.yui-panel {
+    background-color:#F3F1FF;
+    padding-top:20px;
+}
+
+.contentoverlay_panel
+{
+	padding:5px 10px 10px 10px;
+	margin: 0px;
+	background: #FFFFFF;
+	height: 100%;
+}
+
+.loading_panel
+{
+	color: #000000;
+	height: 100%;
+	text-align: center;
+}
\ No newline at end of file