From eeeeaa50dc484b30b17cb1fa1925844fa634da64 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Tue, 22 Aug 2023 20:03:57 +0000
Subject: [PATCH] add new and update existing baseforms

---
 fet2020/templates/baseform/checkbox.html  | 16 ++++++++++++++++
 fet2020/templates/baseform/date.html      | 20 ++++++++++++++++++++
 fet2020/templates/baseform/date_time.html | 20 ++++++++++++++++++--
 fet2020/templates/baseform/file.html      | 13 +++++++++++++
 fet2020/templates/baseform/password.html  |  9 ++++++++-
 fet2020/templates/baseform/select.html    | 13 +++++++++----
 fet2020/templates/baseform/text.html      |  9 ++++++++-
 fet2020/templates/baseform/textarea.html  | 19 +++++++++++++++++++
 8 files changed, 111 insertions(+), 8 deletions(-)
 create mode 100644 fet2020/templates/baseform/checkbox.html
 create mode 100644 fet2020/templates/baseform/date.html
 create mode 100644 fet2020/templates/baseform/file.html
 create mode 100644 fet2020/templates/baseform/textarea.html

diff --git a/fet2020/templates/baseform/checkbox.html b/fet2020/templates/baseform/checkbox.html
new file mode 100644
index 00000000..3b706281
--- /dev/null
+++ b/fet2020/templates/baseform/checkbox.html
@@ -0,0 +1,16 @@
+<label>
+    {% if field.errors %}
+        <div class="alert alert-danger">
+            <div class="alert-body">{{ field.errors }}</div>
+        </div>
+    {% endif %}
+    <input
+        type="checkbox"
+        name="{{ field.name }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        {% if field.value %}checked{% endif %}
+        class="rounded border-gray-300 dark:border-none text-proprietary shadow-sm focus:border-blue-300 focus:ring focus:ring-offset-0 focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
+    <span class="ml-2 text-gray-700 dark:text-gray-200">{{ field.label }}</span>
+</label>
diff --git a/fet2020/templates/baseform/date.html b/fet2020/templates/baseform/date.html
new file mode 100644
index 00000000..9a6a843e
--- /dev/null
+++ b/fet2020/templates/baseform/date.html
@@ -0,0 +1,20 @@
+<label>
+    <span class="text-gray-700 dark:text-gray-200">{{ field.label }}</span>
+    {% if field.errors %}
+        <div class="alert alert-danger">
+            <div class="alert-body">{{ field.errors }}</div>
+        </div>
+    {% endif %}
+    <input
+        type="date"
+        id="id_{{ field.name }}"
+        name="{{ field.name }}"
+        {% if field.value %}value="{{ field.value|date:"Y-m-d" }}"{% endif %}
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
+    {% if field.help_text %}
+        <span class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</span>
+    {% endif %}
+</label>
diff --git a/fet2020/templates/baseform/date_time.html b/fet2020/templates/baseform/date_time.html
index 1784820e..7935f829 100644
--- a/fet2020/templates/baseform/date_time.html
+++ b/fet2020/templates/baseform/date_time.html
@@ -5,8 +5,24 @@
             <div class="alert-body">{{ field.errors }}</div>
         </div>
     {% endif %}
-    <input type="date" id="id_{{ field.name }}_0" name="{{ field.name }}_0" value="{{ field.value|date:"Y-m-d" }}" {% if field.required %}required{% endif %} class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50">
-    <input type="time" id="id_{{ field.name }}_1" name="{{ field.name }}_1" value="{{ field.value|time }}" {% if field.required %}required{% endif %} class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50">
+    <input
+        type="date"
+        id="id_{{ field.name }}_0"
+        name="{{ field.name }}_0"
+        value="{{ field.value|date:"Y-m-d" }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
+    <input
+        type="time"
+        id="id_{{ field.name }}_1"
+        name="{{ field.name }}_1"
+        value="{{ field.value|time }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
     {% if field.help_text %}
         <span class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</span>
     {% endif %}
