From 2301f12006ea3db899bae123dd7154905159d95d Mon Sep 17 00:00:00 2001
From: Marcin Haba <marcin.haba@bacula.pl>
Date: Sat, 9 Aug 2014 22:27:22 +0200
Subject: [PATCH] baculum: Improvement loader for dynamic contents

---
 .../protected/JavaScript/configuration-window.js   |  4 ++--
 gui/baculum/protected/JavaScript/slide-window.js   |  6 ++++--
 gui/baculum/protected/Pages/Home.page              |  3 +++
 gui/baculum/protected/Portlets/ClientList.tpl      | 12 ++++++------
 .../protected/Portlets/ConfigurationPanel.tpl      |  3 +--
 gui/baculum/protected/Portlets/JobList.tpl         | 12 ++++++------
 gui/baculum/protected/Portlets/JobRunList.tpl      | 12 ++++++------
 gui/baculum/protected/Portlets/PoolList.tpl        | 12 ++++++------
 gui/baculum/protected/Portlets/StorageList.tpl     | 12 ++++++------
 gui/baculum/protected/Portlets/VolumeList.tpl      | 12 ++++++------
 gui/baculum/themes/Baculum-v1/style.css            | 14 +++++++++-----
 11 files changed, 55 insertions(+), 47 deletions(-)

diff --git a/gui/baculum/protected/JavaScript/configuration-window.js b/gui/baculum/protected/JavaScript/configuration-window.js
index 2bb7c6a17e..eb70900521 100644
--- a/gui/baculum/protected/JavaScript/configuration-window.js
+++ b/gui/baculum/protected/JavaScript/configuration-window.js
@@ -1,7 +1,7 @@
 var ConfigurationWindowClass = new Class.create({
 	initialize: function(id) {
 		this.window_id = id + 'configuration';
-		this.progress_id = id + 'configuration-progress';
+		this.progress_id = 'configuration-progress';
 		this.lock = false;
 	},
 
@@ -36,4 +36,4 @@ var ConfigurationWindowClass = new Class.create({
 	is_progress: function() {
 		return $(this.progress_id).getStyle('display') == 'block';
 	}
-});
\ No newline at end of file
+});
diff --git a/gui/baculum/protected/JavaScript/slide-window.js b/gui/baculum/protected/JavaScript/slide-window.js
index 209ba34f9a..ce8b0cef32 100644
--- a/gui/baculum/protected/JavaScript/slide-window.js
+++ b/gui/baculum/protected/JavaScript/slide-window.js
@@ -20,6 +20,7 @@ var SlideWindowClass = Class.create({
 	elements : {
 		containerSuffix : '-slide-window-container',
 		configurationWindows : 'div.configuration',
+		configurationProgress: 'div.configuration-progress',
 		contentItems : 'slide-window-element',
 		contentAlternatingItems : 'slide-window-element-alternating',
 		toolsButtonSuffix : '-slide-window-tools',
@@ -156,7 +157,8 @@ var SlideWindowClass = Class.create({
 
 	isConfigurationOpen: function() {
 		var is_open = false;
-		$$(this.elements.configurationWindows).each(function(el) {
+		$$(this.elements.configurationWindows, this.elements.configurationProgress).each(function(el) {
+			console.log(el);
 			if(el.getStyle('display') == 'block') {
 				is_open = true;
 				throw $break;
@@ -198,4 +200,4 @@ document.observe("dom:loaded", function() {
 			}.bind(el));
 		});
 	}
-});
\ No newline at end of file
+});
diff --git a/gui/baculum/protected/Pages/Home.page b/gui/baculum/protected/Pages/Home.page
index 29a41b401d..f622c8a03f 100644
--- a/gui/baculum/protected/Pages/Home.page
+++ b/gui/baculum/protected/Pages/Home.page
@@ -24,6 +24,9 @@
 				<com:Application.Portlets.JobList ID="JobWindow" ShowID="<%=$this->JobBtn->ClientID%>" WindowTitle="<%[ Jobs ]%>" />
 				<com:Application.Portlets.JobRunList ID="JobRunWindow" ShowID="<%=$this->JobRunBtn->ClientID%>" WindowTitle="<%[ Jobs for run ]%>" />
 				<div id="configuration">
+					<div id="configuration-box">
+						<div id="configuration-progress" class="configuration-progress"></div>
+					</div>
 					<com:Application.Portlets.VolumeConfiguration ID="VolumeConfiguration" />
 					<com:Application.Portlets.StorageConfiguration ID="StorageConfiguration" />
 					<com:Application.Portlets.ClientConfiguration ID="ClientConfiguration" />
diff --git a/gui/baculum/protected/Portlets/ClientList.tpl b/gui/baculum/protected/Portlets/ClientList.tpl
index 8de08df9d4..2b169c485e 100644
--- a/gui/baculum/protected/Portlets/ClientList.tpl
+++ b/gui/baculum/protected/Portlets/ClientList.tpl
@@ -10,9 +10,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -20,6 +17,9 @@
 						var request = <%= $this->ClientElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
@@ -45,9 +45,6 @@
 						<prop:ClientSide.OnComplete>
 							ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.show();
 							ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.progress(false);
-							if(<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.isFullSize()) {
-								<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.resetSize();
-							}
 						</prop:ClientSide.OnComplete>
 					</com:TCallback>
 					<script type="text/javascript">
@@ -55,6 +52,9 @@
 							var request = <%= $this->ClientTableElementCall->ActiveControl->Javascript %>;
 							if(ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 								ConfigurationWindow<%=$this->getPage()->ClientConfiguration->getMaster()->ClientID%>.progress(true);
+								if(<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.isFullSize()) {
+									<%=$this->getPage()->ClientWindow->ShowID%>SlideWindow.resetSize();
+								}
 								request.dispatch();
 							}
 						});
diff --git a/gui/baculum/protected/Portlets/ConfigurationPanel.tpl b/gui/baculum/protected/Portlets/ConfigurationPanel.tpl
index caafffa8c1..103618d390 100644
--- a/gui/baculum/protected/Portlets/ConfigurationPanel.tpl
+++ b/gui/baculum/protected/Portlets/ConfigurationPanel.tpl
@@ -1,5 +1,4 @@
 <div id="<%=$this->ClientID%>configuration" class="configuration">
-	<div id="<%=$this->ClientID%>configuration-progress" class="configuration-progress"></div>
 	<div id="<%=$this->ClientID%>configuration-window-container" class="configuration-window-container">
 		<com:TActivePanel DefaultButton="ApplyChanges" CssClass="configuration-window-content">
 			<com:TImageButton ImageUrl="<%=$this->getPage()->getTheme()->getBaseUrl()%>/icon_close.png" ImageAlign="right" Attributes.onclick="ConfigurationWindow<%=$this->ClientID%>.hide(); return false;" ToolTip="<%[ Close]%>" />
@@ -9,4 +8,4 @@
 </div>
 <script type="text/javascript">
 	var ConfigurationWindow<%=$this->ClientID%> = new ConfigurationWindowClass('<%=$this->ClientID%>');
-</script>
\ No newline at end of file
+</script>
diff --git a/gui/baculum/protected/Portlets/JobList.tpl b/gui/baculum/protected/Portlets/JobList.tpl
index 0a9e4f3cb1..b076da81df 100644
--- a/gui/baculum/protected/Portlets/JobList.tpl
+++ b/gui/baculum/protected/Portlets/JobList.tpl
@@ -10,9 +10,6 @@
 				<prop:ClientSide.OnComplete>
 					ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.show();
 					ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.progress(false);
-					if(<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.isFullSize()) {
-						<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.resetSize();
-					}
 				</prop:ClientSide.OnComplete>
 			</com:TCallback>
 			<script type="text/javascript">
@@ -20,6 +17,9 @@
 					var request = <%= $this->JobElementCall->ActiveControl->Javascript %>;
 					if(ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 						ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.progress(true);
+						if(<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.isFullSize()) {
+							<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.resetSize();
+						}
 						request.dispatch();
 					}
 				});
