Mercurial > libervia-templates
annotate sat_templates/templates/default/components/block.html @ 295:1de599c5a68f
bulma (base): loading screen:
when the `loading_screen` variable is set before extending `base/base.html`, a loading
modal is shown (and must be removed via JavaScript). This avoids the user to try to use an
interface which is not reactive or working normally because JS is not fully loaded yet.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 27 Nov 2020 12:24:03 +0100 |
| 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 %} |