Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
[myslice.git] / portal / templates / onelab / onelab_slice-resource-view.html
1 {% extends "layout_wide.html" %}
2
3 {% block head %}
4 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC1RUj824JAiHRVqgc2CSIg4CpKHhh84Lw&sensor=false"></script>
5 <script src="{{ STATIC_URL }}js/onelab_slice-resource-view.js"></script>
6 {% endblock %}
7
8 {% block content %}
9         <div class="col-md-2">
10                 <div id="select-platform" class="list-group">
11                 </div>
12                         
13                 <ul class="list-group">
14                   <li class="list-group-item">Filter: CPU</li>
15                   <li class="list-group-item">Filter: Interface</li>
16                   <li class="list-group-item">...</li>
17                   <li class="list-group-item">...</li>
18                   <li class="list-group-item">...</li>
19                 </ul>
20         
21         </div>
22         <div class="col-md-10" style="height:100%;">
23                 <div class="row">
24                         {% include theme|add:"_widget-slice-sections.html" %}
25                 </div>
26                 <div class="row slice-pending">
27                         <ul class="nav nav-pills">
28                                 <li><a href="">Unreserved</a></li>
29                                 <li><a href="">Reserved</a></li>
30                                 <li><a href="">Pending<span class="badge" id="badge-pending" style="display:none;"></span></a></li>
31                                 <li>
32                                         <button type="button" class="btn btn-primary apply">Apply</button>
33                                         <button type="button" class="btn btn-default clear">Clear</button>
34                                 </li>
35                         </ul>
36                 </div>
37                 <div class="row">
38                         <ul class="nav nav-tabs nav-resources">
39                           <li class="active"><a data-panel="resources" href="#">Resources</a></li>
40                           <li><a data-panel="map" href="#">Map</a></li>
41                           <li><a href="#"></a></li>
42                         </ul>
43                 </div>
44                 <div class="row" style="height:100%;">
45                         <div id="resources" class="panel">
46                                 <table cellpadding="0" cellspacing="0" border="0" class="table" id="objectList"></table>
47                         </div>
48                         <div id="map" class="panel" style="height:370px;display:none;">
49                                 <div id="map-canvas" style="height:100%;"></div>
50                         </div>
51                 </div>
52         </div>
53 {% endblock %}