Mercurial > libervia-templates
annotate sat_templates/templates/bulma/base/base.html @ 349:2e548a9830c6
(bulma) input/field: fix `name` attribute + add `required` to checkbox
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Tue, 30 Nov 2021 17:25:35 +0100 |
| parents | 6a26c8a43d10 |
| children | ff67c700405e |
| rev | line source |
|---|---|
|
312
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
1 {# base template managing common layout, blocks, links or scripts |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
2 |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
3 except for special pages, this template should always be extended. |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
4 |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
5 @variable menu_fixed_top(bool): if true, the menu will always stay on top, and padding will be added to body accordingly. |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
6 #} |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
7 |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
8 |
|
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
9 {# embedded is set to avoid including base.html several times if a generic page is included (e.g. blog/articles.html) #} |
| 230 | 10 {% set embedded = True %} |
| 11 {% import 'components/common.html' as component with context %} | |
| 12 {{ script.include('common', '') }} {# common.js is, as its name states, a common script, so it's useful to import it here #} | |
| 13 <!DOCTYPE html> | |
| 14 <html> | |
| 15 <head> | |
| 16 <meta charset="utf-8"> | |
| 17 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 18 {# using SVG directly doesn't always play well with Bulma, so we also use the icon font #} | |
| 19 <link rel='stylesheet' type="text/css" href='{{media_path}}fonts/fontello/css/fontello.css'> | |
| 20 <link rel='stylesheet' type="text/css" href='{{build_path}}bulma_sat.css'> | |
| 21 | |
| 22 {% if norobots %} | |
| 23 <meta name="robots" content="noindex, nofollow"> | |
| 24 {% endif %} | |
| 25 | |
| 26 <title>{% block title %}{{C.APP_NAME}}{% endblock %}</title> | |
| 27 | |
| 28 {% if css_content is defined %} | |
| 29 <style type="text/css"> | |
| 30 {{css_content}} | |
| 31 </style> | |
| 32 {% if css_content_noscript is defined %} | |
| 33 <noscript> | |
| 34 <style type="text/css"> | |
| 35 {{css_content_noscript}} | |
| 36 </style> | |
| 37 </noscript> | |
| 38 {% endif %} | |
| 39 {% else %} | |
| 40 {% for css_file in css_files %} | |
| 41 <link rel='stylesheet' type="text/css" href='{{css_file}}'> | |
| 42 {% endfor %} | |
| 43 {% if css_files_noscript %} | |
| 44 <noscript> | |
| 45 {% for css_file in css_files_noscript %} | |
| 46 <link rel='stylesheet' type="text/css" href='{{css_file}}'> | |
| 47 {% endfor %} | |
| 48 </noscript> | |
| 49 {% endif %} | |
| 50 {% endif %} | |
| 51 | |
| 52 {% if links is defined %} | |
| 53 {% for link_data in links %} | |
| 54 <link{{link_data|xmlattr}}> | |
| 55 {% endfor %} | |
| 56 {% endif %} | |
| 57 | |
| 58 {% if xmpp_uri is defined %} | |
| 59 <link rel="alternate" type="application/atom+xml" href="{{xmpp_uri}}" > | |
| 60 {% endif %} | |
| 61 | |
| 62 {% if dynamic_style is defined %} | |
| 63 {# be extra careful about dynamic style, insure escaping if you use untrusted values ! #} | |
| 64 <style type="text/css"> | |
| 65 {{dynamic_style}} | |
| 66 </style> | |
| 67 {% endif %} | |
| 68 | |
|
237
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
69 {% if csrf_token is defined %} |
|
267
5a1d7c2d965a
bulma (base/base.html): expose `session_uuid` to scripts
Goffi <goffi@goffi.org>
parents:
244
diff
changeset
|
70 <script>var csrf_token = "{{csrf_token}}"; var session_uuid="{{session_uuid}}";</script> |
|
237
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
71 {% endif %} |
|
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
72 |
| 329 | 73 {# FIXME: websocket handling is to be replaced by Brython #} |
| 74 {% if websocket is defined %} | |
| 75 {{ script.include('websocket', '') }} | |
| 76 {% endif %} | |
| 77 | |
| 230 | 78 {{ script.generate_scripts() }} |
| 79 | |
| 80 {% for script in scripts %} | |
|
237
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
81 <script{{ {'src': script.src, 'type': script.type} | xmlattr }}>{{script.content|safe}}</script> |
| 230 | 82 {% endfor %} |
| 83 | |
| 329 | 84 {# FIXME: websocket handling is to be replaced by Brython #} |
| 85 {% if websocket is defined %} | |
| 86 <script>var socket=new WSHandler("{{websocket.url}}", "{{websocket.token}}", {{websocket.debug}});</script> | |
| 87 {% endif %} | |
| 88 | |
| 230 | 89 {% block favicon %} |
| 90 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> | |
| 91 {% endblock favicon %} | |
| 92 </head> | |
|
312
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
93 <body{{ {'onload': body_onload} | xmlattr }} class="{{' body--fullscreen' if full_screen_body}}{{' has-navbar-fixed-top' if menu_fixed_top}}"> |
| 230 | 94 {% if atom_url is defined %} |
| 95 {{ icon_defs('feed') }} | |
| 96 {% endif %} | |
| 295 | 97 {% if loading_screen %} |
| 98 <div id="loading_screen" class="modal is-active"> | |
| 99 <div class="modal-background"></div> | |
| 100 <div class="modal-content"> | |
| 101 <div class="notification has-text-centered"> | |
| 102 <span class="icon is-large"> | |
| 103 <i class="icon-loading icon_animate_spin"></i> | |
| 104 </span> | |
| 105 {% trans %}page is loading, please wait…{% endtrans %} | |
| 106 </div> | |
| 107 </div> | |
| 108 </div> | |
| 109 {% endif %} | |
| 230 | 110 {% if main_menu %} |
| 111 {% block main_menu %} | |
|
312
6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
Goffi <goffi@goffi.org>
parents:
311
diff
changeset
|
112 {{ component.menu(main_menu) }} |
| 230 | 113 {% endblock main_menu %} |
| 114 {% endif %} | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
115 {% block body_wrapper %} |
| 230 | 116 <div id="body" class="container"> |
| 323 | 117 {% if breadcrumbs and not no_breadcrumps and breadcrumbs|length > 1 %} |
| 118 <nav class="breadcrumb is-medium" aria-label="breadcrumbs"> | |
| 119 <ul> | |
| 120 {% for crumb in breadcrumbs %} | |
| 121 <li {% if loop.last %}class="is-active"{% endif %}> | |
| 122 <a href="{{crumb.url or '#'}}"> | |
| 123 {% if crumb.icon %} | |
| 124 <span class="icon is-medium"> | |
| 125 <i class="icon-{{crumb.icon}}"></i> | |
| 126 </span> | |
| 127 {% endif %} | |
| 128 <span>{{crumb.label}}</span> | |
| 129 </a> | |
| 130 </li> | |
| 131 {% endfor %} | |
| 132 </ul> | |
| 133 </nav> | |
| 134 {% endif %} | |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
135 {% if confirm %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
136 <article class="message is-success mt-4"> |
|
280
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
137 <div class="message-header"> |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
138 {% trans %}Success{% endtrans %} |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
139 <button class="delete" aria-label="delete" onclick="this.parentElement.parentElement.remove()"></button> |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
140 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
141 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
142 {% trans %}Your data has been sent correctly.{% endtrans %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
143 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
144 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
145 {% endif %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
146 {% if notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
147 {% for notification in notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
148 <article class="message {{ {C.LVL_WARNING: "is-warning"}.get(notification.level, "is-info") }} mt-4"> |
|
280
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
149 <div class="message-header"> |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
150 {% trans %}Notification{% endtrans %} |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
151 <button class="delete" aria-label="delete" onclick="this.parentElement.parentElement.remove()"></button> |
|
cf3fcbc797bc
bulma (base/base.html): remove backend notification/confirm message on delete button click
Goffi <goffi@goffi.org>
parents:
279
diff
changeset
|
152 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
153 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
154 {{ notification.message }} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
155 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
156 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
157 {% endfor %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
158 {% endif %} |
|
244
a62822c6a114
bulma: added a notification area + first dialog template for confirmation request
Goffi <goffi@goffi.org>
parents:
237
diff
changeset
|
159 <div id="notifs_area"></div> |
| 230 | 160 {% block body %} |
| 161 {% endblock body %} | |
| 162 </div> | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
163 {% endblock body_wrapper%} |
| 311 | 164 {% block footer %} |
| 165 {% endblock footer %} | |
| 230 | 166 </body> |
| 167 </html> |