<div class="row"> <div class="col-lg-9"> <div class="panel panel-default"> <div class="panel-heading"> Status </div> <div class="panel-body"> <div class="list-group pre-scrollable"> {% for status in resource.resourcestatus_set.all %} <a href="#" class="list-group-item"> <i class="fa fa-info fa-fw"></i> {{ status.title }} <span class="pull-right text-muted small"> <em>{{ status.timestamp }}</em> </span> </a> {% endfor %} </div> </div> </div> </div> <div class="col-lg-9"> <div class="panel panel-default"> <div class="panel-heading"> Servers </div> <div class="panel-body"> <div class="dataTables_wrapper"> <table class="table table-striped table-bordered table-hover" id="{{ resource.id }}_server_table" cellspacing="0" width="100%"> {% include "dashboard/server_table.html" %} </table> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="panel panel-default"> <div class="panel-heading"> Booking Utilization <div class="pull-right"> <div class="form-group"> <select onchange="loadChartData('{{ resource.id }}_booking_utilization', this.value);"> <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-4 %}"> Last Month </option> <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=-1 %}"> Last Week </option> <option value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=1 %}"> Next Week </option> <option selected="selected" value="{% url 'dashboard:booking_utilization' resource_id=resource.id weeks=4 %}"> Next Month </option> </select> </div> </div> </div> <div class="panel-body"> <div class="flot-chart"> <div class="flot-chart-content" id="{{ resource.id }}_booking_utilization"></div> </div> </div> </div> </div> <div class="col-lg-9"> <div class="panel panel-default"> <div class="panel-heading"> Bookings </div> <div class="panel-body"> <div class="dataTables_wrapper"> <table class="table table-striped table-bordered table-hover" id="{{ resource.id }}_bookings_table" cellspacing="0" width="100%"> {% include "booking/booking_table.html" %} </table> </div> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="panel panel-default"> <div class="panel-heading"> Contact </div> <div class="panel-body"> <p> <b>Lab Owner: </b> {{ resource.owner.username }} </p> <p> <b>Email: </b> {{ resource.owner.email }} </p> <p> <a href="{% url 'booking:create' resource_id=resource.id %}" class="btn btn-primary"> Booking </a> <a href="{{ resource.url }}" class="btn btn-primary"> OPNFV Wiki </a> </p> </div> </div> </div> <div class="col-lg-6"> <div class="panel panel-default"> <div class="panel-heading"> VPN Users </div> <div class="panel-body"> <div class="dataTables_wrapper"> <table class="table table-striped table-bordered table-hover" id="{{ resource.id }}_vpn_user_table" cellspacing="0" width="100%"> <thead> <tr> <th>User</th> <th>Email</th> <th>Company</th> </tr> </thead> <tbody> {% for user in resource.vpn_users.all %} <tr> <td> {{ user.username }} </td> <td> {{ user.email }} </td> <td> {{ user.userprofile.company }} </td> </tr> {% endfor %} </table> </tbody> </div> </div> </div> </div> </div>