@@ -51,9 +51,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -61,6 +58,9 @@
 						var request = <%= $this->JobTableElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->JobConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->JobWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
diff --git a/gui/baculum/protected/Portlets/JobRunList.tpl b/gui/baculum/protected/Portlets/JobRunList.tpl
index 525a03a491..cc649925fd 100644
--- a/gui/baculum/protected/Portlets/JobRunList.tpl
+++ b/gui/baculum/protected/Portlets/JobRunList.tpl
@@ -11,9 +11,6 @@
 				<prop:ClientSide.OnComplete>
 					ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.show();
 					ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.progress(false);
-					if(<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.isFullSize()) {
-						<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.resetSize();
-					}
 				</prop:ClientSide.OnComplete>
 			</com:TCallback>
 			<script type="text/javascript">
@@ -21,6 +18,9 @@
 					var request = <%= $this->JobElementCall->ActiveControl->Javascript %>;
 					if(ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 						ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.progress(true);
+						if(<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.isFullSize()) {
+							<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.resetSize();
+						}
 						request.dispatch();
 					}
 				});
@@ -47,9 +47,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -57,6 +54,9 @@
 						var request = <%= $this->JobTableElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->JobRunConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->JobRunWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
diff --git a/gui/baculum/protected/Portlets/PoolList.tpl b/gui/baculum/protected/Portlets/PoolList.tpl
index add1ca8b61..326ca81156 100644
--- a/gui/baculum/protected/Portlets/PoolList.tpl
+++ b/gui/baculum/protected/Portlets/PoolList.tpl
@@ -10,9 +10,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -20,6 +17,9 @@
 						var request = <%= $this->PoolElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
@@ -46,9 +46,6 @@
 						<prop:ClientSide.OnComplete>
 							ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.show();
 							ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.progress(false);
