dashboard/src/templates/booking/booking_list.html

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