diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2018-01-17 11:49:48 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2018-01-17 11:49:48 +0100 |
| commit | 57d10099ff48f51a9e24a61ec06f30178f1330ec (patch) | |
| tree | c439102ddc9942ae42f0a458a6691192cc7de460 /ishtar_common/templates/base.html | |
| parent | 44c2972c3d634ea202be572a1c168935cac1757e (diff) | |
| download | Ishtar-57d10099ff48f51a9e24a61ec06f30178f1330ec.tar.bz2 Ishtar-57d10099ff48f51a9e24a61ec06f30178f1330ec.zip | |
UI: modal waiting
Diffstat (limited to 'ishtar_common/templates/base.html')
| -rw-r--r-- | ishtar_common/templates/base.html | 29 |
1 files changed, 23 insertions, 6 deletions
diff --git a/ishtar_common/templates/base.html b/ishtar_common/templates/base.html index 7091fffaf..db39ecc8e 100644 --- a/ishtar_common/templates/base.html +++ b/ishtar_common/templates/base.html @@ -86,13 +86,30 @@ {% include 'ishtar/blocks/footer.html' %} </div> {% endblock %} - <div id="progress"> - <div id='progress-content'> - <p class='progress-detail progress-1'>{% trans "Processing..." %}</p> - <p class='progress-detail progress-2'>{% trans "This can be long." %}</p> - <p class='progress-detail progress-3'>{% trans "Time to take a coffee?" %} <i class="fa fa-coffee" aria-hidden="true"></i></p> - <p class='progress-detail progress-4'>{% trans "Time to take another coffee?" %} <i class="fa fa-coffee" aria-hidden="true"></i></p> + <div class="modal modal-progress" tabindex="-1" role="dialog" + data-backdrop="static" data-keyboard="false" aria-hidden="true"> + <div class="modal-dialog modal-sm modal-dialog-centered"> + <div class="modal-content" id='progress-content'> + <div class="modal-header"> + <span class='progress-detail progress-1'> + {% trans "Processing..." %}</span> + <span class='progress-detail progress-2'> + {% trans "This can be long." %}</span> + <span class='progress-detail progress-3'> + {% trans "Time to take a coffee?" %} <i class="fa fa-coffee" aria-hidden="true"></i></span> + <span class='progress-detail progress-4'> + {% trans "Time to take another coffee?" %} <i class="fa fa-coffee" aria-hidden="true"></i></span> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + <div class="modal-body"> + <div class="progress"> + <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div> + </div> + </div> </div> + </div> </div> <div id='message'> <div class='information'><i class="fa fa-info-circle" aria-hidden="true"></i> <span class='content'></span></div> |