From 0f951dcf029d4af284467543a3afdf5bf6581a20 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Tue, 23 Apr 2024 11:16:38 +0100
Subject: switched to Django

---
 templates/w3/layout/alert.html                     |  4 ++
 templates/w3/layout/attrs.html                     |  1 +
 templates/w3/layout/baseinput.html                 |  9 ++++
 templates/w3/layout/button.html                    |  1 +
 templates/w3/layout/buttonholder.html              |  4 ++
 templates/w3/layout/checkboxselectmultiple.html    | 29 ++++++++++++
 .../w3/layout/checkboxselectmultiple_inline.html   | 14 ++++++
 templates/w3/layout/column.html                    |  4 ++
 templates/w3/layout/div.html                       |  4 ++
 templates/w3/layout/field_errors.html              |  5 +++
 templates/w3/layout/field_errors_block.html        |  5 +++
 templates/w3/layout/field_file.html                | 52 ++++++++++++++++++++++
 templates/w3/layout/field_with_buttons.html        | 17 +++++++
 templates/w3/layout/fieldset.html                  |  6 +++
 templates/w3/layout/formactions.html               |  9 ++++
 templates/w3/layout/help_text.html                 |  7 +++
 templates/w3/layout/help_text_and_errors.html      | 13 ++++++
 templates/w3/layout/inline_field.html              | 29 ++++++++++++
 templates/w3/layout/modal.html                     | 15 +++++++
 templates/w3/layout/multifield.html                | 27 +++++++++++
 templates/w3/layout/prepended_appended_text.html   | 51 +++++++++++++++++++++
 templates/w3/layout/radioselect.html               | 29 ++++++++++++
 templates/w3/layout/radioselect_inline.html        | 14 ++++++
 templates/w3/layout/row.html                       |  3 ++
 templates/w3/layout/tab-link.html                  |  1 +
 templates/w3/layout/tab.html                       |  6 +++
 templates/w3/layout/uneditable_input.html          | 14 ++++++
 27 files changed, 373 insertions(+)
 create mode 100644 templates/w3/layout/alert.html
 create mode 100644 templates/w3/layout/attrs.html
 create mode 100644 templates/w3/layout/baseinput.html
 create mode 100644 templates/w3/layout/button.html
 create mode 100644 templates/w3/layout/buttonholder.html
 create mode 100644 templates/w3/layout/checkboxselectmultiple.html
 create mode 100644 templates/w3/layout/checkboxselectmultiple_inline.html
 create mode 100644 templates/w3/layout/column.html
 create mode 100644 templates/w3/layout/div.html
 create mode 100644 templates/w3/layout/field_errors.html
 create mode 100644 templates/w3/layout/field_errors_block.html
 create mode 100644 templates/w3/layout/field_file.html
 create mode 100644 templates/w3/layout/field_with_buttons.html
 create mode 100644 templates/w3/layout/fieldset.html
 create mode 100644 templates/w3/layout/formactions.html
 create mode 100644 templates/w3/layout/help_text.html
 create mode 100644 templates/w3/layout/help_text_and_errors.html
 create mode 100644 templates/w3/layout/inline_field.html
 create mode 100644 templates/w3/layout/modal.html
 create mode 100644 templates/w3/layout/multifield.html
 create mode 100644 templates/w3/layout/prepended_appended_text.html
 create mode 100644 templates/w3/layout/radioselect.html
 create mode 100644 templates/w3/layout/radioselect_inline.html
 create mode 100644 templates/w3/layout/row.html
 create mode 100644 templates/w3/layout/tab-link.html
 create mode 100644 templates/w3/layout/tab.html
 create mode 100644 templates/w3/layout/uneditable_input.html

(limited to 'templates/w3/layout')

