summaryrefslogtreecommitdiff
path: root/templates/card/card_display.twig
diff options
context:
space:
mode:
authorJonathan Tschanter <jmtw@tutanota.de>2022-01-21 15:13:35 +0100
committerJonathan Tschanter <jmtw@tutanota.de>2022-01-21 15:13:35 +0100
commit432bba3dee1d9be25b9626ac45115929a6422961 (patch)
tree22964fb4b3f55aa1594067af238344f150d4d9ad /templates/card/card_display.twig
parent2bde1b0660585e16116fbd12c86b53e886b6f3be (diff)
Add layout based on list entries
Diffstat (limited to 'templates/card/card_display.twig')
-rw-r--r--templates/card/card_display.twig51
1 files changed, 37 insertions, 14 deletions
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 %}