[jboss-svn-commits] JBoss Portal SVN: r5345 - in trunk/theme/src/bin/portal-ajax-war: images js/portal

[jboss-svn-commits at lists.jboss.org]

Author: roy.russo at jboss.com
Date: 2006-10-06 17:25:10 -0400 (Fri, 06 Oct 2006)
New Revision: 5345

Modified:
   trunk/theme/src/bin/portal-ajax-war/images/roller.gif
   trunk/theme/src/bin/portal-ajax-war/js/portal/event.js
Log:
updated ajax progress indicator

Modified: trunk/theme/src/bin/portal-ajax-war/images/roller.gif
===================================================================
(Binary files differ)

Modified: trunk/theme/src/bin/portal-ajax-war/js/portal/event.js
===================================================================
--- trunk/theme/src/bin/portal-ajax-war/js/portal/event.js	2006-10-06 20:31:15 UTC (rev 5344)
+++ trunk/theme/src/bin/portal-ajax-war/js/portal/event.js	2006-10-06 21:25:10 UTC (rev 5345)
@@ -26,9 +26,9 @@
 var o_el_regionB = new Array();
 
 /**
-AJAX Send function. Assembles post data, and handles process
-**/
-function sendData(action,windowID, fromPos, fromRegion, toPos, toRegion)
+ AJAX Send function. Assembles post data, and handles process
+ **/
+function sendData(action, windowID, fromPos, fromRegion, toPos, toRegion)
 {
    var options = {
       method: 'post',
@@ -66,23 +66,19 @@
    a = document.createElement("div");
    a.id = "ReqProgressIndicator";
    a.style.position = "absolute";
-   a.style.left = "2px";
-   a.style.top = document.documentElement.scrollTop + 2 + "px";
-   a.style.width = "50px";
-   a.style.height = "50px"
-   a.style.padding = "2px";
+   a.style.left = "50%";
+   a.style.bottom = "50%";
+   a.style.width = "200px";
+   a.style.height = "20px"
    a.style.verticalAlign = "bottom";
-   a.style.backgroundColor = "#FFFFFF";
-   a.style.filter = "alpha(opacity=80)";
-   a.style.opacity = ".80";
-
-   a.innerHTML = "<img style='VERTICAL-ALIGN:bottom' src='/portal-ajax/images/roller.gif'><br/>Saving...";
+   a.style.display = '';
+   a.innerHTML = "<img style='VERTICAL-ALIGN:bottom' src='images/roller.gif'>";
    document.body.appendChild(a);
 }
 
 /**
-Class that tracks window movement and updates DOM on move end.
-**/
+ Class that tracks window movement and updates DOM on move end.
+ **/
 try
 {
    var WindowMoveObserver = Class.create();
@@ -112,7 +108,7 @@
                updateDOM();
 
                // send Data
-               sendData('windowmove',children[i].id, fromPos, fromRegion, i, this.element.id);
+               sendData('windowmove', children[i].id, fromPos, fromRegion, i, this.element.id);
                break;
                // or FF continues looping.
             }
@@ -126,8 +122,8 @@
 }
 
 /**
-Creates sortables (drag/drop windows), attach observers and initialize the DOM
-**/
+ Creates sortables (drag/drop windows), attach observers and initialize the DOM
+ **/
 try
 {
    Sortable.create("regionA", {dropOnEmpty:true,handle:'handle',tag:'div',containment:["regionA","regionB"],constraint:false, ghosting: false,
@@ -161,8 +157,8 @@
 }
 
 /**
-Update th DOM order in our global array. Later used to compare move from/to
-**/
+ Update th DOM order in our global array. Later used to compare move from/to
+ **/
 function updateDOM()
 {
    try
@@ -190,8 +186,8 @@
 }
 
 /**
-Returns theoriginal Window position for a given window element
-**/
+ Returns theoriginal Window position for a given window element
+ **/
 function findWindowPos(element)
 {
    for(var i = 0; i < o_el_regionA.length; i = i + 1)
@@ -213,8 +209,8 @@
 }
 
 /**
-Returns the original region where a window resided.
-**/
+ Returns the original region where a window resided.
+ **/
 function findWindowRegion(element)
 {
    for(var i = 0; i < o_el_regionA.length; i = i + 1)
@@ -236,15 +232,15 @@
 }
 
 /**
-Removes window from page and calls server-side
-**/
+ Removes window from page and calls server-side
+ **/
 function removeWindow(elementId)
 {
-	var effectElement = document.getElementById(elementId)
-	new Effect.BlindUp(effectElement);
+   var effectElement = document.getElementById(elementId)
+   new Effect.BlindUp(effectElement);
 
    //removeElement(effectElement);
 
-	sendData('windowremove',elementId);
+   sendData('windowremove', elementId);
 }