Mercurial > libervia-templates
view sat_templates/templates/bulma/list/view_grocery.html @ 371:a5a80d761e3e
bulma (call): update template to integrate call features:
previously, call template was a minimum UI for testing implementation. This commit
introduce a usable UI with search interface, mute and full screen button, animations, and
other UI/UX improvments.
rel 423
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 09 Aug 2023 00:11:39 +0200 |
parents | 3db3509cbad1 |
children |
line wrap: on
line source
{% import 'input/form.html' as form with context %} {% import 'input/field.html' as field with context %} <div id="list" class="container has-background-white px-1 py-1"> {% for item in list_items|reverse %} {% set is_bought = item.widget_value.status == 'bought' %} <div class="item box has-background-light has-text-weight-medium {{'list-item-closed' if is_bought}}" data-item='{{item.values|tojson}}'> <div class="level is-mobile"> <div class="level-left"> <div class="level-item"> <input type="checkbox" {{"checked" if is_bought}} class="click_to_next_state"> </div> <div class="level-item"> {{item.widget_value.name}} </div> </div> <div class="level-right"> <div class="level-item"> {{item.widget_value.quantity}} </div> <div class="level-item"> <button class="delete click_to_delete"></button> </div> </div> </div> </div> {% endfor %} {% call form.form(id="post_grocery") %} {{ field.meta("type", "grocery") }} {% call field.text("name", class="has-addons", control_class="is-expanded", placeholder=_("item to get"), required=true) %} {{ field.int("quantity", control_class="has-width-7", placeholder=_("quantity"), init="", min=1, in_group=true) }} {{ field.submit("", icon="plus") }} {% endcall %} {% endcall %} </div>