From 0bd321e5ec59a8c2d5f0060a4ed4c0c3e5df2e39 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Tue, 17 Jun 2025 05:57:43 +0200
Subject: [PATCH] feat: Convert report detail to bulma

---
 .../fellchensammlung/details/detail-report.html        |  8 +++++---
 .../fellchensammlung/lists/list-moderation-action.html |  5 ++---
 .../partials/partial-moderation-action.html            |  4 ++--
 .../fellchensammlung/partials/partial-report.html      | 10 +++++-----
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/fellchensammlung/templates/fellchensammlung/details/detail-report.html b/src/fellchensammlung/templates/fellchensammlung/details/detail-report.html
index ec04118..abc8bf7 100644
--- a/src/fellchensammlung/templates/fellchensammlung/details/detail-report.html
+++ b/src/fellchensammlung/templates/fellchensammlung/details/detail-report.html
@@ -1,9 +1,9 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
     {% if form_complete %}
-        <h1>{% translate "Erfolgreich gemeldet" %}</h1>
+        <h1 class="title is-2">{% translate "Erfolgreich gemeldet" %}</h1>
         {% blocktranslate %}
             Wenn du sehen willst welche Moderationsentscheidungen getroffen werden, schau zu einem späteren Zeitpunkt
             wieder auf dieser Seite vorbei.
@@ -11,8 +11,10 @@
             <a href="mailto:info@notfellchen.org">info@notfellchen.org</a> Einspruch einlegen.
         {% endblocktranslate %}
     {% endif %}
+    <hr>
     {% include "fellchensammlung/partials/partial-report.html" %}
-    <h2>{% translate "Moderationsverlauf" %}</h2>
+    <hr>
+    <h1 class="title is-1">{% translate "Moderationsverlauf" %}</h1>
     {% if report.get_moderation_actions %}
         {% include "fellchensammlung/lists/list-moderation-action.html" %}
     {% else %}
diff --git a/src/fellchensammlung/templates/fellchensammlung/lists/list-moderation-action.html b/src/fellchensammlung/templates/fellchensammlung/lists/list-moderation-action.html
index 771fd04..7a4a109 100644
--- a/src/fellchensammlung/templates/fellchensammlung/lists/list-moderation-action.html
+++ b/src/fellchensammlung/templates/fellchensammlung/lists/list-moderation-action.html
@@ -1,5 +1,4 @@
-<div class="container-cards">
 {% for moderation_action in moderation_actions %}
+    <hr>
     {% include "fellchensammlung/partials/partial-moderation-action.html" %}
-{% endfor %}
-</div>
\ No newline at end of file
+{% endfor %}
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-moderation-action.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-moderation-action.html
index f645c02..143c41a 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-moderation-action.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-moderation-action.html
@@ -1,5 +1,5 @@
 {% load i18n %}
-<div class="card-animal">
-    <div class="tag">{{ moderation_action.action }}</div>
+<div class="block">
+    <h3 class="title is-4">{{ moderation_action.get_action_display }}</h3>
     <p>{{ moderation_action.public_comment }}</p>
 </div>
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/partial-report.html b/src/fellchensammlung/templates/fellchensammlung/partials/partial-report.html
index b5f9abb..384da31 100644
--- a/src/fellchensammlung/templates/fellchensammlung/partials/partial-report.html
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/partial-report.html
@@ -1,6 +1,6 @@
 {% load i18n %}
-<div class="report card">
-    <h2>
+<div class="block">
+    <h2 class="title is-3">
         {% translate 'Meldung von ' %} <a href="{{ report.reported_content_url }}"><i>{{ report.reported_content }}</i></a>
     </h2>
     {% if report.reported_broken_rules %}
@@ -19,16 +19,16 @@
         {% endif %}
     </p>
     {% if is_mod_or_above %}
-        <div class="container-edit-buttons">
+        <div class="field is-grouped">
             <form action="allow" class="">
                 {% csrf_token %}
                 <input type="hidden" name="report_id" value="{{ report.pk }}">
-                <button class="btn allow" type="submit">{% translate "Inhalt genehmigen" %}</button>
+                <button class="button is-primary" type="submit">{% translate "Inhalt genehmigen" %}</button>
             </form>
             <form action="disallow" class="">
                 {% csrf_token %}
                 <input type="hidden" name="report_id" value="{{ report.pk }}">
-                <button class="btn allow" type="submit">{% translate "Inhalt als gesperrt kennzeichnen" %}</button>
+                <button class="button is-danger" type="submit">{% translate "Inhalt als gesperrt kennzeichnen" %}</button>
             </form>
         </div>
     {% endif %}