Mercurial > libervia-templates
view sat_templates/templates/bulma/components/block.html @ 269:edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 14 Aug 2020 08:34:07 +0200 |
parents | 10278ba367a2 |
children | 75f1cd6da46e |
line wrap: on
line source
{% macro separator(label, align='center') %} {# display a bloc separator @param label(unicode): label to show @param align(unicode): one of "left", "center", "right" #} <div class="block_separator"> {% if align in ('center', 'right') %} <div class="block_separator__line"></div> {% endif %} <div class="block_separator__label"> {{label}} </div> {% if align in ('center', 'left') %} <div class="block_separator__line"></div> {% endif %} </div> {% endmacro %} {% macro icon_item(icon_name, label, url, class="") %} <div class="column is-2-desktop is-4-touch"> <div class="card {{class}}"> <a href="{{url}}"> <div class="card-image has-text-centered"> {{ icon(icon_name, cls='image is-64x64 is-inline-block') }} </div> <div class='card-content has-text-centered has-text-shortenable is-paddingless'> <span>{{label}}</span> </div> </a> </div> </div> {% endmacro %} {% macro disco_icon_grid(disco_entities, icon_name) %} {# display discovered entities in a grid @param disco_entities: entities which mush have a name and url key or attribute @param icon_name: name of a defined icon #} <div class="columns"> {% for disco_entity in disco_entities %} {{ icon_item(icon_name, disco_entity.name, disco_entity.url) }} {% endfor %} </div> {% endmacro %} {% macro interests_grid(interests, default_icon_name) %} {# display list of interests @param interests: list of interests @param default_icon_name: name of a defined icon to use when no thumb_url is available #} <div class="columns is-multiline"> {% for interest in interests %} <div class="column is-4 item" data-item='{{interest|tojson}}'> <div class="card"> <div class="card-header"> <div class="card-header-title"></div> <div class="card-header-icon"><button class="delete action_delete"></button></div> </div> <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> <a href="{{interest.url}}"> {% if interest.thumb_url %} <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> {% else %} <div class="is-photo-thumbnail"> {{ icon(default_icon_name, "image is-128x128") }} </div> {% endif %} </a> </div> <div class="card-content has-text-centered x-is-hoverable"> <a href="{{interest.url}}"> <span><em>{{ interest.name|default(_("unnamed")) }}</em></span> </a> </div> </div> </div> {% endfor %} </div> {% endmacro %}