almet/ihatemoney
1
0
Fork 0
mirror of https://github.com/spiral-project/ihatemoney.git synced 2025-05-02 03:02:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

badges for selectors, and payees in column

Browse source
This commit is contained in:
Glandos 2021-07-08 14:42:05 +02:00 committed by zorun
parent e9afc539c8
commit 3f9303d5b5
1 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ihatemoney/templates/forms.html
View file

@ -127,17 +127,20 @@
<div class="form-group row"> <div class="form-group row">
<label class="col-3" for="payed_for">{{ _("For whom?") }}</label> <label class="col-3" for="payed_for">{{ _("For whom?") }}</label>
<div class="controls col-9"> <div id="payed_for" class="controls col-9">
<div id="payed_for" class="inputs-list"> <p>
<p><a href="#" id="selectall" onclick="selectCheckboxes(true)">{{ _("Everybody") }}</a> | <a href="#" id="selectnone" onclick="selectCheckboxes(false)">{{_("Nobody")}}</a></p> <a class="badge badge-secondary" href="#" classid="selectall" onclick="selectCheckboxes(true)">{{ _("Everybody") }}</a>
{% for key, value, checked in form.payed_for.iter_choices() | sort(attribute='1') %} <a class="badge badge-secondary" href="#" id="selectnone" onclick="selectCheckboxes(false)">{{_("Nobody")}}</a>
<p class="form-check"> </p>
<div class="d-flex flex-column flex-wrap overflow-auto" style="max-height: 20em;">
{% for key, value, checked in form.payed_for.iter_choices() | sort(attribute='1') %}
<p class="form-check text-break" style="max-width: 50%;">
<label for="payed_for-{{key}}" class="form-check-label"> <label for="payed_for-{{key}}" class="form-check-label">
<input name="payed_for" type="checkbox" {% if checked %}checked{% endif %} class="form-check-input" value="{{key}}" id="payed_for-{{key}}"/> <input name="payed_for" type="checkbox" {% if checked %}checked{% endif %} class="form-check-input" value="{{key}}" id="payed_for-{{key}}"/>
<span>{{value}}</span> <span>{{value}}</span>
</label> </label>
</p> </p>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div> </div>