dashboard/src/templates/booking/booking_list.html

   1 {% extends "base.html" %}
   2 {% load staticfiles %}
   3
   4 {% block extrahead %}
   5     <!-- DataTables CSS -->
   6     <link href="{% static "bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" %}"
   7           rel="stylesheet">
   8
   9     <!-- DataTables Responsive CSS -->
  10     <link href="{% static "bower_components/datatables-responsive/css/dataTables.responsive.css" %}"
  11           rel="stylesheet">
  12 {% endblock extrahead %}
  13
  14 {% block content %}
  15     <div class="row">
  16                 <div class="panel-body">
  17                     <div class="dataTables_wrapper">
  18                         <table class="table table-striped table-bordered table-hover" id="table"
  19                                cellspacing="0"
  20                                width="100%">
  21                             {% include "booking/booking_table.html" %}
  22                         </table>
  23                     </div>
  24                     <!-- /.table-responsive -->
  25                 <!-- /.panel-body -->
  26             <!-- /.panel -->
  27         </div>
  28         <!-- /.col-lg-12 -->
  29     </div>
  30 {% endblock content %}
  31
  32 {% block extrajs %}
  33     <!-- DataTables JavaScript -->
  34     <link href="{% static "bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" %}"
  35           rel="stylesheet">
  36
  37
  38     <script src={% static "bower_components/datatables/media/js/jquery.dataTables.min.js" %}></script>
  39     <script src={% static "bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js" %}></script>
  40
  41     <script type="text/javascript">
  42         $(document).ready(function () {
  43             $('#table').DataTable({
  44                 scrollX: true,
  45                 });
  46         });
  47     </script>
  48 {% endblock extrajs %}