lists: Refactor list listing

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/lists/index.html b/src/templates/lists/index.html
index 5be27f8eeca6447998d3c7f1b6f714bf11ead6dd..3d8adee2bf468a390ef435d04050812cba4c61cd 100644 (file)
--- a/src/templates/lists/index.html
+++ b/src/templates/lists/index.html
@@ -26,17 +26,30 @@
 
        <section class="section">
                <div class="container">
-                       <nav class="panel">
-                               {% for list in sorted(lists) %}
-                                       <a class="panel-block {% if list in subscribed_lists %}is-active{% end %}">
-                                               <span class="panel-icon">
-                                                       <i class="fa-solid fa-envelope" aria-hidden="true"></i>
-                                               </span>
+                       {% for list in sorted(lists) %}
+                               <div class="block">
+                                       <div class="box">
+                                               <h5 class="title is-5">
+                                                       {{ list }}
 
-                                               {{ list }}{% if list.description %} &dash; {{ list.description }}{% end %}
-                                       </a>
-                               {% end %}
-                       </nav>
+                                                       {# Show if subscribed #}
+                                                       {% if list in subscribed_lists %}
+                                                               <span class="tag is-success is-pulled-right">
+                                                                       {{ _("Subscribed") }}
+                                                               </span>
+                                                       {% else %}
+                                                               <span class="tag is-pulled-right">
+                                                                       {{ _("Not Subscribed") }}
+                                                               </span>
+                                                       {% end %}
+                                               </h5>
+
+                                               {% if list.description %}
+                                                       <h6 class="subtitle is-6">{{ list.description }}</h6>
+                                               {% end %}
+                                       </div>
+                               </div>
+                       {% end %}
                </div>
        </section>
 {% end block %}