From 432bba3dee1d9be25b9626ac45115929a6422961 Mon Sep 17 00:00:00 2001
From: Jonathan Tschanter <jmtw@tutanota.de>
Date: Fri, 21 Jan 2022 15:13:35 +0100
Subject: Add layout based on list entries

---
 templates/card/card_display.twig | 51 +++++++++++++++++++++++++++++-----------
 1 file changed, 37 insertions(+), 14 deletions(-)

(limited to 'templates/card/card_display.twig')

diff --git a/templates/card/card_display.twig b/templates/card/card_display.twig
index 27d5bea..7b2ed3e 100644
--- a/templates/card/card_display.twig
+++ b/templates/card/card_display.twig
@@ -4,22 +4,45 @@
   Show Card
 {% endblock %}
 {% block pagecontent %}
-  {% for meta in card.meta %}
-    <p>
-      <label>{{ meta.key }}</label><br>
-      <input type="text" name="{{ meta.key }}" value="{{ meta.value }}" disabled>
-    </p>
-  {% endfor %}
+  <div class="content">
+    <button onclick="location.href='/card/{{ card.id }}/edit'">Edit</button>
+  </div>
+
+  <div class="content">
+    <div class="row">
+      <div class="column column-5">
+        <button class="vote"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></button>
+        {{ card.getVotesTotal() }}
+        <button class="vote"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></button>
+      </div>
+      <div class="column column-95">
+        {% for meta in card.meta %}
+          <p>
+            <label>{{ meta.key }}</label><br>
+            <input type="text" name="{{ meta.key }}" value="{{ meta.value }}" disabled>
+          </p>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
 
-  <button onclick="location.href='/card/{{ card.id }}/edit'">Edit</button>
+  <div class="content content-header">
+    <h3>Artworks</h3>
+  </div>
 
-  <h4>Artworks</h4>
   {% for artwork in card.artworks %}
-    <p>
-      <img style='max-width: 100%; max-height:300px;' src='{{ artwork.path }}'>
-      <button>Up</button>
-      <button>Down</button>
-      <button onclick="location.href='/artwork/{{ artwork.id }}'">Show</button>
-    </p>
+  <div class="content">
+    <div class="row">
+      <div class="column column-5">
+        <button class="vote"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></button>
+        {{ artwork.getVotesTotal() }}
+        <button class="vote"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></button>
+      </div>
+      <div class="column column-95">
+        <img class="image" src='{{ artwork.path }}'>
+        <button onclick="location.href='/artwork/{{ artwork.id }}'">Show</button>
+      </div>
+    </div>
+  </div>
   {% endfor %}
 {% endblock %}
-- 
cgit v1.2.3