Mercurial > libervia-templates
annotate sat_templates/templates/bulma/input/field.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 | edefc1f25219 |
| children | fbea1b9a558f |
| rev | line source |
|---|---|
| 230 | 1 {# macros to create form fields #} |
| 2 | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
3 {% macro field(type, name, label="", value=none, class='', help="", required=false, icon_left=none, icon_right=none, attrs=none) %} |
| 230 | 4 {# generic field |
| 5 "class" keyword can be used to add classes | |
| 6 additional kwargs will be passed as attributes #} | |
| 7 | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
8 <div class="field form_input {{class}}"> |
| 230 | 9 {% set cur_id = name|next_gidx %} |
| 10 {% if label %} | |
| 11 <label for="{{cur_id}}" class="label">{{label}}</label> | |
| 12 {% endif %} | |
| 13 <div class="control{% if icon_left %} has-icons-left{% endif %}{% if icon_right %} has-icons-right{% endif %}"> | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
14 <input id="{{cur_id}}" class="input" type="{{type}}" name="{{name}}" {{"required" if required}}{{{'value': value}|xmlattr}}{{(attrs or {})|xmlattr}}> |
| 230 | 15 {% if icon_left %} |
| 16 <span class="icon is-left"> | |
| 17 {# we use <i> with font from CSS instead of SVG, because using directly SVG doesn't play way with Bulma's control #} | |
| 18 <i class="icon-{{icon_left}}"></i> | |
| 19 </span> | |
| 20 {% endif %} | |
| 21 {% if icon_right %} | |
| 22 <span class="icon is-right"> | |
| 23 <i class="icon-{{icon_right}}"></i> | |
| 24 </span> | |
| 25 {% endif %} | |
| 26 </div> | |
| 27 {% if help %} | |
| 28 <p class="help">{{help}}</p> | |
| 29 {% endif %} | |
| 30 </div> | |
| 31 {% endmacro %} | |
| 32 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
33 {% macro select(name, options_list, selected=none, required=false, multiple=false, class='') %} |
| 230 | 34 {# selection of elements with <select> |
| 35 | |
| 36 @param name: name of the field | |
| 37 @param options_list(list[str, str]): list of name, label of options | |
| 38 @param selected(none, list): list of select elements | |
| 39 @param required(bool): true this field is required | |
| 40 @param multiple(bool): true is multiple selection is possible | |
| 41 #} | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
42 <select name="{{name}}" class="form_input {{class}}" {{"required" if required}}> |
| 230 | 43 {% for value, label in options_list %} |
| 44 <option value="{{value}}" {{'selected' if selected and value in selected}}>{{label}}</option> | |
| 45 {% endfor %} | |
| 46 </select> | |
| 47 {% endmacro %} | |
| 48 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
49 {% macro choices(name, choices_list, checked=none, class='') %} |
|
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
50 <div class="control {{class}}"> |
| 230 | 51 {% for choice, label in choices_list %} |
| 52 <label class="radio" for="{{name|cur_gidx}}"> | |
| 53 <input id="{{name|next_gidx}}" type="radio" name="{{name}}" value="{{choice}}"{{" checked" if checked==choice}}> {{label}} | |
| 54 </label> | |
| 55 {% endfor %} | |
| 56 </div> | |
| 57 {% endmacro %} | |
| 58 | |
| 59 {% macro int(name, label="", init=0) %} | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
60 {{ field("number", name=name, label=label, value=init, step=1, min=0) }} |
| 230 | 61 {% endmacro %} |
| 62 | |
| 63 {% macro checkbox(name, label="", checked=false) %} | |
| 64 {% set cur_id = name|next_gidx %} | |
| 65 <label for="{{cur_id}}" class="label checkbox">{{label}}</label> | |
| 66 <input id="{{cur_id}}" type="checkbox" {% if checked %}checked=checked{% endif %}> | |
| 67 {% endmacro %} | |
| 68 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
69 {% macro text(name, label="", value=none, class='', placeholder=none, required=false, pattern=none, title=none, autocomplete=none, icon_left=none, icon_right=none) %} |
|
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
70 {{ field("text", name=name, label=label, value=value, class=class, required=required, icon_left=icon_left, icon_right=icon_right, attrs={'placeholder': placeholder, 'pattern': pattern, 'title': title, 'autocomplete': autocomplete}) }} |
| 230 | 71 {% endmacro %} |
| 72 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
73 {% macro password(name, label="", value=none, required=false, minlength=none, icon_left=none, icon_right=none) %} |
|
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
74 {{ field("password", name=name, label=label, value=value, required=required, icon_left=icon_left, icon_right=icon_right, attrs={'minlength': minlength}) }} |
| 230 | 75 {% endmacro %} |
| 76 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
77 {% macro email(name, label="", required=false, value=none, icon_left=none, icon_right=none) %} |
|
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
78 {{ field("email", name=name, label=label, value=value, required=required, icon_left=icon_left, icon_right=icon_right) }} |
| 230 | 79 {% endmacro %} |
| 80 | |
| 81 {% macro date(name, label="", required=false) %} | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
82 {{ field("date", name=name, label=label, required=required) }} |
| 230 | 83 {% endmacro %} |
| 84 | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
85 {% macro url(name, label="", class="", placeholder=none, required=false, title=none, pattern=none) %} |
|
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
86 {{ field("url", name=name, label=label, required=required, attrs={'placeholder': placeholder, 'title': title, 'pattern': pattern}) }} |
| 230 | 87 {% endmacro %} |
| 88 | |
| 89 {% macro file(name, label="", required=false) %} | |
|
249
60bf3e45d7b2
bulma (input/field): don't use kwargs anymore:
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
90 {{ field("file", name=name, label=label, required=required) }} |
| 230 | 91 {% endmacro %} |
| 92 | |
| 93 {% macro textarea(name, label="", rows=none, cols=50, placeholder='', help='', required=false) %} | |
| 94 <div class="field form_input"> | |
| 95 {% set cur_id = name|next_gidx %} | |
| 96 {% if label %} | |
| 97 <label for="{{cur_id}}" class="label">{{label}}</label> | |
| 98 {% endif %} | |
| 99 <textarea id="{{cur_id}}" name="{{name}}" {{ {"rows": rows, "cols": cols}|xmlattr }} placeholder="{{placeholder}}" {{"required" if required}} class="textarea"></textarea> | |
| 100 {% if help %} | |
| 101 <p class="help">{{help}}</p> | |
| 102 {% endif %} | |
| 103 </div> | |
| 104 {% endmacro %} | |
| 105 | |
| 106 {% macro meta(name, value) %} | |
| 107 <input type="hidden" name="{{name}}" value="{{value}}"> | |
| 108 {% endmacro %} | |
| 109 | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
110 {% macro submit(text=_("Send"), id=none, class='', attrs=none) %} |
| 230 | 111 {# submit button |
| 112 | |
| 113 @param text(str): label of the button | |
| 114 @param id(none, str): id of the element | |
| 115 #} | |
| 116 <div class="control {{class}}"> | |
|
269
edefc1f25219
bulma (input/field): fixed use of `attrs` in `field`, added args, replaced use of `kwargs`
Goffi <goffi@goffi.org>
parents:
259
diff
changeset
|
117 <button{{ {'id': id}|xmlattr }} class="button is-primary form_submit {{class}}" type="submit"{{(attrs or {})|xmlattr}}>{{text}}</button> |
| 230 | 118 </div> |
| 119 {% endmacro %} |