Mercurial > libervia-templates
annotate sat_templates/templates/bulma/base/base.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 | f1a39607d6a5 |
| children | c9396c3711e4 |
| rev | line source |
|---|---|
| 230 | 1 {# embedded is set to avoid including base.html several times if a generic page is included (e.g. blog/articles.html) #} |
| 2 {% set embedded = True %} | |
| 3 {% import 'components/common.html' as component with context %} | |
| 4 {{ script.include('common', '') }} {# common.js is, as its name states, a common script, so it's useful to import it here #} | |
| 5 <!DOCTYPE html> | |
| 6 <html> | |
| 7 <head> | |
| 8 <meta charset="utf-8"> | |
| 9 <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 10 {# using SVG directly doesn't always play well with Bulma, so we also use the icon font #} | |
| 11 <link rel='stylesheet' type="text/css" href='{{media_path}}fonts/fontello/css/fontello.css'> | |
| 12 <link rel='stylesheet' type="text/css" href='{{build_path}}bulma_sat.css'> | |
| 13 | |
| 14 {% if norobots %} | |
| 15 <meta name="robots" content="noindex, nofollow"> | |
| 16 {% endif %} | |
| 17 | |
| 18 <title>{% block title %}{{C.APP_NAME}}{% endblock %}</title> | |
| 19 | |
| 20 {% if css_content is defined %} | |
| 21 <style type="text/css"> | |
| 22 {{css_content}} | |
| 23 </style> | |
| 24 {% if css_content_noscript is defined %} | |
| 25 <noscript> | |
| 26 <style type="text/css"> | |
| 27 {{css_content_noscript}} | |
| 28 </style> | |
| 29 </noscript> | |
| 30 {% endif %} | |
| 31 {% else %} | |
| 32 {% for css_file in css_files %} | |
| 33 <link rel='stylesheet' type="text/css" href='{{css_file}}'> | |
| 34 {% endfor %} | |
| 35 {% if css_files_noscript %} | |
| 36 <noscript> | |
| 37 {% for css_file in css_files_noscript %} | |
| 38 <link rel='stylesheet' type="text/css" href='{{css_file}}'> | |
| 39 {% endfor %} | |
| 40 </noscript> | |
| 41 {% endif %} | |
| 42 {% endif %} | |
| 43 | |
| 44 {% if links is defined %} | |
| 45 {% for link_data in links %} | |
| 46 <link{{link_data|xmlattr}}> | |
| 47 {% endfor %} | |
| 48 {% endif %} | |
| 49 | |
| 50 {% if xmpp_uri is defined %} | |
| 51 <link rel="alternate" type="application/atom+xml" href="{{xmpp_uri}}" > | |
| 52 {% endif %} | |
| 53 | |
| 54 {% if dynamic_style is defined %} | |
| 55 {# be extra careful about dynamic style, insure escaping if you use untrusted values ! #} | |
| 56 <style type="text/css"> | |
| 57 {{dynamic_style}} | |
| 58 </style> | |
| 59 {% endif %} | |
| 60 | |
|
237
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
61 {% if csrf_token is defined %} |
|
267
5a1d7c2d965a
bulma (base/base.html): expose `session_uuid` to scripts
Goffi <goffi@goffi.org>
parents:
244
diff
changeset
|
62 <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
|
63 {% endif %} |
|
caa3767707fb
base/base.html: expose CSRF token to script + fixed script content
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
64 |
| 230 | 65 {{ script.generate_scripts() }} |
| 66 | |
| 67 {% 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
|
68 <script{{ {'src': script.src, 'type': script.type} | xmlattr }}>{{script.content|safe}}</script> |
| 230 | 69 {% endfor %} |
| 70 | |
| 71 {% block favicon %} | |
| 72 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> | |
| 73 {% endblock favicon %} | |
| 74 </head> | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
75 <body{{ {'onload': body_onload} | xmlattr }}{{ ' class="body--fullscreen"'|safe if full_screen_body }}> |
| 230 | 76 {% if atom_url is defined %} |
| 77 {{ icon_defs('feed') }} | |
| 78 {% endif %} | |
| 295 | 79 {% if loading_screen %} |
| 80 <div id="loading_screen" class="modal is-active"> | |
| 81 <div class="modal-background"></div> | |
| 82 <div class="modal-content"> | |
| 83 <div class="notification has-text-centered"> | |
| 84 <span class="icon is-large"> | |
| 85 <i class="icon-loading icon_animate_spin"></i> | |
| 86 </span> | |
| 87 {% trans %}page is loading, please wait…{% endtrans %} | |
| 88 </div> | |
| 89 </div> | |
| 90 </div> | |
| 91 {% endif %} | |
| 230 | 92 {% if main_menu %} |
| 93 {% block main_menu %} | |
| 94 {{ component.menu(main_menu, class="main_menu") }} | |
| 95 {% endblock main_menu %} | |
| 96 {% endif %} | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
97 {% block body_wrapper %} |
| 230 | 98 <div id="body" class="container"> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
99 {% if confirm %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
100 <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
|
101 <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
|
102 {% 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
|
103 <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
|
104 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
105 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
106 {% 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
|
107 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
108 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
109 {% endif %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
110 {% if notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
111 {% for notification in notifications %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
112 <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
|
113 <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
|
114 {% 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
|
115 <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
|
116 </div> |
|
279
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
117 <div class="message-body"> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
118 {{ notification.message }} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
119 </div> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
120 </article> |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
121 {% endfor %} |
|
a35ddf972ad2
bulma (base/base.html): display backend confirmation and notifications
Goffi <goffi@goffi.org>
parents:
267
diff
changeset
|
122 {% endif %} |
|
244
a62822c6a114
bulma: added a notification area + first dialog template for confirmation request
Goffi <goffi@goffi.org>
parents:
237
diff
changeset
|
123 <div id="notifs_area"></div> |
| 230 | 124 {% block body %} |
| 125 {% endblock body %} | |
| 126 </div> | |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
280
diff
changeset
|
127 {% endblock body_wrapper%} |
| 230 | 128 </body> |
| 129 </html> |