From 8179f38063d4ab6e7ed34f0333000eb2827f0787 Mon Sep 17 00:00:00 2001
From: Jens-Erik Weber <Jens-Erik.Weber@passiv.de>
Date: Thu, 26 Sep 2024 00:43:27 +0200
Subject: [PATCH] Add a ui container to the app hook template

This addresses the new structure necessary for django CMS 4.1 in order to avoid
having placeholders in app hook templates.
---
 src/djangocms_events/__about__.py             |   2 +-
 .../djangocms_events/event_list.html          | 135 +++++++++---------
 2 files changed, 69 insertions(+), 68 deletions(-)

diff --git a/src/djangocms_events/__about__.py b/src/djangocms_events/__about__.py
index 661ce31..846c9e8 100644
--- a/src/djangocms_events/__about__.py
+++ b/src/djangocms_events/__about__.py
@@ -1,4 +1,4 @@
 # SPDX-FileCopyrightText: 2023-present Jens-Erik Weber <Jens-Erik.Weber@passiv.de>
 #
 # SPDX-License-Identifier: MIT
-__version__ = "0.1.9dev1"
+__version__ = "0.1.9dev2"
diff --git a/src/djangocms_events/templates/djangocms_events/event_list.html b/src/djangocms_events/templates/djangocms_events/event_list.html
index 6187701..d5fc353 100644
--- a/src/djangocms_events/templates/djangocms_events/event_list.html
+++ b/src/djangocms_events/templates/djangocms_events/event_list.html
@@ -14,80 +14,81 @@
 <script src="{% static 'djangocms_events/webpack/calendar.bundle.js' %}"></script>
 {% endaddtoblock %}
 
-<h1 class="ui header">{% translate "Calendar" %} <span id="cal-date"></span></h1>
+<div class="ui container">
+    <h1 class="ui header">{% translate "Calendar" %} <span id="cal-date"></span></h1>
 
-<div>
-	<div class="ui primary icon buttons">
-		<button id="cal-prev" class="ui button"><i class="ui arrow left icon"></i></button>
-		<button id="cal-today" class="ui button"><i class="ui circle icon"></i></button>
-		<button id="cal-next" class="ui button"><i class="ui arrow right icon"></i></button>
-	</div>
-	{% if show_month_week_day_control %}
-	<div class="ui primary buttons">
-		<button id="cal-day" class="ui button">{% translate "Day" %}</button>
-		<button id="cal-week" class="ui button">{% translate "Week" %}</button>
-		<button id="cal-month" class="ui button">{% translate "Month" %}</button>
-	</div>
-	{% endif %}
-</div>
+    <div>
+        <div class="ui primary icon buttons">
+            <button id="cal-prev" class="ui button"><i class="ui arrow left icon"></i></button>
+            <button id="cal-today" class="ui button"><i class="ui circle icon"></i></button>
+            <button id="cal-next" class="ui button"><i class="ui arrow right icon"></i></button>
+        </div>
+        {% if show_month_week_day_control %}
+        <div class="ui primary buttons">
+            <button id="cal-day" class="ui button">{% translate "Day" %}</button>
+            <button id="cal-week" class="ui button">{% translate "Week" %}</button>
+            <button id="cal-month" class="ui button">{% translate "Month" %}</button>
+        </div>
+        {% endif %}
+    </div>
 
-<div id="calendar" style="height: 500px;"></div>
+    <div id="calendar" style="height: 500px;"></div>
 
-<div class="ui three item menu">
-	<a class="{% if set == 'past' %}active {% endif %}item"
-	   href="{% url 'djangocms_events:past_event_list' %}">
-		{% translate "Past events" %}
-	</a>
-	<a class="{% if set == 'future' %}active {% endif %}item"
-	   href="{% url 'djangocms_events:future_event_list' %}">
-		{% translate "Future events" %}
-	</a>
-	<a class="{% if set == 'all' %}active {% endif %}item" href="{% url 'djangocms_events:event_list' %}">
-		{% translate "All events" %}
-	</a>
-</div>
+    <div class="ui three item menu">
+        <a class="{% if set == 'past' %}active {% endif %}item"
+           href="{% url 'djangocms_events:past_event_list' %}">
+            {% translate "Past events" %}
+        </a>
+        <a class="{% if set == 'future' %}active {% endif %}item"
+           href="{% url 'djangocms_events:future_event_list' %}">
+            {% translate "Future events" %}
+        </a>
+        <a class="{% if set == 'all' %}active {% endif %}item" href="{% url 'djangocms_events:event_list' %}">
+            {% translate "All events" %}
+        </a>
+    </div>
 
-<div class="ui divided items">
-	{% for event in event_list|slice:nr_initially_shown %}
-	{% include "./include/event_item.html" %}
-	{% endfor %}
-</div>
+    <div class="ui divided items">
+        {% for event in event_list|slice:nr_initially_shown %}
+        {% include "./include/event_item.html" %}
+        {% endfor %}
+    </div>
 
-{% if event_list.count > nr_initially_shown %}
-<div class="ui accordion">
-	<div class="title">
-		<i class="dropdown icon"></i>
-		<button class="ui button">{% trans "Show more…" %}</button>
-	</div>
-	<div class="content">
-		<div class="ui divided items">
-			{% for event in event_list|slice:slice_2 %}
-			{% include "./include/event_item.html" %}
-			{% endfor %}
-		</div>
-	</div>
-</div>
-{% endif %}
+    {% if event_list.count > nr_initially_shown %}
+    <div class="ui accordion">
+        <div class="title">
+            <i class="dropdown icon"></i>
+            <button class="ui button">{% trans "Show more…" %}</button>
+        </div>
+        <div class="content">
+            <div class="ui divided items">
+                {% for event in event_list|slice:slice_2 %}
+                {% include "./include/event_item.html" %}
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+    {% endif %}
 
-<div class="ui pagination menu">
-	{% if page_obj.has_previous %}
-	<a class="item" href="?page=1">&laquo; first</a>
-	<a class="item" href="?page={{ page_obj.previous_page_number }}">previous</a>
-	{% endif %}
-	
-	<span class="active item">
-		Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
-	</span>
-	
-	{% if page_obj.has_next %}
-	<a class="item" href="?page={{ page_obj.next_page_number }}">next</a>
-	<a class="item" href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
-	{% endif %}
-</div>
+    <div class="ui pagination menu">
+        {% if page_obj.has_previous %}
+        <a class="item" href="?page=1">&laquo; first</a>
+        <a class="item" href="?page={{ page_obj.previous_page_number }}">previous</a>
+        {% endif %}
+
+        <span class="active item">
+            Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+        </span>
 
-<div class="ui modal" id="djangocms-event-detail"></div>
+        {% if page_obj.has_next %}
+        <a class="item" href="?page={{ page_obj.next_page_number }}">next</a>
+        <a class="item" href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
+        {% endif %}
+    </div>
 
-{% include "./include/calendar-js.html" %}
-{% include "./include/event-list-js.html" %}
+    <div class="ui modal" id="djangocms-event-detail"></div>
 
+    {% include "./include/calendar-js.html" %}
+    {% include "./include/event-list-js.html" %}
+</div>
 {% endblock content %}
\ No newline at end of file