{% extends "dashboard/table.html" %} {% load staticfiles %} {% load jenkins_filters %} {% block table %} <thead> <tr> <th>Name</th> <th>Slave Name</th> <th>Booked by</th> <th>Booked until</th> <th>Purpose</th> <th>Utilization</th> <th>Status</th> <th></th> <th></th> </tr> </thead> <tbody> {% for pod, booking, utilization in dev_pods %} <tr> <td> <a href={% url 'dashboard:resource' resource_id=pod.id %}>{{ pod.name }}</a> </td> <td> <a target='_blank' href={{ pod.slave.url }}>{{ pod.slave.name }}</a> </td> <td> {{ booking.user.username }} </td> <td> {{ booking.end }} </td> <td> {{ booking.purpose }} </td> <td> {{ utilization }} </td> <td style="background-color:{{ pod.slave.status | jenkins_status_color }}"> {{ pod.slave.status }} </td> <td> <a href="{% url 'booking:create' resource_id=pod.id %}" class="btn btn-primary"> Book </a> </td> <td> <a href="{% url 'dashboard:resource' resource_id=pod.id %}" class="btn btn-primary"> Info </a> </td> </tr> {% endfor %} </tbody> {% endblock table %} {% block tablejs %} <script type="text/javascript"> $(document).ready(function () { $('#table').DataTable({ scrollX: true, columnDefs: [ {type: 'status', targets: 6} ], "order": [[6, "asc"]] }); }); </script> {% endblock tablejs %}