1 files changed, 53 insertions, 0 deletions
diff --git a/src/templates/base/config_bundle/steps/table_formset.html b/src/templates/base/config_bundle/steps/table_formset.html
new file mode 100644
index 0000000..d25621e
--- /dev/null
+++ b/src/templates/base/config_bundle/steps/table_formset.html
@@ -0,0 +1,53 @@
+{% extends "workflow/viewport-element.html" %}
+{% load staticfiles %}
+
+{% load bootstrap4 %}
+
+{% block extrahead %}
+    <!-- DataTables CSS -->
+    <link href="{% static "bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css" %}"
+          rel="stylesheet">
+
+    <!-- DataTables Responsive CSS -->
+    <link href="{% static "bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" %}"
+          rel="stylesheet">
+{% endblock extrahead %}
+
+{% block content %}
+{% if error %}
+    <h1 class="text-center">{{ error }}</h1>
+{% else %}
+<div class="p-2">
+    <form method="post" class="form" id="step_form"> <!-- formset, requires special consideration -->
+        {% csrf_token %}
+
+        <div class="row">
+            <div class="col-lg-12">
+                <div class="dataTables_wrapper">
+                    <table class="table table-striped table-bordered table-hover" id="table" cellspacing="0" width="100%">
+
+                        {% block table %}
+                        {% endblock table %}
+
+                    </table>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+
+{% endif %}
+{% endblock content %}
+
+{% block extrajs %}
+    {{ block.super }}
+    <!-- DataTables JavaScript -->
+
+    <script src={% static "bower_components/datatables.net/js/jquery.dataTables.min.js" %}></script>
+    <script src={% static "bower_components/datatables.net-bs4/js/dataTables.bootstrap4.min.js" %}></script>
+
+    <script src={% static "js/dataTables-sort.js" %}></script>
+
+    {% block tablejs %}
+    {% endblock tablejs %}
+{% endblock extrajs %}