Mercurial > libervia-templates
annotate sat_templates/templates/default/components/block.html @ 243:2b8d18a9df00
bulma (photo/album): change for dynamic content:
- added drop zone and file selector to upload photos
- moved item template to its own file, so it can be used for dynamic content
- added delete button
- changes to manage progression bar and other stuff
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 19 Jun 2020 17:57:13 +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 %} |