Mercurial > libervia-templates
diff 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 |
line wrap: on
line diff
--- a/sat_templates/templates/bulma/base/base.html Fri Nov 27 12:15:39 2020 +0100 +++ b/sat_templates/templates/bulma/base/base.html Fri Nov 27 12:24:03 2020 +0100 @@ -76,6 +76,19 @@ {% if atom_url is defined %} {{ icon_defs('feed') }} {% endif %} + {% if loading_screen %} + <div id="loading_screen" class="modal is-active"> + <div class="modal-background"></div> + <div class="modal-content"> + <div class="notification has-text-centered"> + <span class="icon is-large"> + <i class="icon-loading icon_animate_spin"></i> + </span> + {% trans %}page is loading, please wait…{% endtrans %} + </div> + </div> + </div> + {% endif %} {% if main_menu %} {% block main_menu %} {{ component.menu(main_menu, class="main_menu") }}