Using data-tables in flying teams and rooms pages

smash/web/templates/equipment_and_rooms/flying_teams/index.html

@@ -50,3 +50,23 @@
         <p>No flying teams found.</p>
     {% endif %}
 {% endblock maincontent %}
+
+{% block scripts %}
+    {{ block.super }}
+
+    <script src="{% static 'AdminLTE/plugins/datatables/jquery.dataTables.min.js' %}"></script>
+    <script src="{% static 'AdminLTE/plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
+
+    <script>
+        $(function () {
+            $('#table').DataTable({
+                "paging": true,
+                "lengthChange": false,
+                "searching": true,
+                "ordering": true,
+                "info": true,
+                "autoWidth": false
+            });
+        });
+    </script>
+{% endblock scripts %}

smash/web/templates/equipment_and_rooms/rooms/add.html

@@ -26,7 +26,7 @@
                     <div class="col-sm-6">
                         {% for field in form %}
                             <div class="form-group  {% if field.errors %}has-error{% endif %}">
-                                <label for="{# TODO #}" class="col-sm-4 control-label">
+                                <label for="{{ field.id_for_label }}" class="col-sm-4 control-label">
                                     {{ field.label }}
                                 </label>
 

smash/web/templates/equipment_and_rooms/rooms/index.html

@@ -59,3 +59,23 @@
         <p>No rooms found.</p>
     {% endif %}
 {% endblock maincontent %}
+
+{% block scripts %}
+    {{ block.super }}
+
+    <script src="{% static 'AdminLTE/plugins/datatables/jquery.dataTables.min.js' %}"></script>
+    <script src="{% static 'AdminLTE/plugins/datatables/dataTables.bootstrap.min.js' %}"></script>
+
+    <script>
+        $(function () {
+            $('#table').DataTable({
+                "paging": true,
+                "lengthChange": false,
+                "searching": true,
+                "ordering": true,
+                "info": true,
+                "autoWidth": false
+            });
+        });
+    </script>
+{% endblock scripts %}