comparison sat_templates/templates/bulma/components/block.html @ 245:10278ba367a2

bulma (photo/discover): design for the new theme + create button + delete button
author Goffi <goffi@goffi.org>
date Fri, 19 Jun 2020 17:57:13 +0200
parents 0e69b5843c2f
children 75f1cd6da46e
comparison
equal deleted inserted replaced
244:a62822c6a114 245:10278ba367a2
48 @param interests: list of interests 48 @param interests: list of interests
49 @param default_icon_name: name of a defined icon to use when no thumb_url is available 49 @param default_icon_name: name of a defined icon to use when no thumb_url is available
50 #} 50 #}
51 <div class="columns is-multiline"> 51 <div class="columns is-multiline">
52 {% for interest in interests %} 52 {% for interest in interests %}
53 <div class="column is-4"> 53 <div class="column is-4 item" data-item='{{interest|tojson}}'>
54 <div class="card x-is-hoverable"> 54 <div class="card">
55 <a href="{{interest.url}}"> 55 <div class="card-header">
56 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> 56 <div class="card-header-title"></div>
57 <div class="card-header-icon"><button class="delete action_delete"></button></div>
58 </div>
59 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light">
60 <a href="{{interest.url}}">
57 {% if interest.thumb_url %} 61 {% if interest.thumb_url %}
58 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> 62 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}">
59 {% else %} 63 {% else %}
60 <div class="is-photo-thumbnail"> 64 <div class="is-photo-thumbnail">
61 {{ icon(default_icon_name, "image is-128x128") }} 65 {{ icon(default_icon_name, "image is-128x128") }}
62 </div> 66 </div>
63 {% endif %} 67 {% endif %}
64 </div> 68 </a>
65 <div class="card-content has-text-centered"> 69 </div>
70 <div class="card-content has-text-centered x-is-hoverable">
71 <a href="{{interest.url}}">
66 <span><em>{{ interest.name|default(_("unnamed")) }}</em></span> 72 <span><em>{{ interest.name|default(_("unnamed")) }}</em></span>
67 </div> 73 </a>
68 </a> 74 </div>
69 </div> 75 </div>
70 </div> 76 </div>
71 {% endfor %} 77 {% endfor %}
72 </div> 78 </div>
73 {% endmacro %} 79 {% endmacro %}