2025.12.31 02:49:47 (cachyos.cmoser.eu)

tinywiki/templates/tinywiki/page/bs-view.html

@@ -27,10 +27,11 @@
     {% endif %}
     {% if user_can_delete_wiki_page %}
     <button class="btn btn-danger"
+        type="button"
         hx-get="{% url 'tinywiki:hx-page-delete' pk=page.pk %}"
         hx-target="#modal-here"
         hx-swap="innerHTML"
-        hx-trigger="clicked"
+        hx-trigger="click"
         data-bs-toggle="modal"
         data-bs-target="#modal-here"
     >{% translate "Delete Page" %}</button>

tinywiki/templates/tinywiki/page/hx-bs-delete.html

@@ -6,18 +6,24 @@
             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
-            <form method="POST">
+            <form method="post" action="{% url 'tinywiki:hx-page-delete' pk=page.pk %}">
                 {% csrf_token %}
                 <p>
                     {% with page.slug as page_slug %}
                     {% blocktranslate %}Type <b>{{ page_slug }}</b> in the field below to delete the Wiki-Page.{% endblocktranslate %}
                     {% endwith %}
-                    <div class="form-floating form-floating-sm">
+                    <div>
+                        <label for="form.slug.id-for-label" class="visually-hidden">{{ form.slug.label }}</label>
                         {% render_field form.slug class="form-control form-cotrol-sm" placeholder=page.slug %}
-                        <label for="{{ form.slug.auto_id }}">{{ form.slug }}</label>
+
+                    </div>
                     </div>
                     <div class="text-end">
-                        <button class="btn btn-danger" type="submit">{% translate "Delete the page" %}</button>
+                        <button class="btn btn-danger"
+                            type="submit"
+                            hx-trigger="click"
+                            hx-post="{% url 'tinywiki:hx-page-delete' pk=page.pk %}"
+                        >{% translate "Delete the page" %}</button>
                         <button clasS="btn btn-secondary" type="button" data-bs-dismiss="modal">{% translate "Cancel" %}</button>
                     </div>
                 </p>
@@ -25,3 +31,4 @@
         </div>
     </div>
 </div>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js"></script>