Mercurial > libervia-templates
annotate sat_templates/templates/bulma/components/block.html @ 299:75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 20 Feb 2021 13:37:15 +0100 |
| parents | 10278ba367a2 |
| children | 2a697b1376f1 |
| rev | line source |
|---|---|
| 230 | 1 {% macro separator(label, align='center') %} |
| 2 {# display a bloc separator | |
| 3 @param label(unicode): label to show | |
| 4 @param align(unicode): one of "left", "center", "right" | |
| 5 #} | |
| 6 <div class="block_separator"> | |
| 7 {% if align in ('center', 'right') %} | |
| 8 <div class="block_separator__line"></div> | |
| 9 {% endif %} | |
| 10 <div class="block_separator__label"> | |
| 11 {{label}} | |
| 12 </div> | |
| 13 {% if align in ('center', 'left') %} | |
| 14 <div class="block_separator__line"></div> | |
| 15 {% endif %} | |
| 16 </div> | |
| 17 {% endmacro %} | |
| 18 | |
|
299
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
245
diff
changeset
|
19 {% macro icon_item(icon_name, label, url, class="", delete_icon=false, data=none) %} |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
245
diff
changeset
|
20 <div class="column is-2-desktop is-4-touch item" {% if data %}data-item='{{data|tojson}}'{% endif %}> |
| 230 | 21 <div class="card {{class}}"> |
| 22 <a href="{{url}}"> | |
| 23 <div class="card-image has-text-centered"> | |
| 24 {{ icon(icon_name, cls='image is-64x64 is-inline-block') }} | |
|
299
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
245
diff
changeset
|
25 {% if delete_icon %} |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
245
diff
changeset
|
26 <button class="delete action_delete is-small is-top-right"></button> |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
245
diff
changeset
|
27 {% endif %} |
| 230 | 28 </div> |
| 29 <div class='card-content has-text-centered has-text-shortenable is-paddingless'> | |
| 30 <span>{{label}}</span> | |
| 31 </div> | |
| 32 </a> | |
| 33 </div> | |
| 34 </div> | |
| 35 {% endmacro %} | |
| 36 | |
| 37 {% macro disco_icon_grid(disco_entities, icon_name) %} | |
| 38 {# display discovered entities in a grid | |
| 39 @param disco_entities: entities which mush have a name and url key or attribute | |
| 40 @param icon_name: name of a defined icon | |
| 41 #} | |
| 42 <div class="columns"> | |
| 43 {% for disco_entity in disco_entities %} | |
| 44 {{ icon_item(icon_name, disco_entity.name, disco_entity.url) }} | |
| 45 {% endfor %} | |
| 46 </div> | |
| 47 {% endmacro %} | |
| 48 | |
| 49 {% macro interests_grid(interests, default_icon_name) %} | |
| 50 {# display list of interests | |
| 51 @param interests: list of interests | |
| 52 @param default_icon_name: name of a defined icon to use when no thumb_url is available | |
| 53 #} | |
| 54 <div class="columns is-multiline"> | |
| 55 {% for interest in interests %} | |
|
245
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
56 <div class="column is-4 item" data-item='{{interest|tojson}}'> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
57 <div class="card"> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
58 <div class="card-header"> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
59 <div class="card-header-title"></div> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
60 <div class="card-header-icon"><button class="delete action_delete"></button></div> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
61 </div> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
62 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
63 <a href="{{interest.url}}"> |
| 230 | 64 {% if interest.thumb_url %} |
| 65 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> | |
| 66 {% else %} | |
| 67 <div class="is-photo-thumbnail"> | |
| 68 {{ icon(default_icon_name, "image is-128x128") }} | |
| 69 </div> | |
| 70 {% endif %} | |
|
245
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
71 </a> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
72 </div> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
73 <div class="card-content has-text-centered x-is-hoverable"> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
74 <a href="{{interest.url}}"> |
| 230 | 75 <span><em>{{ interest.name|default(_("unnamed")) }}</em></span> |
|
245
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
76 </a> |
|
10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
77 </div> |
| 230 | 78 </div> |
| 79 </div> | |
| 80 {% endfor %} | |
| 81 </div> | |
| 82 {% endmacro %} |