X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fonelab%2Fonelab_slice-resource-view.html;h=1fcecf9dd8467b936dfb22814cf68a9cbb74dec0;hb=bc8220e51030e8263081d53c7793a4a350a6e314;hp=7db76a9d32d29daee0ce63f3fb0c888b7cf3759c;hpb=9393a6bbc3529c5cb31a9ac2f0077667b2198272;p=unfold.git

diff --git a/portal/templates/onelab/onelab_slice-resource-view.html b/portal/templates/onelab/onelab_slice-resource-view.html
index 7db76a9d..1fcecf9d 100644
--- a/portal/templates/onelab/onelab_slice-resource-view.html
+++ b/portal/templates/onelab/onelab_slice-resource-view.html
@@ -1,10 +1,14 @@
-{% extends "layout-unfold1.html" %}
+{% extends "layout_wide.html" %}
 
-{% block unfold_main %}
-<div id="slice-view">	
+{% block head %}
+<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC1RUj824JAiHRVqgc2CSIg4CpKHhh84Lw&sensor=false"></script>
+<script src="{{ STATIC_URL }}js/onelab_slice-resource-view.js"></script>
+{% endblock %}
+
+{% block content %}
 	<div class="col-md-2">
-  		<div id="select-platform" class="list-group">
-  		</div>
+		<div id="select-platform" class="list-group">
+		</div>
 			
 		<ul class="list-group">
 		  <li class="list-group-item">Filter: CPU</li>
@@ -13,9 +17,9 @@
 		  <li class="list-group-item">...</li>
 		  <li class="list-group-item">...</li>
 		</ul>
-
-  	</div>
-	<div class="col-md-10">
+	
+	</div>
+	<div class="col-md-10" style="height:100%;">
 		<div class="row">
 		  	{% include theme|add:"_widget-slice-sections.html" %}
 		</div>
@@ -23,7 +27,7 @@
 			<ul class="nav nav-pills">
 				<li><a href="">Unreserved</a></li>
 				<li><a href="">Reserved</a></li>
-				<li><a href="">Pending<span class="badge">42</span></a></li>
+				<li><a href="">Pending<span class="badge" id="badge-pending" style="display:none;"></span></a></li>
 				<li>
 					<button type="button" class="btn btn-primary apply">Apply</button>
 					<button type="button" class="btn btn-default clear">Clear</button>
@@ -31,13 +35,19 @@
 			</ul>
 		</div>
 		<div class="row">
-			<ul class="nav nav-tabs">
-			  <li class="active"><a href="#">Resources</a></li>
-			  <li><a href="#"></a></li>
+			<ul class="nav nav-tabs nav-resources">
+			  <li class="active"><a data-panel="resources" href="#">Resources</a></li>
+			  <li><a data-panel="map" href="#">Map</a></li>
 			  <li><a href="#"></a></li>
 			</ul>
 		</div>
-		<table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
+		<div class="row" style="height:100%;">
+			<div id="resources" class="panel">
+				<table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
+			</div>
+			<div id="map" class="panel" style="height:370px;display:none;">
+				<div id="map-canvas" style="height:100%;"></div>
+			</div>
+		</div>
 	</div>
-</div>
-{% endblock unfold_main %}
\ No newline at end of file
+{% endblock %}
\ No newline at end of file