web: Refactor bugs list

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

diff --git a/src/templates/bugs/modules/list.html b/src/templates/bugs/modules/list.html
index 378b87dc6f0eb371ed80d83147c738554e9125b4..bfb8b47410d973e4598f25aee7dfeecaed05f473 100644 (file)
--- a/src/templates/bugs/modules/list.html
+++ b/src/templates/bugs/modules/list.html
@@ -1,23 +1,28 @@
-<table>
-       <tbody>
-               {% for bug in bugs %}
-                       <tr>
-                               <th scope="row">
-                                       <a href="{{ bug.url }}">{{ bug }}</a>
-                               </th>
+{% for bug in bugs %}
+       <article class="media">
+               <div class="media-left">
+                       <p class="image is-48x48">
+                               {% if bug.creator %}
+                                       <img src="{{ bug.creator.avatar(64) }}">
+                               {% end %}
+                       </p>
+               </div>
 
-                               <td>
-                                       {{ bug.summary }}
+               <div class="media-content">
+                       <p>
+                               <a href="{{ bug.url }}">{{ bug }}</a> &dash;
+                               <strong>{{ bug.summary }}</strong>
+                               <small>{{ bug.creator }}</small>
+                               <small>{{ locale.format_date(bug.created_at, shorter=True) }}</small>
 
-                                       <br>
+                               <br>
 
-                                       {{ bug.status }} {% if bug.resolution %}{{ bug.resolution }}{% end %}
+                               {{ bug.status }} {% if bug.resolution %}{{ bug.resolution }}{% end %}
 
-                                       {% if bug.assignee %}
-                                               &dash; {% module LinkToUser(bug.assignee) %}
-                                       {% end %}
-                               </td>
-                       </tr>
-               {% end %}
-       </tbody>
-</table>
+                               {% if bug.assignee %}
+                                       &dash; {% module LinkToUser(bug.assignee) %}
+                               {% end %}
+                       </p>
+               </div>
+       </article>
+{% end %}