tools/pharos-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="col-lg-12">
  17             <div class="panel panel-default">
  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                 </div>
  28                 <!-- /.panel-body -->
  29             </div>
  30             <!-- /.panel -->
  31         </div>
  32         <!-- /.col-lg-12 -->
  33     </div>
  34 {% endblock content %}
  35
  36 {% block extrajs %}
  37     <!-- DataTables JavaScript -->
  38     <link href="{% static "bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css" %}"
  39           rel="stylesheet">
  40
  41
  42     <script src={% static "bower_components/datatables/media/js/jquery.dataTables.min.js" %}></script>
  43     <script src={% static "bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js" %}></script>
  44
  45     <script type="text/javascript">
  46         $(document).ready(function () {
  47             $('#table').DataTable({});
  48         });
  49     </script>
  50 {% endblock extrajs %}