Fixed loader position shown when models are imported

Signed-off-by: shiv12095 <shiv12095@iiitd.ac.in>
shiv12095 · Aug 17, 2016 · 17ae047 · 17ae047
1 parent e306be5
commit 17ae047
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/server/devtool/src/main/resources/static/css/style.css b/server/devtool/src/main/resources/static/css/style.css
@@ -814,11 +814,16 @@ th.action
 	width: auto;
 }
 
-#import-button-container {
-	position:relative;
-	padding: 4px;
-	height: 440px;
-	width: auto;
+.center-container {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+}
+
+.center-col {
+    position: relative;
+	height: 440px
 }
 
 /* Editor End */

diff --git a/server/devtool/src/main/resources/static/templates/editor-template.html b/server/devtool/src/main/resources/static/templates/editor-template.html
@@ -48,11 +48,18 @@ <h3 class="box-title">
 		</div>
 
 		<div class="col-md-1">
-			<div id="import-button-container">
-				<a>
-					<i class="fa fa-angle-double-left import-button" ng-click="importModel()" ng-disabed="showAddFunctionBlockButton" ng-show="showImportButton"></i>
-					<i class="fa fa-cog fa-spin fa-5x" ng-hide="showImportButton"></i>
-				</a>
+			<div class="center-col">
+				<div class="center-container" ng-show="showImportButton">
+					<a>
+						<i class="fa fa-angle-double-left import-button" ng-click="importModel()" ng-disabed="showAddFunctionBlockButton"></i>
+					</a>
+				</div>
+				<div class="center-container" ng-hide="showImportButton">
+					<a>
+						<i class="fa fa-cog fa-spin fa-4x"></i>
+					</a>
+					<h5>Loading..</h6>
+				</div>
 			</div>
 		</div>
 
@@ -66,7 +73,7 @@ <h3 class="box-title">
 								<tr>
 									<th colspan="6">
 										<div class="form-inline form-group">
-											<input type="search" placeholder="Search Function Blocks"
+											<input type="search" placeholder="Search Models"
 												ng-model="queryFilter" ng-keypress="searchOnEnter($event)"
 												st-search autofocus class="queryFilter input-sm" />
 											<a id="search" class="search-button" ng-click="search()">