comparison 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
comparison
equal deleted inserted replaced
294:a587d664f62c 295:1de599c5a68f
74 </head> 74 </head>
75 <body{{ {'onload': body_onload} | xmlattr }}{{ ' class="body--fullscreen"'|safe if full_screen_body }}> 75 <body{{ {'onload': body_onload} | xmlattr }}{{ ' class="body--fullscreen"'|safe if full_screen_body }}>
76 {% if atom_url is defined %} 76 {% if atom_url is defined %}
77 {{ icon_defs('feed') }} 77 {{ icon_defs('feed') }}
78 {% endif %} 78 {% endif %}
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 %}
79 {% if main_menu %} 92 {% if main_menu %}
80 {% block main_menu %} 93 {% block main_menu %}
81 {{ component.menu(main_menu, class="main_menu") }} 94 {{ component.menu(main_menu, class="main_menu") }}
82 {% endblock main_menu %} 95 {% endblock main_menu %}
83 {% endif %} 96 {% endif %}