fix selected

This commit is contained in:
2022-06-17 10:35:40 +00:00
parent 22747c1206
commit 8ecab2997f

View File

@@ -38,7 +38,7 @@
<i class="fa-solid fa-xmark"></i> <i class="fa-solid fa-xmark"></i>
</div> </div>
</div> </div>
<form action="" method="POST" class="grid grid-cols-1 gap-2 sm:gap-4" x-data="{ selectedYear: '' }"> <form action="" method="POST" class="grid grid-cols-1 gap-2 sm:gap-4" x-data="{ selectedYear: '{{ formset.year.value }}' }">
{% csrf_token %} {% csrf_token %}
{% for message in messages %} {% for message in messages %}
@@ -52,19 +52,16 @@
<label class="block"> <label class="block">
<span class="text-gray-700 dark:text-gray-200">Jahr</span> <span class="text-gray-700 dark:text-gray-200">Jahr</span>
<select 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" <select 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"
x-model="selectedYear" x-model="selectedYear"
id="id_year" id="id_year"
name="year" name="year"
> >
{% for elem in formset.year %} {% for elem in formset.year %}
{% if forloop.first %} {{ elem }}
<option value="">Alle</option>
{% else %}
{{ elem }}
{% endif %}
{% endfor %} {% endfor %}
</select> </select>
</label> </label>
<label <label
x-show="selectedYear != ''" x-show="selectedYear != ''"
x-transition:enter="transition ease-out duration-300" x-transition:enter="transition ease-out duration-300"
@@ -80,18 +77,16 @@
name="month" name="month"
> >
{% for elem in formset.month %} {% for elem in formset.month %}
{% if forloop.first %} {{ elem }}
<option value="">Alle</option>
{% else %}
{{ elem }}
{% endif %}
{% endfor %} {% endfor %}
</select> </select>
</label> </label>
<label class="inline-flex items-center"> <label class="inline-flex items-center">
<input type="checkbox" id="id_compact_view" name="compact_view" {% if formset.compact_view.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"> <input type="checkbox" id="id_compact_view" name="compact_view" {% if formset.compact_view.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">{{ formset.compact_view.label }}</span> <span class="ml-2 text-gray-700 dark:text-gray-200">{{ formset.compact_view.label }}</span>
</label> </label>
<label class="inline-flex items-center"> <label class="inline-flex items-center">
<input type="checkbox" id="id_fet_meeting_only" name="fet_meeting_only" {% if formset.fet_meeting_only.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"> <input type="checkbox" id="id_fet_meeting_only" name="fet_meeting_only" {% if formset.fet_meeting_only.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">{{ formset.fet_meeting_only.label }}</span> <span class="ml-2 text-gray-700 dark:text-gray-200">{{ formset.fet_meeting_only.label }}</span>
@@ -99,7 +94,6 @@
<input type="submit" class="block btn btn-primary" value="Anzeigen" name="btn_input"> <input type="submit" class="block btn btn-primary" value="Anzeigen" name="btn_input">
</form> </form>
</div> </div>
</div> </div>
<button id="modal-trigger-1" class="z-10 trigger fixed bottom-4 right-4 bg-proprietary-darker dark:bg-sky-500 text-blue-50 dark:text-sky-900 shadow-lg text-2xl rounded sm:hidden" <button id="modal-trigger-1" class="z-10 trigger fixed bottom-4 right-4 bg-proprietary-darker dark:bg-sky-500 text-blue-50 dark:text-sky-900 shadow-lg text-2xl rounded sm:hidden"