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;" style="display:none;"></div>
  49                 </div>
  50         </div>
  51 {% endblock %}