diff --git a/templates/w3/layout/alert.html b/templates/w3/layout/alert.html
new file mode 100644
index 0000000..ba20ae9
--- /dev/null
+++ b/templates/w3/layout/alert.html
@@ -0,0 +1,4 @@
+<div{% if alert.css_id %} id="{{ alert.css_id }}"{% endif %}{% if alert.css_class %} class="{{ alert.css_class }}"{% endif %}>
+    {% if dismiss %}<button type="button" class="close" data-dismiss="alert">&times;</button>{% endif %}
+    {{ content }}
+</div>
diff --git a/templates/w3/layout/attrs.html b/templates/w3/layout/attrs.html
new file mode 100644
index 0000000..c52de9e
--- /dev/null
+++ b/templates/w3/layout/attrs.html
@@ -0,0 +1 @@
+{% for name, value in widget.attrs.items %}{% if value is not False %} {{ name }}{% if value is not True %}="{{ value|stringformat:'s' }}"{% endif %}{% endif %}{% endfor %}
diff --git a/templates/w3/layout/baseinput.html b/templates/w3/layout/baseinput.html
new file mode 100644
index 0000000..ffde644
--- /dev/null
+++ b/templates/w3/layout/baseinput.html
@@ -0,0 +1,9 @@
+<input type="{{ input.input_type }}"
+    name="{% if input.name|wordcount > 1 %}{{ input.name|slugify }}{% else %}{{ input.name }}{% endif %}"
+    value="{{ input.value }}"
+    {% if input.input_type != "hidden" %}
+        class="{{ input.field_classes }}"
+        id="{{ input.id }}"
+    {% endif %}
+    {{ input.flat_attrs }}
+    />
diff --git a/templates/w3/layout/button.html b/templates/w3/layout/button.html
new file mode 100644
index 0000000..f41f9cf
--- /dev/null
+++ b/templates/w3/layout/button.html
@@ -0,0 +1 @@
+<button {{ button.flat_attrs }}>{{ button.content }}</button>
diff --git a/templates/w3/layout/buttonholder.html b/templates/w3/layout/buttonholder.html
new file mode 100644
index 0000000..bad9405
--- /dev/null
+++ b/templates/w3/layout/buttonholder.html
@@ -0,0 +1,4 @@
+<div {% if buttonholder.css_id %}id="{{ buttonholder.css_id }}"{% endif %}
+    class="buttonHolder{% if buttonholder.css_class %} {{ buttonholder.css_class }}{% endif %}">
+       {{ fields_output }}
+</div>
diff --git a/templates/w3/layout/checkboxselectmultiple.html b/templates/w3/layout/checkboxselectmultiple.html
new file mode 100644
index 0000000..c943fc4
--- /dev/null
+++ b/templates/w3/layout/checkboxselectmultiple.html
@@ -0,0 +1,29 @@
+{% load crispy_forms_filters %}
+{% load l10n %}
+
+<div {% if field_class %}class="{{ field_class }}"{% endif %}{% if flat_attrs %} {{ flat_attrs }}{% endif %}>
+
+    {% for group, options, index in field|optgroups %}
+    {% if group %}<strong>{{ group }}</strong>{% endif %}
+    {% for option in options %}
+    <div class="{%if use_custom_control%}custom-control custom-checkbox{% if inline_class %} custom-control-inline{% endif %}{% else %}form-check{% if inline_class %} form-check-inline{% endif %}{% endif %}">
+        <input type="checkbox" class="{%if use_custom_control%}custom-control-input{% else %}form-check-input{% endif %}{% if field.errors %} is-invalid{% endif %}" name="{{ field.html_name }}" value="{{ option.value|unlocalize }}" {% include "w3/layout/attrs.html" with widget=option %}>
+        <label class="{%if use_custom_control%}custom-control-label{% else %}form-check-label{% endif %}" for="{{ option.attrs.id }}">
+            {{ option.label|unlocalize }}
+        </label>
+        {% if field.errors and forloop.last and not inline_class and forloop.parentloop.last %}
+            {% include 'w3/layout/field_errors_block.html' %}
+            {% endif %}
+    </div>
+   {% endfor %}
+   {% endfor %}
+    {% if field.errors and inline_class %}
+    <div class="w-100 {%if use_custom_control%}custom-control custom-checkbox{% if inline_class %} custom-control-inline{% endif %}{% else %}form-check{% if inline_class %} form-check-inline{% endif %}{% endif %}">
+        {# the following input is only meant to allow boostrap to render the error message as it has to be after an invalid input. As the input has no name, no data will be sent. #}
+        <input type="checkbox" class="custom-control-input {% if field.errors %}is-invalid{%endif%}">
+        {% include 'w3/layout/field_errors_block.html' %}
+    </div>
+    {% endif %}
+
+    {% include 'w3/layout/help_text.html' %}
+</div>
diff --git a/templates/w3/layout/checkboxselectmultiple_inline.html b/templates/w3/layout/checkboxselectmultiple_inline.html
new file mode 100644
index 0000000..10f0e9e
--- /dev/null
+++ b/templates/w3/layout/checkboxselectmultiple_inline.html
@@ -0,0 +1,14 @@
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+    <div id="div_{{ field.auto_id }}" class="form-group{% if 'form-horizontal' in form_class %} row{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+
+        {% if field.label %}
+            <label {% if field.id_for_label %}for="{{ field.id_for_label }}" {% endif %} class="{{ label_class }}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
+                {{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
+            </label>
+        {% endif %}
+
+        {% include 'w3/layout/checkboxselectmultiple.html' %}
+    </div>
+{% endif %}
diff --git a/templates/w3/layout/column.html b/templates/w3/layout/column.html
new file mode 100644
index 0000000..e372c38
--- /dev/null
+++ b/templates/w3/layout/column.html
@@ -0,0 +1,4 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %}
+     class="{% if 'col' in div.css_class %}{{ div.css_class|default:'' }}{% else %}col-md {{ div.css_class|default:'' }}{% endif %}" {{ div.flat_attrs }}>
+        {{ fields }}
+</div>
diff --git a/templates/w3/layout/div.html b/templates/w3/layout/div.html
new file mode 100644
index 0000000..1651ddc
--- /dev/null
+++ b/templates/w3/layout/div.html
@@ -0,0 +1,4 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %}
+    {% if div.css_class %}class="{{ div.css_class }}"{% endif %} {{ div.flat_attrs }}>
+        {{ fields }}
+</div>
diff --git a/templates/w3/layout/field_errors.html b/templates/w3/layout/field_errors.html
new file mode 100644
index 0000000..f649872
--- /dev/null
+++ b/templates/w3/layout/field_errors.html
@@ -0,0 +1,5 @@
+{% if form_show_errors and field.errors %}
+    {% for error in field.errors %}
+        <span id="error_{{ forloop.counter }}_{{ field.auto_id }}" class="invalid-feedback"><strong>{{ error }}</strong></span>
+    {% endfor %}
+{% endif %}
diff --git a/templates/w3/layout/field_errors_block.html b/templates/w3/layout/field_errors_block.html
new file mode 100644
index 0000000..e788b79
--- /dev/null
+++ b/templates/w3/layout/field_errors_block.html
@@ -0,0 +1,5 @@
+{% if form_show_errors and field.errors %}
+    {% for error in field.errors %}
+        <p id="error_{{ forloop.counter }}_{{ field.auto_id }}" class="invalid-feedback"><strong>{{ error }}</strong></p>
+    {% endfor %}
+{% endif %}
diff --git a/templates/w3/layout/field_file.html b/templates/w3/layout/field_file.html
new file mode 100644
index 0000000..f58268a
--- /dev/null
+++ b/templates/w3/layout/field_file.html
@@ -0,0 +1,52 @@
+{% load crispy_forms_field %}
+
+<div class="{{ field_class }} mb-2">
+{% for widget in field.subwidgets %}
+{% if widget.data.is_initial %}
+<div class="input-group mb-2">
+    <div class="input-group-prepend">
+        <span class="input-group-text">{{ widget.data.initial_text }}</span>
+    </div>
+    <div class="form-control d-flex h-auto">
+        <span class="text-break" style="flex-grow:1;min-width:0">
+        <a href="{{ field.value.url }}">{{ field.value }}</a>
+        </span>
+        {% if not widget.data.required %}
+        <span class="align-self-center ml-2">
+            <span class="custom-control custom-checkbox">
+                <input type="checkbox" name="{{ widget.data.checkbox_name }}" id="{{ widget.data.checkbox_id }}" class="custom-control-input"{% if field.field.disabled %} disabled{% endif %} >
+                <label class="custom-control-label mb-0" for="{{ widget.data.checkbox_id }}">{{ widget.data.clear_checkbox_label }}</label>
+            </span>
+        </span>
+    {% endif %}
+    </div>
+</div>
+<div class="input-group mb-0">
+    <div class="input-group-prepend">
+        <span class="input-group-text">{{ widget.data.input_text }}</span>
+    </div>
+{% endif %}
+    <div class="form-control custom-file{% if field.errors %} is-invalid{%endif%}" style="border:0">
+        <input type="{{ widget.data.type }}" name="{{ widget.data.name }}" class="custom-file-input{% if widget.data.attrs.class %} {{ widget.data.attrs.class }}{% endif %}{% if field.errors %} is-invalid{%endif%}"{% if field.field.disabled %} disabled{% endif %}{% for name, value in widget.data.attrs.items %}{% if value is not False and name != 'class' %} {{ name }}{% if value is not True %}="{{ value|stringformat:'s' }}"{% endif %}{% endif %}{% endfor %}>
+        <label class="custom-file-label text-truncate" for="{{ field.id_for_label }}">---</label>
+        <script type="text/javascript" id="script-{{ field.id_for_label }}">
+            document.getElementById("script-{{ field.id_for_label }}").parentNode.querySelector('.custom-file-input').onchange =  function (e){
+                var filenames = "";
+                for (let i=0;i<e.target.files.length;i++){
+                    filenames+=(i>0?", ":"")+e.target.files[i].name;
+                }
+                e.target.parentNode.querySelector('.custom-file-label').textContent=filenames;
+            }
+        </script>
+    </div>
+    {% if not widget.data.is_initial %}
+    {% include 'w3/layout/help_text_and_errors.html' %}
+    {% endif %}
+{% if widget.data.is_initial %}
+</div>
+<div class="input-group mb-0">
+{% include 'w3/layout/help_text_and_errors.html' %}
+</div>
+{% endif %}
+{% endfor %}
+</div>
diff --git a/templates/w3/layout/field_with_buttons.html b/templates/w3/layout/field_with_buttons.html
new file mode 100644
index 0000000..234b310
--- /dev/null
+++ b/templates/w3/layout/field_with_buttons.html
@@ -0,0 +1,17 @@
+{% load crispy_forms_field %}
+
+<div{% if div.css_id %} id="{{ div.css_id }}"{% endif %} class="form-group{% if 'form-horizontal' in form_class %} row{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}{% if div.css_class %} {{ div.css_class }}{% endif %}" {{ div.flat_attrs }}>
+    {% if field.label and form_show_labels %}
+        <label for="{{ field.id_for_label }}" class="{% if 'form-horizontal' in form_class %}col-form-label {% endif %}{{ label_class }}{% if field.field.required %} requiredField{% endif %}">
+            {{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
+        </label>
+    {% endif %}
+
+    <div class="{{ field_class }}">
+        <div class="input-group {% if div.input_size %} {{ div.input_size }}{% endif %}">
+            {% crispy_field field 'class' 'form-control' %}
+            <span class="input-group-append{% if active %} active{% endif %}">{{ buttons }}</span>
+        </div>
+        {% include 'w3/layout/help_text_and_errors.html' %}
+    </div>
+</div>
diff --git a/templates/w3/layout/fieldset.html b/templates/w3/layout/fieldset.html
new file mode 100644
index 0000000..85ae30b
--- /dev/null
+++ b/templates/w3/layout/fieldset.html
@@ -0,0 +1,6 @@
+<fieldset {% if fieldset.css_id %}id="{{ fieldset.css_id }}"{% endif %}
+    {% if fieldset.css_class%}class="{{ fieldset.css_class }}"{% endif %}
+    {{ fieldset.flat_attrs }}>
+    {% if legend %}<legend>{{ legend }}</legend>{% endif %}
+    {{ fields }}
+</fieldset>
diff --git a/templates/w3/layout/formactions.html b/templates/w3/layout/formactions.html
new file mode 100644
index 0000000..04fed0b
--- /dev/null
+++ b/templates/w3/layout/formactions.html
@@ -0,0 +1,9 @@
+<div{% if formactions.flat_attrs %} {{ formactions.flat_attrs }}{% endif %} class="form-group{% if 'form-horizontal' in form_class %} row{% endif %} {{ formactions.css_class }}" {% if formactions.id %} id="{{ formactions.id }}"{% endif %}>
+    {% if label_class %}
+        <div class="aab {{ label_class }}"></div>
+    {% endif %}
+
+    <div class="{{ field_class }}">
+        {{ fields_output }}
+    </div>
+</div>
diff --git a/templates/w3/layout/help_text.html b/templates/w3/layout/help_text.html
new file mode 100644
index 0000000..3b5695c
--- /dev/null
+++ b/templates/w3/layout/help_text.html
@@ -0,0 +1,7 @@
+{% if field.help_text %}
+    {% if help_text_inline %}
+        <span id="hint_{{ field.auto_id }}" class="text-muted">{{ field.help_text|safe }}</span>
+    {% else %}
+        <small id="hint_{{ field.auto_id }}" class="form-text text-muted">{{ field.help_text|safe }}</small>
+    {% endif %}
+{% endif %}
diff --git a/templates/w3/layout/help_text_and_errors.html b/templates/w3/layout/help_text_and_errors.html
new file mode 100644
index 0000000..7313246
--- /dev/null
+++ b/templates/w3/layout/help_text_and_errors.html
@@ -0,0 +1,13 @@
+{% if help_text_inline and not error_text_inline %}
+    {% include 'w3/layout/help_text.html' %}
+{% endif %}
+
+{% if error_text_inline %}
+    {% include 'w3/layout/field_errors.html' %}
+{% else %}
+    {% include 'w3/layout/field_errors_block.html' %}
+{% endif %}
+
+{% if not help_text_inline %}
+    {% include 'w3/layout/help_text.html' %}
+{% endif %}
diff --git a/templates/w3/layout/inline_field.html b/templates/w3/layout/inline_field.html
new file mode 100644
index 0000000..aff23bb
--- /dev/null
+++ b/templates/w3/layout/inline_field.html
@@ -0,0 +1,29 @@
+{% load crispy_forms_field %}
+
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+    {% if field|is_checkbox %}
+        <div id="div_{{ field.auto_id }}" class="form-check form-check-inline{% if wrapper_class %} {{ wrapper_class }}{% endif %}">
+            <label for="{{ field.id_for_label }}" class="form-check-label{% if field.field.required %} requiredField{% endif %}">
+                {% if field.errors %}
+                    {% crispy_field field 'class' 'form-check-input is-invalid' %}
+                {% else %}
+                    {% crispy_field field 'class' 'form-check-input' %}
+                {% endif %}
+                {{ field.label }}
+            </label>
+        </div>
+    {% else %}
+        <div id="div_{{ field.auto_id }}" class="input-group{% if wrapper_class %} {{ wrapper_class }}{% endif %}">
+            <label for="{{ field.id_for_label }}" class="sr-only{% if field.field.required %} requiredField{% endif %}">
+                {{ field.label }}
+            </label>
+            {% if field.errors %}
+                {% crispy_field field 'placeholder' field.label 'class' 'form-control is-invalid' %}
+            {% else %}
+                {% crispy_field field 'placeholder' field.label 'class' 'form-control' %}
+            {% endif %}
+        </div>
+    {% endif %}
+{% endif %}
diff --git a/templates/w3/layout/modal.html b/templates/w3/layout/modal.html
new file mode 100644
index 0000000..ab18198
--- /dev/null
+++ b/templates/w3/layout/modal.html
@@ -0,0 +1,15 @@
+<div id="{{ modal.css_id }}" class="modal fade {{ modal.css_class }}" {{ modal.flat_attrs }}>
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title {{ modal.title_class }}" id="{{ modal.title_id }}">{{ modal.title }}</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true" style="float: left">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                {{ fields }}
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/templates/w3/layout/multifield.html b/templates/w3/layout/multifield.html
new file mode 100644
index 0000000..0a2c050
--- /dev/null
+++ b/templates/w3/layout/multifield.html
@@ -0,0 +1,27 @@
+{% load crispy_forms_field %}
+
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+
+    {% if field.label %}
+        <label for="{{ field.id_for_label }}"{% if labelclass %} class="{{ labelclass }}"{% endif %}>
+    {% endif %}
+
+    {% if field|is_checkbox %}
+        {% crispy_field field %}
+    {% endif %}
+
+    {% if field.label %}
+        {{ field.label }}
+    {% endif %}
+
+    {% if not field|is_checkbox %}
+        {% crispy_field field %}
+    {% endif %}
+
+    {% if field.label %}
+        </label>
+    {% endif %}
+
+{% endif %}
diff --git a/templates/w3/layout/prepended_appended_text.html b/templates/w3/layout/prepended_appended_text.html
new file mode 100644
index 0000000..1cccf79
--- /dev/null
+++ b/templates/w3/layout/prepended_appended_text.html
@@ -0,0 +1,51 @@
+{% load crispy_forms_field %}
+
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+    <div id="div_{{ field.auto_id }}" class="form-group{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if 'form-horizontal' in form_class %} row{% endif %}{% if form_group_wrapper_class %} {{ form_group_wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+
+        {% if field.label and form_show_labels %}
+            <label for="{{ field.id_for_label }}" class="{% if 'form-horizontal' in form_class %}col-form-label {% endif %}{{ label_class }}{% if field.field.required %} requiredField{% endif %}">
+                {{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
+            </label>
+        {% endif %}
+
+        <div class="{{ field_class }}">
+            <div class="input-group{% if input_size %} {{ input_size }}{% endif %}">
+                {% if crispy_prepended_text %}
+                  <div class="input-group-prepend{% if active %} active{% endif %}">
+                    <span class="input-group-text">{{ crispy_prepended_text }}</span>
+                  </div>
+                {% endif %}
+                {% if field|is_select and use_custom_control %}
+                    {% if field.errors %}
+                        {% crispy_field field 'class' 'custom-select is-invalid' %}
+                    {% else %}
+                        {% crispy_field field 'class' 'custom-select' %}
+                    {% endif %}
+                {% else %}
+                    {% if field.errors %}
+                        {% crispy_field field 'class' 'form-control is-invalid' %}
+                    {% else %}
+                        {% crispy_field field 'class' 'form-control' %}
+                    {% endif %}
+                {% endif %}
+                {% if crispy_appended_text %}
+                  <div class="input-group-append{% if active %} active{% endif %}">
+                    <span class="input-group-text">{{ crispy_appended_text }}</span>
+                  </div>
+                {% endif %}
+                {% if error_text_inline %}
+                    {% include 'w3/layout/field_errors.html' %}
+                {% else %}
+                    {% include 'w3/layout/field_errors_block.html' %}
+                {% endif %}
+            </div>
+        {% if not help_text_inline %}
+            {% include 'w3/layout/help_text.html' %}
+        {% endif %}
+        </div>
+
+    </div>
+{% endif %}
diff --git a/templates/w3/layout/radioselect.html b/templates/w3/layout/radioselect.html
new file mode 100644
index 0000000..d9c9e5a
--- /dev/null
+++ b/templates/w3/layout/radioselect.html
@@ -0,0 +1,29 @@
+{% load crispy_forms_filters %}
+{% load l10n %}
+
+<div {% if field_class %}class="{{ field_class }}"{% endif %}{% if flat_attrs %} {{ flat_attrs }}{% endif %}>
+
+    {% for group, options, index in field|optgroups %}
+    {% if group %}<strong>{{ group }}</strong>{% endif %}
+    {% for option in options %}
+      <div class="{%if use_custom_control%}custom-control custom-radio{% if inline_class %} custom-control-inline{% endif %}{% else %}form-check{% if inline_class %} form-check-inline{% endif %}{% endif %}">
+        <input type="radio" class="{%if use_custom_control%}custom-control-input{% else %}form-check-input{% endif %}{% if field.errors %} is-invalid{% endif %}" name="{{ field.html_name }}" value="{{ option.value|unlocalize }}" {% include "w3/layout/attrs.html" with widget=option %}>
+        <label class="{%if use_custom_control%}custom-control-label{% else %}form-check-label{% endif %}" for="{{ option.attrs.id }}">
+            {{ option.label|unlocalize }}
+        </label>
+        {% if field.errors and forloop.last and not inline_class and forloop.parentloop.last %}
+            {% include 'w3/layout/field_errors_block.html' %}
+        {% endif %}
+     </div>
+    {% endfor %}
+    {% endfor %}
+    {% if field.errors and inline_class %}
+    <div class="w-100 {%if use_custom_control%}custom-control custom-radio{% if inline_class %} custom-control-inline{% endif %}{% else %}form-check{% if inline_class %} form-check-inline{% endif %}{% endif %}">
+        {# the following input is only meant to allow boostrap to render the error message as it has to be after an invalid input. As the input has no name, no data will be sent. #}
+        <input type="checkbox" class="custom-control-input {% if field.errors %}is-invalid{%endif%}">
+        {% include 'w3/layout/field_errors_block.html' %}
+    </div>
+    {% endif %}
+
+    {% include 'w3/layout/help_text.html' %}
+</div>
diff --git a/templates/w3/layout/radioselect_inline.html b/templates/w3/layout/radioselect_inline.html
new file mode 100644
index 0000000..22ba321
--- /dev/null
+++ b/templates/w3/layout/radioselect_inline.html
@@ -0,0 +1,14 @@
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+    <div id="div_{{ field.auto_id }}" class="form-group{% if 'form-horizontal' in form_class %} row{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+
+        {% if field.label %}
+            <label {% if field.id_for_label %}for="{{ field.id_for_label }}" {% endif %}class="{{ label_class }}{% if not inline_class %} col-form-label{% endif %}{% if field.field.required %} requiredField{% endif %}">
+                {{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
+            </label>
+        {% endif %}
+
+        {% include 'w3/layout/radioselect.html' %}
+    </div>
+{% endif %}
diff --git a/templates/w3/layout/row.html b/templates/w3/layout/row.html
new file mode 100644
index 0000000..6922605
--- /dev/null
+++ b/templates/w3/layout/row.html
@@ -0,0 +1,3 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %} class="form-row {{ div.css_class|default:'' }}" {{ div.flat_attrs }}>
+        {{ fields }}
+</div>
diff --git a/templates/w3/layout/tab-link.html b/templates/w3/layout/tab-link.html
new file mode 100644
index 0000000..8f68f7c
--- /dev/null
+++ b/templates/w3/layout/tab-link.html
@@ -0,0 +1 @@
+<li class="nav-item"><a class="nav-link{% if 'active' in link.css_class %} active{% endif %}" href="#{{ link.css_id }}" data-toggle="tab">{{ link.name|capfirst }}{% if tab.errors %}!{% endif %}</a></li>
diff --git a/templates/w3/layout/tab.html b/templates/w3/layout/tab.html
new file mode 100644
index 0000000..59a03bd
--- /dev/null
+++ b/templates/w3/layout/tab.html
@@ -0,0 +1,6 @@
+<ul{% if tabs.css_id %} id="{{ tabs.css_id }}"{% endif %} class="nav nav-tabs">
+    {{ links }}
+</ul>
+<div class="tab-content card-body">
+    {{ content }}
+</div>
diff --git a/templates/w3/layout/uneditable_input.html b/templates/w3/layout/uneditable_input.html
new file mode 100644
index 0000000..0af45e4
--- /dev/null
+++ b/templates/w3/layout/uneditable_input.html
@@ -0,0 +1,14 @@
+{% load crispy_forms_field %}
+<div id="div_{{ field.auto_id }}" class="form-group{% if 'form-horizontal' in form_class %} row{% endif %}{% if form_show_errors and field.errors %} error{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+    <label class="{% if 'form-horizontal' in form_class %}col-form-label {% endif %}{{ label_class }}{% if field.field.required %} requiredField{% endif %}">{{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}</label>
+    <div class="{{ field_class }}">
+        {% if field|is_select and use_custom_control %}
+            {% crispy_field field 'class' 'custom-select' 'disabled' 'disabled' %}
+        {% elif field|is_file %}
+            {% crispy_field field 'class' 'form-control-file' 'disabled' 'disabled' %}
+        {% else %}
+            {% crispy_field field 'class' 'form-control' 'disabled' 'disabled' %}
+        {% endif %}
+        {% include 'w3/layout/help_text.html' %}
+    </div>
+</div>
-- 
cgit v1.2.3