bofh/fet2020
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix alpine-js stuffs blocked by csp

Browse Source
This commit is contained in:
Patrick Mayr
2022-11-29 10:06:04 +00:00
parent a62ec0c2cb
commit a8c52bdf7b
2 changed files with 157 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
fet2020/templates/intern/index.html
View File

@@ -9,16 +9,16 @@
<div class="flex flex-col gap-y-4 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
{% regroup topic by topic_group as topic_group_list %}
{% for topic_group in topic_group_list %}
<section x-data="{ expandList: $persist(true).as('expandListState-{{ topic_group.grouper.title }}') }">
<section x-data="internExpandList">
<div class="flex gap-x-6">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="expandList = ! expandList">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="toggleExpandList">
<i class="fa-fw fa-solid fa-angle-right transition transform origin-center"
:class="expandList ? 'rotate-90' : ''"
x-ref="rotate"
></i>
{{ topic_group.grouper.title }}
</h2>
<button class="border border-gray-700 dark:border-gray-300 rounded px-1.5 text-sm hidden sm:block"
x-show="expandList"
x-show="getExpandList"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="transform origin-top opacity-0 -translate-x-6"
x-transition:enter-end="transform origin-top opacity-100 translate-x-0"
@@ -27,7 +27,7 @@
x-transition:leave-end="transform origin-top opacity-0 -translate-x-6"
><a href="{% url 'intern:topic-create' topic_group.grouper.slug %}"><i class="fa-solid fa-plus mr-1"></i>Eintrag hinzufügen</a></button>
</div>
<ul class="ml-7 w-fit" x-show="expandList" x-collapse>
<ul class="ml-7 w-fit" x-show="getExpandList" x-collapse>
{% for topic in topic_group.list %}
<li><a href="{% url 'intern:topic' topic.topic_group.slug topic.slug %}" class="w-full py-1 inline-block">{{ topic.title }}</a></li>
{% endfor %}
@@ -41,11 +41,11 @@
{% endfor %}
{% for topic_group in empty_topic_groups %}
<section x-data="{ expandList: $persist(true).as('expandListState-{{ topic_group.title }}') }">
<section x-data="internExpandList">
<div class="flex gap-x-6">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="expandList = ! expandList">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="toggleExpandList">
<i class="fa-fw fa-solid fa-angle-right transition transform origin-center"
:class="expandList ? 'rotate-90' : ''"
xref="rotate"
></i>
{{ topic_group.title }}
</h2>
@@ -59,7 +59,7 @@
x-transition:leave-end="transform origin-top opacity-0 -translate-x-6"
><a href="{% url 'intern:topic-create' topic_group.slug %}"><i class="fa-solid fa-plus mr-1"></i>Eintrag hinzufügen</a></button>
</div>
<ul class="ml-7 w-fit" x-show="expandList" x-collapse>
<ul class="ml-7 w-fit" x-show="getExpandList" x-collapse>
<li class="py-1">
<a href="{% url 'intern:topic-create' topic_group.slug %}" class="border border-gray-700 dark:border-gray-300 rounded px-1.5 py-1 text-sm sm:hidden">
<i class="fa-solid fa-plus mr-1"></i>Eintrag hinzufügen
@@ -70,16 +70,16 @@
{% endfor %}
{% if archive_topic %}
<section x-data="{ expandList: $persist(true).as('expandListState-Archive') }">
<section x-data="internExpandList">
<div class="flex gap-x-6">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="expandList = ! expandList">
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 cursor-pointer" @click="toggleExpandList">
<i class="fa-fw fa-solid fa-angle-right transition transform origin-center"
:class="expandList ? 'rotate-90' : ''"
xref="rotate"
></i>
Archiv
</h2>
</div>
<ul class="ml-7 w-fit" x-show="expandList" x-collapse>
<ul class="ml-7 w-fit" x-show="getExpandList" x-collapse>
{% for topic in archive_topic %}
<li><a href="{% url 'intern:topic' topic.topic_group.slug topic.slug %}" class="w-full py-1 inline-block">{{ topic.title }}</a></li>
{% endfor %}