annotate sat_templates/templates/bulma/components/block.html @ 281:742c59641bf5

bulma (alt media player): renamed from video to media + click_to_[action] moved to column
author Goffi <goffi@goffi.org>
date Tue, 25 Aug 2020 08:42:30 +0200
parents 10278ba367a2
children 75f1cd6da46e
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% macro separator(label, align='center') %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {# display a bloc separator
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 @param label(unicode): label to show
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 @param align(unicode): one of "left", "center", "right"
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 <div class="block_separator">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 {% if align in ('center', 'right') %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="block_separator__line"></div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="block_separator__label">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 {{label}}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 {% if align in ('center', 'left') %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 <div class="block_separator__line"></div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% endmacro %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 {% macro icon_item(icon_name, label, url, class="") %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 <div class="column is-2-desktop is-4-touch">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <div class="card {{class}}">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <a href="{{url}}">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 <div class="card-image has-text-centered">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 {{ icon(icon_name, cls='image is-64x64 is-inline-block') }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 <div class='card-content has-text-centered has-text-shortenable is-paddingless'>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 <span>{{label}}</span>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 </a>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 {% endmacro %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 {% macro disco_icon_grid(disco_entities, icon_name) %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 {# display discovered entities in a grid
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 @param disco_entities: entities which mush have a name and url key or attribute
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 @param icon_name: name of a defined icon
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 <div class="columns">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 {% for disco_entity in disco_entities %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
41 {{ icon_item(icon_name, disco_entity.name, disco_entity.url) }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
42 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 {% endmacro %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
45
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
46 {% macro interests_grid(interests, default_icon_name) %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 {# display list of interests
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 @param interests: list of interests
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 @param default_icon_name: name of a defined icon to use when no thumb_url is available
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 <div class="columns is-multiline">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 {% 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
53 <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
54 <div class="card">
10278ba367a2 bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents: 230
diff changeset
55 <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
56 <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
57 <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
58 </div>
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-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
60 <a href="{{interest.url}}">
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
61 {% if interest.thumb_url %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
62 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
63 {% else %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
64 <div class="is-photo-thumbnail">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
65 {{ icon(default_icon_name, "image is-128x128") }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
66 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
67 {% endif %}
245
10278ba367a2 bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents: 230
diff changeset
68 </a>
10278ba367a2 bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents: 230
diff changeset
69 </div>
10278ba367a2 bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents: 230
diff changeset
70 <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
71 <a href="{{interest.url}}">
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
72 <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
73 </a>
10278ba367a2 bulma (photo/discover): design for the new theme + create button + delete button
Goffi <goffi@goffi.org>
parents: 230
diff changeset
74 </div>
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
75 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
76 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
77 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
78 </div>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
79 {% endmacro %}