Mercurial > libervia-templates
annotate sat_templates/templates/bulma/base/base.html @ 312:6411615771b6
bulma (base): menu can now be fixed on top with `menu_fixed_top` bool variable
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 19 Mar 2021 15:51:26 +0100 |
| parents | c9396c3711e4 |
| children | 34b8de7be336 |
| 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 |
| 230 | 73 {{ script.generate_scripts() }} |
| 74 | |
| 75 {% 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
|
76 <script{{ {'src': script.src, 'type': script.type} | xmlattr }}>{{script.content|safe}}</script> |
| 230 | 77 {% endfor %} |
| 78 | |
| 79 {% block favicon %} | |
| 80 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> | |
| 81 {% endblock favicon %} | |
| 82 </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
|
83 <body{{ {'onload': body_onload} | xmlattr }} class="{{' body--fullscreen' if full_screen_body}}{{' has-navbar-fixed-top' if menu_fixed_top}}"> |
| 230 | 84 {% if atom_url is defined %} |
| 85 {{ icon_defs('feed') }} | |
| 86 {% endif %} | |
| 295 | 87 {% if loading_screen %} |
| 88 <div id="loading_screen" class="modal is-active"> | |
| 89 <div class="modal-background"></div> | |
| 90 <div class="modal-content"> | |
| 91 <div class="notification has-text-centered"> | |
| 92 <span class="icon is-large"> | |
| 93 <i class="icon-loading icon_animate_spin"></i> | |
| 94 </span> | |
| 95 {% trans %}page is loading, please wait…{% endtrans %} | |
| 96 </div> | |
| 97 </div> | |
| 98 </div> | |
| 99 {% endif %} | |
| 230 | 100 {% if main_menu %} |
| 101 {% 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
|
102 {{ component.menu(main_menu) }} |
| 230 | 103 {% endblock main_menu %} |
| 104 {% endif %} | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
105 {% block body_wrapper %} |
| 230 | 106 <div id="body" class="container"> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
107 {% if confirm %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
108 <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
|
109 <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
|
110 {% 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
|
111 <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
|
112 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
113 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
114 {% 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
|
115 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
116 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
117 {% endif %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
118 {% if notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
119 {% for notification in notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
120 <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
|
121 <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
|
122 {% 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
|
123 <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
|
124 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
125 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
126 {{ notification.message }} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
127 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
128 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
129 {% endfor %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
130 {% endif %} |
|
244
a62822c6a114
bulma: added a notification area + first dialog template for confirmation request
Goffi <goffi@goffi.org>
parents:
237
diff
changeset
|
131 <div id="notifs_area"></div> |
| 230 | 132 {% block body %} |
| 133 {% endblock body %} | |
| 134 </div> | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
135 {% endblock body_wrapper%} |
| 311 | 136 {% block footer %} |
| 137 {% endblock footer %} | |
| 230 | 138 </body> |
| 139 </html> |