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

   1 {% load jenkins_filters %}
   2
   3 <div class="row">
   4     <div class="col-lg-3">
   5         <div class="panel panel-default">
   6             <div class="panel-heading">
   7                 Jenkins Utilization
   8                 <div class="pull-right">
   9                     <div class="form-group">
  10                         <select onchange="loadChartData('{{ resource.id }}_jenkins_utilization', this.value);">
  11                             <option value="{% url 'dashboard:jenkins_utilization' resource_id=resource.id weeks=1 %}">
  12                                 Last Week
  13                             </option>
  14                             <option value="{% url 'dashboard:jenkins_utilization' resource_id=resource.id weeks=4 %}">
  15                                 Last Month
  16                             </option>
  17                         </select>
  18                     </div>
  19                 </div>
  20             </div>
  21             <div class="panel-body">
  22                 <div class="flot-chart">
  23                     <div class="flot-chart-content"
  24                          id="{{ resource.id }}_jenkins_utilization"></div>
  25                 </div>
  26             </div>
  27         </div>
  28     </div>
  29     <div class="col-lg-9">
  30         <div class="panel panel-default">
  31             <div class="panel-heading">
  32                 Servers
  33             </div>
  34             <div class="panel-body">
  35                 <div class="dataTables_wrapper">
  36                     <table class="table table-striped table-bordered table-hover"
  37                            id="{{ resource.id }}_server_table" cellspacing="0"
  38                            width="100%">
  39                         {% include "dashboard/server_table.html" %}
  40                     </table>
  41                 </div>
  42             </div>
  43         </div>
  44     </div>
  45 </div>
  46 <div class="row">
  47     <div class="col-lg-3">
  48         <div class="panel panel-default">
  49             <div class="panel-heading">
  50                 Booking Utilization
  51                 <div class="pull-right">
  52                     <div class="form-group">
  53                         <select onchange="loadChartData('{{ resource.id }}_booking_utilization', this.value);">
  54                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-4 %}">
  55                                 Last Month
  56                             </option>
  57                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-1 %}">
  58                                 Last Week
  59                             </option>
  60                             <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=1 %}">
  61                                 Next Week
  62                             </option>
  63                             <option selected="selected"
  64                                     value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=4 %}">
  65                                 Next Month
  66                             </option>
  67                         </select>
  68                     </div>
  69                 </div>
  70             </div>
  71             <div class="panel-body">
  72                 <div class="flot-chart">
  73                     <div class="flot-chart-content"
  74                          id="{{ resource.id }}_booking_utilization"></div>
  75                 </div>
  76             </div>
  77         </div>
  78     </div>
  79     <div class="col-lg-9">
  80         <div class="panel panel-default">
  81             <div class="panel-heading">
  82                 Bookings
  83             </div>
  84             <div class="panel-body">
  85                 <div class="dataTables_wrapper">
  86                     <table class="table table-striped table-bordered table-hover"
  87                            id="{{ resource.id }}_bookings_table" cellspacing="0"
  88                            width="100%">
  89                         {% include "booking/booking_table.html" %}
  90                     </table>
  91                 </div>
  92             </div>
  93         </div>
  94     </div>
  95 </div>
  96 <div class="row">
  97     <div class="col-lg-3">
  98         <div class="panel panel-default">
  99             <div class="panel-heading">
 100                 Contact
 101             </div>
 102             <div class="panel-body">
 103                 <p>
 104                     <b>Lab Owner: </b>
 105                     {{ resource.owner.username }}
 106                 </p>
 107                 <p>
 108                     <b>Email: </b>
 109                 </p>
 110                 <p>
 111                     <a href="{% url 'booking:create' resource_id=resource.id %}" class="btn
 112                     btn-primary">
 113                         Booking
 114                     </a>
 115                     <a href="{{ resource.url }}" class="btn
 116                     btn-primary">
 117                         OPNFV Wiki
 118                     </a>
 119                 </p>
 120             </div>
 121         </div>
 122     </div>
 123     <div class="col-lg-3">
 124         <div class="panel panel-default">
 125             <div class="panel-heading">
 126                 Jenkins Status
 127             </div>
 128             <div class="panel-body">
 129                 <p>
 130                     <b>Slave Name: </b>
 131                     <a target='_blank'
 132                        href={{ resource.slave.url }}>{{ resource.slave.name }}</a>
 133                 </p>
 134                 <p>
 135                     <b>Status: </b>
 136                     {{ resource.slave.status }}
 137                 </p>
 138                 <p>
 139                     <b>Last Job: </b>
 140                     <a href="{{ resource.slave.last_job_url }}">
 141                         {{ resource.slave.last_job_name }}
 142                     </a>
 143                 </p>
 144             </div>
 145         </div>
 146     </div>
 147     <div class="col-lg-6">
 148         <div class="panel panel-default">
 149             <div class="panel-heading">
 150                 VPN Users
 151             </div>
 152             <div class="panel-body">
 153                 <div class="dataTables_wrapper">
 154                     <table class="table table-striped table-bordered table-hover"
 155                            id="{{ resource.id }}_vpn_user_table" cellspacing="0"
 156                            width="100%">
 157                         <thead>
 158                         <tr>
 159                             <th>User</th>
 160                             <th>Email</th>
 161                             <th>Company</th>
 162                         </tr>
 163                         </thead>
 164                         <tbody>
 165                         {% for user in resource.vpn_users.all %}
 166                             <tr>
 167                                 <td>
 168                                     {{ user.username }}
 169                                 </td>
 170                                 <td>
 171                                     {{ user.email }}
 172                                 </td>
 173                                 <td>
 174                                     {{ user.userprofile.company }}
 175                                 </td>
 176                             </tr>
 177                         {% endfor %}
 178                     </table>
 179                     </tbody>
 180                 </div>
 181             </div>
 182         </div>
 183     </div>
 184 </div>