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-3">
  33         <div class="panel panel-default">
  34             <div class="panel-heading">
  35                 Booking Utilization
  36                 <div class="pull-right">
  37                     <div class="form-group">
  38                         <select onchange="loadChartData('{{ resource.id }}_booking_utilization', this.value);">
  39                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-4 %}">
  40                                 Last Month
  41                             </option>
  42                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-1 %}">
  43                                 Last Week
  44                             </option>
  45                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=1 %}">
  46                                 Next Week
  47                             </option>
  48                             <option selected="selected"
  49                                     value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=4 %}">
  50                                 Next Month
  51                             </option>
  52                         </select>
  53                     </div>
  54                 </div>
  55             </div>
  56             <div class="panel-body">
  57                 <div class="flot-chart">
  58                     <div class="flot-chart-content"
  59                          id="{{ resource.id }}_booking_utilization"></div>
  60                 </div>
  61             </div>
  62         </div>
  63     </div>
  64     <div class="col-lg-9">
  65         <div class="panel panel-default">
  66             <div class="panel-heading">
  67                 Bookings
  68             </div>
  69             <div class="panel-body">
  70                 <div class="dataTables_wrapper">
  71                     <table class="table table-striped table-bordered table-hover"
  72                            id="{{ resource.id }}_bookings_table" cellspacing="0"
  73                            width="100%">
  74                         {% include "booking/booking_table.html" %}
  75                     </table>
  76                 </div>
  77             </div>
  78         </div>
  79     </div>
  80 </div>
  81
  82 <script type="text/javascript">
  83     var data_{{ resource.id }} = [{
  84         label: "Offline",
  85         data: {{ utilization.offline }},
  86         color: '#d9534f'
  87     }, {
  88         label: "Online",
  89         data: {{ utilization.online }},
  90         color: '#5cb85c'
  91     }, {
  92         label: "Idle",
  93         data: {{ utilization.idle }},
  94         color: '#5bc0de'
  95     }];
  96 </script>