Mercurial > libervia-templates

annotate sat_templates/templates/bulma/base/base.html @ 322:11ed664a309c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (menu): show active menu
author Goffi <goffi@goffi.org>
date Thu, 29 Apr 2021 20:43:53 +0200
parents 6411615771b6
children 34b8de7be336
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 {% set embedded = True %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 {% import 'components/common.html' as component with context %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 {{ script.include('common', '') }} {# common.js is, as its name states, a common script, so it's useful to import it here #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 <!DOCTYPE html>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 <html>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <head>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 <meta charset="utf-8">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 <meta name="viewport" content="width=device-width, initial-scale=1">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 {# using SVG directly doesn't always play well with Bulma, so we also use the icon font #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <link rel='stylesheet' type="text/css" href='{{media_path}}fonts/fontello/css/fontello.css'>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 <link rel='stylesheet' type="text/css" href='{{build_path}}bulma_sat.css'>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 {% if norobots %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 <meta name="robots" content="noindex, nofollow">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 <title>{% block title %}{{C.APP_NAME}}{% endblock %}</title>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 {% if css_content is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 <style type="text/css">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {{css_content}}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 </style>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 {% if css_content_noscript is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 <noscript>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 <style type="text/css">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 {{css_content_noscript}}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 </style>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 </noscript>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 {% else %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 {% for css_file in css_files %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
41 <link rel='stylesheet' type="text/css" href='{{css_file}}'>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
42 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 {% if css_files_noscript %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 <noscript>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
45 {% for css_file in css_files_noscript %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
46 <link rel='stylesheet' type="text/css" href='{{css_file}}'>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 </noscript>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
51
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 {% if links is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
53 {% for link_data in links %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
54 <link{{link_data|xmlattr}}>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
55 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
56 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
57
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
58 {% if xmpp_uri is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
59 <link rel="alternate" type="application/atom+xml" href="{{xmpp_uri}}" >
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
60 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
61
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
62 {% if dynamic_style is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
63 {# be extra careful about dynamic style, insure escaping if you use untrusted values ! #}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
64 <style type="text/css">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
65 {{dynamic_style}}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
66 </style>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
67 {% endif %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
73 {{ script.generate_scripts() }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
74
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
77 {% endfor %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
78
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
79 {% block favicon %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
80 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png">
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
81 {% endblock favicon %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
84 {% if atom_url is defined %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
85 {{ icon_defs('feed') }}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
86 {% endif %}
295
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
87 {% if loading_screen %}
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
88 <div id="loading_screen" class="modal is-active">
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
89 <div class="modal-background"></div>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
90 <div class="modal-content">
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
91 <div class="notification has-text-centered">
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
92 <span class="icon is-large">
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
93 <i class="icon-loading icon_animate_spin"></i>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
94 </span>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
95 {% trans %}page is loading, please wait…{% endtrans %}
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
96 </div>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
97 </div>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
98 </div>
1de599c5a68f bulma (base): loading screen:
Goffi <goffi@goffi.org>
parents: 289
diff changeset
99 {% endif %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
100 {% if main_menu %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
103 {% endblock main_menu %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
132 {% block body %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
133 {% endblock body %}
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
c9396c3711e4 bulma (base): add "footer" block
Goffi <goffi@goffi.org>
parents: 295
diff changeset
136 {% block footer %}
c9396c3711e4 bulma (base): add "footer" block
Goffi <goffi@goffi.org>
parents: 295
diff changeset
137 {% endblock footer %}
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
138 </body>
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
139 </html>