From e2e73eecbdc8baed32834528e27b091b61785437 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20V=C3=A9ril?= <mveril@irsamc.ups-tlse.fr>
Date: Mon, 7 Oct 2019 14:00:15 +0200
Subject: [PATCH] Add a progress and a text and put it in a shortcode

---
 content/multipledataset.html      | 2 +-
 content/onedataset.html           | 2 +-
 layouts/shortcodes/waitModal.html | 7 +++++++
 static/css/modal.css              | 7 +++++++
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 layouts/shortcodes/waitModal.html

diff --git a/content/multipledataset.html b/content/multipledataset.html
index 495ebee2..97998c57 100644
--- a/content/multipledataset.html
+++ b/content/multipledataset.html
@@ -328,4 +328,4 @@ draft: false
     <div id="graph_div"></div>
   </table>
 </div>
-<div class="modal"></div>
\ No newline at end of file
+{{< waitModal >}}
\ No newline at end of file
diff --git a/content/onedataset.html b/content/onedataset.html
index f50ae34a..43d8077a 100644
--- a/content/onedataset.html
+++ b/content/onedataset.html
@@ -200,4 +200,4 @@ draft: false
       </table>
     </div>
     </p>
-    <div class="modal"></div>
\ No newline at end of file
+    {{< waitModal >}}
\ No newline at end of file
diff --git a/layouts/shortcodes/waitModal.html b/layouts/shortcodes/waitModal.html
new file mode 100644
index 00000000..0d45f270
--- /dev/null
+++ b/layouts/shortcodes/waitModal.html
@@ -0,0 +1,7 @@
+<div class="modal">
+  <div class="content">
+    <span>Please Wait…</span>
+    <br/>
+    <progress></progress>
+  </div>
+</div>
\ No newline at end of file
diff --git a/static/css/modal.css b/static/css/modal.css
index 31fc8fa9..ca8f618a 100644
--- a/static/css/modal.css
+++ b/static/css/modal.css
@@ -27,4 +27,11 @@ body.loading .modal {
 body.loading .modal {
     display: block;
     cursor: wait
+}
+.modal .content {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
 }
\ No newline at end of file