1 {% extends 'qcg/base.html' %}
6 <link href="{% static 'qcg/treegrid/css/jquery.treegrid.css' %}" rel="stylesheet">
13 .treegrid-expander:hover {
20 <script src="{% static 'qcg/treegrid/js/jquery.treegrid.js' %}"></script>
25 initialState: 'collapsed',
26 expanderExpandedClass: 'glyphicon glyphicon-chevron-down small',
27 expanderCollapsedClass: 'glyphicon glyphicon-chevron-right small',
28 onChange: function() {
29 $(this).find('.glyphicon-folder-open,.glyphicon-folder-close')
30 .toggleClass('glyphicon-folder-open').toggleClass('glyphicon-folder-close');
40 <h1 class="page-header">
41 {% block title %}Lista zadań{% endblock %}
44 <form class="row form-inline">
45 <div class="col-md-9 col-md-offset-1">
46 <div class="form-group">
47 <label class="sr-only" for="search">Szukaj w opisie lub uwagach</label>
48 <input type="text" class="form-control" id="search" placeholder="Szukaj w opisie lub uwagach">
50 <div class="form-group">
51 <label class="sr-only" for="status">Status</label>
52 <select class="form-control" id="status">
53 <option>Wybierz stan</option>
54 <option>PENDING</option>
55 <option>RUNNING</option>
56 <option>FAILED</option>
57 <option>FINISHED</option>
60 <div class="form-group">
61 <label class="sr-only" for="cluster">Klaster</label>
62 <select class="form-control" id="cluster">
63 <option>Wybierz klaster</option>
64 <option>Inula</option>
65 <option>Galera</option>
66 <option>Hydra</option>
71 <div class="col-md-1">
72 <button type="submit" class="btn btn-default">Filtruj</button>
78 <table class="table table-hover tree">
81 <th style="width: 80px"></th>
92 <tr class="treegrid-1">
94 <a href="{% url 'job' %}">
95 <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
99 <td>04.07.13 17:03</td>
106 <tr class="treegrid-2">
108 <a href="{% url 'job' %}">
109 <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
113 <td>04.07.13 17:03</td>
120 <tr class="treegrid-3 treegrid-parent-2">
122 <a href="{% url 'job' %}">
123 <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
127 <td>04.07.13 17:03</td>
134 <tr class="treegrid-4">
136 <a href="{% url 'job' %}">
137 <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
141 <td>04.07.13 17:03</td>
151 <nav class="text-center">
152 <ul class="pagination">
154 <a href="#" aria-label="Previous">
155 <span aria-hidden="true">«</span>
158 <li><a href="#">1</a></li>
159 <li><a href="#">2</a></li>
160 <li><a href="#">3</a></li>
161 <li><a href="#">4</a></li>
162 <li><a href="#">5</a></li>
164 <a href="#" aria-label="Next">
165 <span aria-hidden="true">»</span>
171 {% endblock container %}