Add autorefresh button to scheduling checks page (#3185)

* Add autorefresh button to scheduling checks page * Remove debugging prints
learning-unlimited · Dec 24, 2020 · 4b2a464 · 4b2a464
1 parent 03a8c20
commit 4b2a464
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 1 deletion.
diff --git a/esp/public/media/default_styles/scheduling_checks.css b/esp/public/media/default_styles/scheduling_checks.css
@@ -112,4 +112,15 @@ table {
 }
 .alittlepspace {
 	padding-top: 8px;
-}
+}
+
+input[name="refresh_interval"] {
+    width: 40px;
+    float: right;
+    margin-right: 10px;
+}
+
+button[name="refresh"] {
+    float: right;
+    margin-right: 10px;
+}
diff --git a/esp/public/media/scripts/program/modules/scheduling_checks.jsx b/esp/public/media/scripts/program/modules/scheduling_checks.jsx
@@ -1,3 +1,37 @@
+var auto_running = false;
+var myInterval;
+
+$j(function(){
+    function refreshAll() {
+        if (auto_running) {
+            $j("button.refresh-button").click();
+            // Allow for updating fresh interval while the refresh is already running
+            myInterval = setTimeout(refreshAll, $j("[name=refresh_interval]").val() * 1000);
+        }
+    }
+    $j("[name=refresh]").click(function() {
+        if (auto_running) {
+            auto_running = false;
+            // Change button class and text
+            $j(this).addClass("btn-success");
+            $j(this).removeClass("btn-danger");
+            $j(this).html("Start Auto Refresh");
+
+            // Stop autorefreshing
+            clearTimeout(myInterval);
+        } else {
+            auto_running = true;
+            // Change button class and text
+            $j(this).addClass("btn-danger");
+            $j(this).removeClass("btn-success");
+            $j(this).html("Stop Auto Refresh");
+
+            // Start autorefreshing
+            refreshAll()
+        }
+    });
+});
+
 /**
  * List of scheduling checks.
  *

diff --git a/esp/templates/program/modules/schedulingcheckmodule/output.html b/esp/templates/program/modules/schedulingcheckmodule/output.html
@@ -38,6 +38,7 @@ <h1>Schedule Diagnostic Output for {{program.niceName}} </h1>
     <p>Clicking "Include unreviewed classes" will show all classes in the diagnostic.</p>
     <br></div>
 <a class="btn move_left" href="scheduling_checks{% if unreviewed %}">Exclude{% else %}?unreviewed">Include{% endif %} unreviewed classes</a>
+<button class="btn btn-success" name="refresh">Start Auto Refresh</button><input type="number" min="5" name="refresh_interval" title="(Refresh interval in seconds)" value=30>
 
 <div id="scheduling-check-wrapper" />
 <script type="text/jsx">