tools/pharos-dashboard/templates/dashboard/resource_detail.html

   1 <div class="row">
   2     <div class="col-lg-3">
   3         <div class="panel panel-default">
   4             <div class="panel-heading">
   5                 Utilization
   6             </div>
   7             <div class="panel-body">
   8                 <div class="flot-chart">
   9                     <div class="flot-chart-content" id="{{ resource.id }}_slave_utilization"></div>
  10                 </div>
  11             </div>
  12         </div>
  13     </div>
  14     <div class="col-lg-9">
  15         <div class="panel panel-default">
  16             <div class="panel-heading">
  17                 Servers
  18             </div>
  19             <div class="panel-body">
  20                 <div class="dataTables_wrapper">
  21                     <table class="table table-striped table-bordered table-hover"
  22                            id="{{ resource.id }}_server_table" cellspacing="0"
  23                            width="100%">
  24                         {% include "dashboard/server_table.html" %}
  25                     </table>
  26                 </div>
  27             </div>
  28         </div>
  29     </div>
  30 </div>
  31 <div class="row">
  32     <div class="col-lg-6">
  33         <div class="panel panel-default">
  34             <div class="panel-heading">
  35                 Bookings
  36             </div>
  37             <div class="panel-body">
  38                 <div class="dataTables_wrapper">
  39                     <table class="table table-striped table-bordered table-hover"
  40                            id="{{ resource.id }}_bookings_table" cellspacing="0"
  41                            width="100%">
  42                         {% include "booking/booking_table.html" %}
  43                     </table>
  44                 </div>
  45             </div>
  46         </div>
  47     </div>
  48 </div>
  49
  50 <script type="text/javascript">
  51     var data_{{ resource.id }} = [{
  52         label: "Offline",
  53         data: {{ utilization.offline }},
  54         color: '#d9534f'
  55     }, {
  56         label: "Online",
  57         data: {{ utilization.online }},
  58         color: '#5cb85c'
  59     }, {
  60         label: "Idle",
  61         data: {{ utilization.idle }},
  62         color: '#5bc0de'
  63     }];
  64 </script>