src/templates/base/config_bundle/steps/table_formset.html

   1 {% extends "workflow/viewport-element.html" %}
   2 {% load staticfiles %}
   3
   4 {% load bootstrap4 %}
   5
   6 {% block extrahead %}
   7     <!-- DataTables CSS -->
   8     <link href="{% static "node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css" %}"
   9           rel="stylesheet">
  10
  11     <!-- DataTables Responsive CSS -->
  12     <link href="{% static "node_modules/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" %}"
  13           rel="stylesheet">
  14 {% endblock extrahead %}
  15
  16 {% block content %}
  17 {% if error %}
  18     <h1 class="text-center">{{ error }}</h1>
  19 {% else %}
  20 <div class="p-2">
  21     <form method="post" class="form" id="step_form"> <!-- formset, requires special consideration -->
  22         {% csrf_token %}
  23
  24         <div class="row">
  25             <div class="col-lg-12">
  26                 <div class="dataTables_wrapper">
  27                     <table class="table table-striped table-bordered table-hover" id="table" cellspacing="0" width="100%">
  28
  29                         {% block table %}
  30                         {% endblock table %}
  31
  32                     </table>
  33                 </div>
  34             </div>
  35         </div>
  36     </form>
  37 </div>
  38
  39 {% endif %}
  40 {% endblock content %}
  41
  42 {% block extrajs %}
  43     {{ block.super }}
  44     <!-- DataTables JavaScript -->
  45
  46     <script src={% static "node_modules/datatables.net/js/jquery.dataTables.min.js" %}></script>
  47     <script src={% static "node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js" %}></script>
  48
  49     <script src={% static "js/dataTables-sort.js" %}></script>
  50
  51     {% block tablejs %}
  52     {% endblock tablejs %}
  53 {% endblock extrajs %}