From 67dab88674fd559f26f84c04cad5b99db170b768 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Wed, 12 Feb 2020 16:24:56 +0100
Subject: [PATCH] Add running indicator
---
app/templates/jobs/job.html.j2 | 22 +++++++++++++++++++---
1 file changed, 19 insertions(+), 3 deletions(-)
diff --git a/app/templates/jobs/job.html.j2 b/app/templates/jobs/job.html.j2
index 674a566f..62de7cb0 100644
--- a/app/templates/jobs/job.html.j2
+++ b/app/templates/jobs/job.html.j2
@@ -8,7 +8,20 @@
<div class="col s12 m4">
<h3 id="title">{{ job.title }}</h3>
<p id="description">{{ job.description }}</p>
- <a class="btn status waves-effect waves-light" id="status"></a>
+ <div class="active preloader-wrapper small" id="progress-indicator">
+ <div class="spinner-layer spinner-blue-only">
+ <div class="circle-clipper left">
+ <div class="circle"></div>
+ </div>
+ <div class="gap-patch">
+ <div class="circle"></div>
+ </div>
+ <div class="circle-clipper right">
+ <div class="circle"></div>
+ </div>
+ </div>
+ </div>
+ <span class="chip status white-text" id="status"></span>
</div>
@@ -224,8 +237,11 @@
}
setStatus(status) {
- let statusElement;
-
+ let progressIndicator, statusElement;
+ if (status === "complete") {
+ progressIndicator = document.getElementById("progress-indicator");
+ progressIndicator.classList.add("hide");
+ }
statusElement = document.getElementById("status");
statusElement.dataset.status = status;
}
--
GitLab