From 8b32b56dd9f80736ae25a3e2192f52935e3ebfa7 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sat, 10 Apr 2021 08:24:08 +0200
Subject: [PATCH] Custom Widget to select content/invisible radio input

---
 .../templates/partials/form/inputField.html   |  4 +---
 .../templates/widgets/select_content.html     | 23 +++++++++++++++++++
 django_lostplaces/lostplaces/widgets.py       |  5 ++++
 3 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 django_lostplaces/lostplaces/templates/widgets/select_content.html
 create mode 100644 django_lostplaces/lostplaces/widgets.py

diff --git a/django_lostplaces/lostplaces/templates/partials/form/inputField.html b/django_lostplaces/lostplaces/templates/partials/form/inputField.html
index 8447c67..ce2c155 100644
--- a/django_lostplaces/lostplaces/templates/partials/form/inputField.html
+++ b/django_lostplaces/lostplaces/templates/partials/form/inputField.html
@@ -2,9 +2,7 @@
 
 <div class="LP-Input {% if classes%}{{classes}}{% endif %} {% if field.errors %} LP-Input--error {% endif %}">
     <label for="{{field.id_for_label}}" class="LP-Input__Label">{{field.label}}</label>
-    {% with class="LP-Input__Field "%}
-    {% render_field field class=class%}
-    {% endwith %}
+    {% render_field field class+='LP-Input__Field' %}
 
     <span class="LP-Input__Message">
         {% if field.errors %}
diff --git a/django_lostplaces/lostplaces/templates/widgets/select_content.html b/django_lostplaces/lostplaces/templates/widgets/select_content.html
new file mode 100644
index 0000000..5be1cab
--- /dev/null
+++ b/django_lostplaces/lostplaces/templates/widgets/select_content.html
@@ -0,0 +1,23 @@
+<ul class="{{widget.attrs.container_class}}">
+	{% for group_name, group_choices, group_index in widget.optgroups %}
+		{% for option in group_choices %}
+			{% if option.value %}
+				<li style="display: content;">
+					<input
+						style="display: none;"
+						name="{{option.name}}"
+						id="{{widget.attrs.id}}{{group_index}}"
+						type="radio"
+						value="{{option.value.instance.id}}"
+						{% if widget.attrs.current_selected_value|stringformat:'s' == option.value.instance.id|stringformat:'s' %}checked="checked"{% endif %}
+					/>
+					<label class="{{widget.attrs.item_class}}" for="{{widget.attrs.id}}{{group_index}}">
+						{% if widget.attrs.item_template %}
+							{% include widget.attrs.item_template with object=option.value.instance %}
+						{% endif %}
+					</label>
+				</li>
+			{% endif %}
+		{% endfor %}
+	{% endfor %}
+</ul>
\ No newline at end of file
diff --git a/django_lostplaces/lostplaces/widgets.py b/django_lostplaces/lostplaces/widgets.py
new file mode 100644
index 0000000..6cfa1d4
--- /dev/null
+++ b/django_lostplaces/lostplaces/widgets.py
@@ -0,0 +1,5 @@
+from django import forms
+
+class SelectContent(forms.Select):
+    template_name = 'widgets/select_content.html'
+    
\ No newline at end of file