diff options
author | Jonathan Tschanter <jmtw@tutanota.de> | 2022-01-21 15:13:35 +0100 |
---|---|---|
committer | Jonathan Tschanter <jmtw@tutanota.de> | 2022-01-21 15:13:35 +0100 |
commit | 432bba3dee1d9be25b9626ac45115929a6422961 (patch) | |
tree | 22964fb4b3f55aa1594067af238344f150d4d9ad /templates/card/card_display.twig | |
parent | 2bde1b0660585e16116fbd12c86b53e886b6f3be (diff) |
Add layout based on list entries
Diffstat (limited to 'templates/card/card_display.twig')
-rw-r--r-- | templates/card/card_display.twig | 51 |
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 %} |