summaryrefslogtreecommitdiffstats
path: root/tools/pharos-dashboard/src/templates/dashboard/dev_pods.html
blob: a6f3b2ee55310b67e37ed420c6d3d497ecf4232e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
{% 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 %}