-							if(<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.isFullSize()) {
-								<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.resetSize();
-							}
 						</prop:ClientSide.OnComplete>
 					</com:TCallback>
 					<script type="text/javascript">
@@ -56,6 +53,9 @@
 							var request = <%= $this->PoolTableElementCall->ActiveControl->Javascript %>;
 							if(ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 								ConfigurationWindow<%=$this->getPage()->PoolConfiguration->getMaster()->ClientID%>.progress(true);
+								if(<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.isFullSize()) {
+									<%=$this->getPage()->PoolWindow->ShowID%>SlideWindow.resetSize();
+								}
 								request.dispatch();
 							}
 						});
diff --git a/gui/baculum/protected/Portlets/StorageList.tpl b/gui/baculum/protected/Portlets/StorageList.tpl
index 5cd4485490..425643c33f 100644
--- a/gui/baculum/protected/Portlets/StorageList.tpl
+++ b/gui/baculum/protected/Portlets/StorageList.tpl
@@ -10,9 +10,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -20,6 +17,9 @@
 						var request = <%= $this->StorageElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
@@ -45,9 +45,6 @@
 						<prop:ClientSide.OnComplete>
 							ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.show();
 							ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.progress(false);
-							if(<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.isFullSize()) {
-								<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.resetSize();
-							}
 						</prop:ClientSide.OnComplete>
 					</com:TCallback>
 					<script type="text/javascript">
@@ -55,6 +52,9 @@
 							var request = <%= $this->StorageTableElementCall->ActiveControl->Javascript %>;
 							if(ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 								ConfigurationWindow<%=$this->getPage()->StorageConfiguration->getMaster()->ClientID%>.progress(true);
+								if(<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.isFullSize()) {
+									<%=$this->getPage()->StorageWindow->ShowID%>SlideWindow.resetSize();
+								}
 								request.dispatch();
 							}
 						});
diff --git a/gui/baculum/protected/Portlets/VolumeList.tpl b/gui/baculum/protected/Portlets/VolumeList.tpl
index f85e7a9218..27e8209c58 100644
--- a/gui/baculum/protected/Portlets/VolumeList.tpl
+++ b/gui/baculum/protected/Portlets/VolumeList.tpl
@@ -12,9 +12,6 @@
 				<prop:ClientSide.OnComplete>
 					ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.show();
 					ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.progress(false);
-					if(<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.isFullSize()) {
-						<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.resetSize();
-					}
 				</prop:ClientSide.OnComplete>
 			</com:TCallback>
 			<script type="text/javascript">
@@ -22,6 +19,9 @@
 					var request = <%= $this->VolumeElementCall->ActiveControl->Javascript %>;
 					if(ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 						ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.progress(true);
+						if(<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.isFullSize()) {
+							<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.resetSize();
+						}
 						request.dispatch();
 					}
 				});
@@ -48,9 +48,6 @@
 					<prop:ClientSide.OnComplete>
 						ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.show();
 						ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.progress(false);
-						if(<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.isFullSize()) {
-							<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.resetSize();
-						}
 					</prop:ClientSide.OnComplete>
 				</com:TCallback>
 				<script type="text/javascript">
@@ -58,6 +55,9 @@
 						var request = <%= $this->VolumeTableElementCall->ActiveControl->Javascript %>;
 						if(ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.is_progress() == false) {
 							ConfigurationWindow<%=$this->getPage()->VolumeConfiguration->getMaster()->ClientID%>.progress(true);
+							if(<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.isFullSize()) {
+								<%=$this->getPage()->VolumeWindow->ShowID%>SlideWindow.resetSize();
+							}
 							request.dispatch();
 						}
 					});
diff --git a/gui/baculum/themes/Baculum-v1/style.css b/gui/baculum/themes/Baculum-v1/style.css
index bdf99bf8bf..23052985a4 100644
--- a/gui/baculum/themes/Baculum-v1/style.css
+++ b/gui/baculum/themes/Baculum-v1/style.css
@@ -120,8 +120,8 @@ div.configuration {
 	margin: 12px 0;
 	z-index: 5;
 	position: relative;
-	left: 447px;
-	top: 0;
+	left: 446px;
+	top: 0px;
 	background-color: #898889;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
@@ -129,6 +129,10 @@ div.configuration {
 	display: none;
 }
 
+#configuration {
+	position: absolute;
+}
+
 #configuration div.field select {
 	width: 178px;
 }
@@ -143,8 +147,8 @@ div.configuration-progress {
 	height: 575px;
 	z-index: 10;
 	position: absolute;
-	top: 0;
-	left: 0;
+	top: 12px;
+	left: 446px;
 	display: none;
 	border-radius: 10px;
 }
@@ -774,4 +778,4 @@ div.small {
 	border-right: 1px solid black;
 	border-top: 1px solid black;
 	margin: 3px 0;
-}
\ No newline at end of file
+}
-- 
2.39.5