show button if insctive jobs available

This commit is contained in:
2022-01-04 12:02:57 +00:00
parent 6d244b7f1f
commit 7f1a76cf19

View File

@@ -16,14 +16,16 @@
</div> </div>
{% if active_jobs or inactive_jobs %} {% if active_jobs or inactive_jobs %}
<h3 class="group mt-4 mb-2 text-lg text-gray-900">Ehrenamtliche Tätigkeiten: <h3 class="group mt-4 mb-2 text-lg text-gray-900">Ehrenamtliche Tätigkeiten:
<button class="inline float-right text-sm px-2 py-1 text-gray-600 md:text-gray-500 group-hover:text-gray-600 border rounded border-gray-500 md:border-gray-400 group-hover:border-gray-500" {% if inactive_jobs %}
@click="expandList = ! expandList" <button class="inline float-right text-sm px-2 py-1 text-gray-600 md:text-gray-500 group-hover:text-gray-600 border rounded border-gray-500 md:border-gray-400 group-hover:border-gray-500"
> @click="expandList = ! expandList"
<span x-show="!expandList">Mehr</span><span x-show="expandList">Weniger</span><span class="hidden md:inline"> anzeigen</span> >
<i class="fa-fw fa-solid fa-angle-left transition transform -ml-1" <span x-show="!expandList">Mehr</span><span x-show="expandList">Weniger</span><span class="hidden md:inline"> anzeigen</span>
:class="expandList ? '-rotate-90' : ''" <i class="fa-fw fa-solid fa-angle-left transition transform -ml-1"
></i> :class="expandList ? '-rotate-90' : ''"
</button> ></i>
</button>
{% endif %}
</h3> </h3>
<ul class="flex flex-col gap-1"> <ul class="flex flex-col gap-1">