From dbf87ebffcab1419cf640399c56a589a18b05a90 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Fri, 27 May 2022 10:41:05 +0000
Subject: [PATCH] add Beschlusssammlung to FET Meeting

---
 fet2020/templates/posts/show.html | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/fet2020/templates/posts/show.html b/fet2020/templates/posts/show.html
index 974e258a..0863e686 100644
--- a/fet2020/templates/posts/show.html
+++ b/fet2020/templates/posts/show.html
@@ -1,5 +1,6 @@
 {% extends 'base.html' %}
 
+{% load flatpages %}
 {% load post_helpers %}
 
 {% block title %}News{% endblock %}
@@ -155,7 +156,7 @@
                         <h2>Protokoll</h2>
                         {{ post.protocol_html|safe }}
                     {% endif %}
-				</div>
+                </div>
 
                 {% if post.post_type != 'N' %}
                     <hr class="lg:hidden -mx-4 border-gray-200 dark:border-gray-800 dark:border my-4">
@@ -250,6 +251,34 @@
                             </div>
                         </div>
                     {% endif %}
+
+                    {% get_flatpages '/bs/' for user as pages %}
+                    {% if pages %}
+                        <div class="w-full my-2 flex items-center gap-4 text-gray-700 dark:text-gray-300" x-data="{ showOptions: false }">
+                            <span class="flex-1">{{ pages.first.title }}</span>
+                            <div class="relative">
+                                <button class="sm:hidden px-2 py-1 border border-gray-300 dark:border-gray-700 rounded" @click="showOptions = true">
+                                    <i class="fa-solid fa-ellipsis-vertical fa-fw"></i>
+                                </button>
+                                <ul class="z-10 absolute top-0 right-0 sm:flex flex-row sm:static flex-none border dark:border-2 border-gray-300 dark:border-gray-700 rounded divide-y-2 sm:divide-y-0 sm:divide-x divide-gray-300 dark:divide-gray-700 bg-gray-100 dark:bg-gray-800 shadow sm:bg-transparent sm:shadow-none"
+                                    @click.outside="showOptions = false"
+                                    x-show="showOptions || $screen('sm')"
+                                    x-transition:enter="transition ease-out duration-300"
+                                    x-transition:enter-start="transform origin-right opacity-0 scale-95"
+                                    x-transition:enter-end="transform origin-right opacity-100 scale-100"
+                                    x-transition:leave="transition ease-in duration-150"
+                                    x-transition:leave-start="transform origin-right opacity-100 scale-100"
+                                    x-transition:leave-end="transform origin-right opacity-0 scale-95"
+                                >
+                                    <li class="block sm:inline-block group hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200">
+                                        <a href="{{ pages.first.url }}" class="inline-flex items-center px-2 py-1"><i class="fa-solid fa-file-lines fa-fw text-proprietary dark:text-proprietary-light md:text-inherit group-hover:text-proprietary dark:group-hover:text-proprietary-light"></i>
+                                            <span class="ml-2 sm:ml-1">Übersicht</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    {% endif %}
                 {% endif %}
 
                 {% for file in files %}