Mercurial > libervia-templates
annotate sat_templates/templates/default/components/block.html @ 230:0e69b5843c2f
theme: bulma theme first draft:
This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and
Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming
conventions, and default fallbacks would lead to hard to debug conflicts.
`common.js` has been slightly improved to handle custom classed in `tab_select`
The theme is not complete yet, but it is functional.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Tue, 19 May 2020 00:02:34 +0200 |
| parents | 03c8fd941c0c |
| children |
| rev | line source |
|---|---|
| 129 | 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 %} | |
| 138 | 18 |
| 19 {% macro disco_icon_grid(disco_entities, icon_name) %} | |
| 20 {# display discovered entities in a grid | |
| 21 @param disco_entities: entities which mush have a name and url key or attribute | |
| 22 @param icon_name: name of a defined icon | |
| 23 #} | |
| 24 <ul class="grid grid--center"> | |
| 25 {% for disco_entity in disco_entities %} | |
| 26 <li class='grid__item grid__item--medium grid__item--selectable'> | |
| 27 <a href="{{disco_entity.url}}" class="items_vert--centered"> | |
|
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
28 {{ icon(icon_name, cls='icon--block icon--medium') }} |
| 138 | 29 <span>{{ disco_entity.name }}</span> |
| 30 </a> | |
| 31 </li> | |
| 32 {% endfor %} | |
| 33 </ul> | |
| 34 {% endmacro %} | |
|
196
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
35 |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
36 {% macro interests_grid(interests, default_icon_name) %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
37 {# display list of interests |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
38 @param interests: list of interests |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
39 @param default_icon_name: name of a defined icon to use when no thumb_url is available |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
40 #} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
41 <ul class="grid grid--center"> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
42 {% for interest in interests %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
43 <li class='grid__item grid__item--medium grid__item--selectable'> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
44 <a href="{{interest.url}}"> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
45 {% if interest.thumb_url %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
46 <img class="img--small" src="{{interest.thumb_url}}"> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
47 {% else %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
48 <div>{{ icon(default_icon_name, cls='icon--medium') }}</div> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
49 {% endif %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
50 <span><em>{{ interest.name|default(_("unnamed")) }}</em></span> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
51 </a> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
52 </li> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
53 {% endfor %} |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
54 </ul> |
|
03c8fd941c0c
event, photo, components: moved interests grid in a macro (in components/block)
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
55 {% endmacro %} |