Mercurial > libervia-templates
annotate sat_templates/templates/default/input/field.html @ 166:178f55b825b7
small refactoring/redesign, better BEM integration:
- blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file.
- better noscript handling, dynamic elements are created using "magic" classes (dom_update.js)
- using better icons for older/newer messages
- better state handling, classes now use "state_XXX"
- more classes now use BEM convention
- menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites
- better styles.css organisation
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 03 Oct 2018 21:00:24 +0200 |
parents | e9f0a4215e46 |
children | bdc578994b97 |
rev | line source |
---|---|
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
1 {# macros to create form fields #} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
2 |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
3 {% macro field(type, name, label="", required=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
4 {# generic field |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
5 "class" keyword can be used to add classes |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
6 additional kwargs will be passed as attributes #} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
7 <span class="form_input {{kwargs.pop('class', '')}}"> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
8 {% set cur_id = name|next_gidx %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
9 {% if label %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
10 <label for="{{cur_id}}" {{'class="required"'|safe if required}}>{{label}}</label> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
11 {% endif %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
12 <input id="{{cur_id}}" type="{{type}}" name="{{name}}" {{"required" if required}} {{kwargs|xmlattr}}> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
13 </span> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
14 {% endmacro %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
15 |
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 {% macro choices(name, choices_list, checked=none) %} |
20 | 17 {% for choice, label in choices_list %} |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
18 <div class="form_input {{kwargs.pop('class', '')}}"> |
52
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
19 <input id="{{name|next_gidx}}" type="radio" name="{{name}}" value="{{choice}}"{{" checked" if checked==choice}}><label for="{{name|cur_gidx}}">{{label}}</label> |
18
d4a8afa7b590
input/field: <label> is separated from <input>
Goffi <goffi@goffi.org>
parents:
10
diff
changeset
|
20 </div> |
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 {% endfor %} |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
22 {% endmacro %} |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
23 |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
24 {% macro int(name, label="", init=0) %} |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
25 {{ field("number", name=name, label=label, value=init, step=1, min=0, **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
26 {% endmacro %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
27 |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
28 {% macro checkbox(name, label="", checked=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
29 {% if checked %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
30 {{ field("checkbox", name=name, label=label, checked="checked", **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
31 {% else %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
32 {{ field("checkbox", name=name, label=label, **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
33 {% endif %} |
52
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
34 {% endmacro %} |
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
35 |
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
36 {% macro text(name, label="", placeholder="", required=false) %} |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
37 {{ field("text", name=name, label=label, required=required, placeholder=placeholder, **kwargs) }} |
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
38 {% endmacro %} |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
39 |
52
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
40 {% macro password(name, label="", required=false) %} |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
41 {{ field("password", name=name, label=label, required=required, **kwargs) }} |
52
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
42 {% endmacro %} |
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
43 |
87680eed9e25
input(field, form): improved classes + new email field
Goffi <goffi@goffi.org>
parents:
46
diff
changeset
|
44 {% macro email(name, label="", required=false) %} |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
45 {{ field("email", name=name, label=label, required=required, **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
46 {% endmacro %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
47 |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
48 {% macro date(name, label="", required=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
49 {{ field("date", name=name, label=label, required=required, **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
50 {% endmacro %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
51 |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
52 {% macro url(name, label="", required=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
53 {{ field("url", name=name, label=label, required=required, **kwargs) }} |
27
38328c57f3ef
field: added new text and textarea macros
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
54 {% endmacro %} |
38328c57f3ef
field: added new text and textarea macros
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
55 |
153
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
56 {% macro file(name, label="", required=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
57 {{ field("file", name=name, label=label, required=required, **kwargs) }} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
58 {% endmacro %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
59 |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
60 {% macro textarea(name, label="", rows=10, cols=50, placeholder='', required=false) %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
61 <div class="form_input {{kwargs.pop('class', '')}}"> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
62 {% set cur_id = name|next_gidx %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
63 {% if label %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
64 <label for="{{cur_id}}" {{'class="required"'|safe if required}}>{{label}}</label> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
65 {% endif %} |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
66 <textarea id="{{cur_id}}" name="{{name}}" rows="{{rows}}" cols="{{cols}}" placeholder="{{placeholder}}" {{"required" if required}} class="{{kwargs.pop('class', '')}}"></textarea> |
b84d20af0ed3
macros (field, form, textbox): general improvments:
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
67 </div> |
27
38328c57f3ef
field: added new text and textarea macros
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
68 {% endmacro %} |
38328c57f3ef
field: added new text and textarea macros
Goffi <goffi@goffi.org>
parents:
20
diff
changeset
|
69 |
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
70 {% macro meta(name, value) %} |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
71 <input type="hidden" name="{{name}}" value="{{value}}"> |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
72 {% endmacro %} |
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
73 |
46
0520b7c9dcc0
input/field: text can be specified for submit button
Goffi <goffi@goffi.org>
parents:
27
diff
changeset
|
74 {% macro submit(text=_("Send")) %} |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
75 <input class="form_submit btn" type="submit" value="{{text}}" class="{{kwargs.pop('class', '')}}"> |
10
8b5615a1bf3d
articles, input: use new embedding mechanism in articles + new macros to build forms and inputs
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
76 {% endmacro %} |