diff --git a/fet2020/templates/baseform/file.html b/fet2020/templates/baseform/file.html
new file mode 100644
index 00000000..5a072905
--- /dev/null
+++ b/fet2020/templates/baseform/file.html
@@ -0,0 +1,13 @@
+<label>
+    <span class="text-gray-700 dark:text-gray-200">{{ field.label }}</span>
+    {% if field.errors %}
+        <div class="alert alert-danger">
+            <div class="alert-body">{{ field.errors }}</div>
+        </div>
+    {% endif %}
+    <input
+        type="file"
+        name={{ field.name }}
+        class="text-gray-700 dark:text-gray-200 block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
+</label>
diff --git a/fet2020/templates/baseform/password.html b/fet2020/templates/baseform/password.html
index 729a7aa6..0e9731a0 100644
--- a/fet2020/templates/baseform/password.html
+++ b/fet2020/templates/baseform/password.html
@@ -5,7 +5,14 @@
             <div class="alert-body">{{ field.errors }}</div>
         </div>
     {% endif %}
-    <input type="password" id="id_{{ field.name }}" name="{{ field.name }}" {% if field.required %}required{% endif %} class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50">
+    <input
+        type="password"
+        id="id_{{ field.name }}"
+        name="{{ field.name }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
     {% if field.help_text %}
         <span class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</span>
     {% endif %}
diff --git a/fet2020/templates/baseform/select.html b/fet2020/templates/baseform/select.html
index df69e7bf..ee37c873 100644
--- a/fet2020/templates/baseform/select.html
+++ b/fet2020/templates/baseform/select.html
@@ -5,9 +5,14 @@
             <div class="alert-body">{{ field.errors }}</div>
         </div>
     {% endif %}
-    <select id="id_{{ field.name }}" name="{{ field.name }}" {% if field.required %}required{% endif %} class="block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50">
-        {% for elem in field %}
-            {{ elem }}
-        {% endfor %}
+    <select
+        name="{{ field.name }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="block {% if field.field.disabled %}bg-gray-200 dark:text-gray-500{% endif %} w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
+    {% for elem in field %}
+        {{ elem }}
+    {% endfor %}
     </select>
 </label>
diff --git a/fet2020/templates/baseform/text.html b/fet2020/templates/baseform/text.html
index 37842bc8..cf407781 100644
--- a/fet2020/templates/baseform/text.html
+++ b/fet2020/templates/baseform/text.html
@@ -5,7 +5,14 @@
             <div class="alert-body">{{ field.errors }}</div>
         </div>
     {% endif %}
-    <input type="text" id="id_{{ field.name }}" name="{{ field.name }}" {% if field.value %}value="{{ field.value }}"{% endif %} {% if field.required %}required{% endif %} class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50">
+    <input
+        type="text"
+        name="{{ field.name }}"
+        {% if field.value %}value="{{ field.value }}"{% endif %}
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        class="mt-1 block w-full disabled:bg-gray-200 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >
     {% if field.help_text %}
         <span class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</span>
     {% endif %}
diff --git a/fet2020/templates/baseform/textarea.html b/fet2020/templates/baseform/textarea.html
new file mode 100644
index 00000000..8f03fcd8
--- /dev/null
+++ b/fet2020/templates/baseform/textarea.html
@@ -0,0 +1,19 @@
+<label class="block">
+    <span class="text-gray-700 dark:text-gray-200">{{ field.label }}</span>
+    {% if field.errors %}
+        <div class="alert alert-danger">
+            <div class="alert-body">{{ field.errors }}</div>
+        </div>
+    {% endif %}
+    <textarea
+        name="{{ field.name }}"
+        {% if field.field.required %}required{% endif %}
+        {% if field.field.disabled %}disabled{% endif %}
+        {% if field.field.placeholder %}placeholder="{{ field.field.placeholder }}"{% endif %}
+        {% if field.field.rows %}rows="{{ field.field.rows }}"{% endif %}
+        class="mt-1 block w-full disabled:bg-gray-200 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
+    >{% if field.value %}{{ field.value }}{% endif %}</textarea>
+    {% if field.help_text %}
+        <span class="text-gray-700 dark:text-gray-200">{{ field.help_text }}</span>
+    {% endif %}
+</label>