From c94eb6c0ddbd7a873bb03600bb1baf728dc90fb6 Mon Sep 17 00:00:00 2001
From: votreeshwaran <37607196+votreeshwaran@users.noreply.github.com>
Date: Tue, 14 Apr 2020 12:28:10 -0400
Subject: [PATCH 01/19] Update sqstat_html.tpl

---
 template/sqstat_html.tpl | 243 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 242 insertions(+), 1 deletion(-)
diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 978f368..73010ba 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -1,3 +1,241 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+/* This stylesheet sets the width of all images to 100%: */
+img {
+  width: 100%;
+}
+</style>
+</head>
+<body>
+
+<img src="ccr.jpg" alt="HTML5 Icon" style="width:1200px;height:200px;">
+
+</body>
+</html>
+
+
+<br>
+<br>
+<br>
+<br>
+
+<!-- Code for Downtime maintainance Timer -->
+
+<!DOCTYPE HTML> 
+<html> 
+<head> 
+<style> 
+body{ 
+    text-align: center; 
+    background: #fff; 
+  font-family: sans-serif; 
+  font-weight: 100; 
+} 
+h1{ 
+  color: #000000; 
+  font-weight: 100; 
+  font-size: 40px; 
+  margin: 40px 0px 20px; 
+} 
+ #clockdiv{ 
+    font-family: sans-serif; 
+    color: #fff; 
+    display: inline-block; 
+    font-weight: 100; 
+    text-align: center; 
+    font-size: 30px; 
+} 
+#clockdiv > div{ 
+    padding: 10px; 
+    border-radius: 3px; 
+    background: #005bbb; 
+    display: inline-block; 
+} 
+#clockdiv div > span{ 
+    padding: 15px; 
+    border-radius: 3px; 
+    background: #005bbb; 
+    display: inline-block; 
+} 
+smalltext{ 
+    padding-top: 5px; 
+    font-size: 16px; 
+} 
+</style> 
+</head> 
+<body> 
+<h1>Countdown For Next Downtime Maintainance:</h1> 
+<div id="clockdiv"> 
+  <div> 
+    <span class="days" id="day"></span> 
+    <div class="smalltext">Days</div> 
+  </div> 
+  <div> 
+    <span class="hours" id="hour"></span> 
+    <div class="smalltext">Hours</div> 
+  </div> 
+  <div> 
+    <span class="minutes" id="minute"></span> 
+    <div class="smalltext">Minutes</div> 
+  </div> 
+  <div> 
+    <span class="seconds" id="second"></span> 
+    <div class="smalltext">Seconds</div> 
+  </div> 
+</div> 
+  
+<p id="demo"></p> 
+ 
+    
+    <!-- Enter next downtime date, year, and time here -->
+<script> 
+  
+var deadline = new Date("dec 31, 2017 15:37:25").getTime(); 
+  
+var x = setInterval(function() { 
+  
+var now = new Date().getTime(); 
+var t = deadline - now; 
+var days = Math.floor(t / (1000 * 60 * 60 * 24)); 
+var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
+var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
+var seconds = Math.floor((t % (1000 * 60)) / 1000); 
+document.getElementById("day").innerHTML =days ; 
+document.getElementById("hour").innerHTML =hours; 
+document.getElementById("minute").innerHTML = minutes;  
+document.getElementById("second").innerHTML =seconds;  
+if (t < 0) { 
+        clearInterval(x); 
+        document.getElementById("demo").innerHTML = "Downtime Maintainance in Progress..."; 
+        document.getElementById("day").innerHTML ='0'; 
+        document.getElementById("hour").innerHTML ='0'; 
+        document.getElementById("minute").innerHTML ='0' ;  
+        document.getElementById("second").innerHTML = '0'; } 
+}, 1000); 
+</script> 
+</body> 
+</html> 
+
+<!-- End of code for Countdown Timer -->
+
+
+
+<br>
+<br>
+
+
+<!-- Start of Doughnut Chart Script --->
+
+<html>
+  <head>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+    <script type="text/javascript">
+
+      // Load Charts and the corechart package.
+      google.charts.load('current', {'packages':['corechart']});
+
+      // Draw the Doughnut 1 chart 
+      google.charts.setOnLoadCallback(drawDoughnut1Chart);
+
+      // Draw the Doughnut 2 chart
+      google.charts.setOnLoadCallback(drawDoughnut2Chart);
+        
+    // Draw the Doughnut 3 chart
+      google.charts.setOnLoadCallback(drawDoughnut3Chart);
+
+      // Callback that draws the pie chart for Sarah's pizza.
+      function drawDoughnut1Chart() {
+
+        // Create the data table for Doughnut 1 chart
+           var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['Percentage Running',_ALLJRUN_ (_PCTJRUN_%)],
+          ['Percentage Queued', _ALLJQUE_ (_PCTJQUE_%)]
+        ]);
+
+        // Set options for Doughnut 1 chart.
+        var options = {
+          title: 'Current job status(%):',
+          pieHole: 0.4,
+        colors: ['#005bbb', '#666666'],
+        };
+
+        // Instantiate and draw the Doughnut 1 Chart
+        var chart = new google.visualization.PieChart(document.getElementById('Doughnut1'));
+        chart.draw(data, options);
+      }
+
+      // Callback that draws the Doughnut 2 Chart
+      function drawDoughnut2Chart() {
+
+        // Create the data table for Doughnut 2 Chart
+         var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['In Use', _ALLCUSE_ (_PCTCUSE_%)],
+          ['Unused',_ALLCUNU_ (_PCTCUNU_%) ]
+        ]);
+
+        // Set options for Doughnut 2 Chart
+         var options = {
+          title: 'Total Core Usage(%):',
+          pieHole: 0.4,
+        colors: ['#005bbb', '#666666']
+        };
+
+        // Instantiate and draw the Doughnut  Chart
+        var chart = new google.visualization.PieChart(document.getElementById('Doughnut2'));
+        chart.draw(data, options);
+      }
+        
+        
+        // Callback that draws the Doughnut 3 Chart
+      function drawDoughnut3Chart() {
+
+        // Create the data table for Doughnut 3 Chart
+         var data = google.visualization.arrayToDataTable([
+          ['Task', 'Hours per Day'],
+          ['In Use', _ALLNUSE_ (_PCTNUSE_%)],
+          ['Unused',_ALLNUNU_ (_PCTNUNU_%)]
+        ]);
+
+        // Set options for Doughnut 3 Chart
+         var options = {
+          title: 'Total Node Usage(%):',
+          pieHole: 0.4,
+            colors: ['#005bbb', '#666666'],
+        };
+
+        // Instantiate and draw the Doughnut 3 Chart
+        var chart = new google.visualization.PieChart(document.getElementById('Doughnut3'));
+        chart.draw(data, options);
+      }
+        
+        
+        
+    </script>
+  </head>
+  <body>
+    <!--Table and divs that hold the pie charts-->
+    <table class="columns">
+      <tr>
+          <td><div id="Doughnut1" style="width: 420px; height: 300px;"></div></td> 
+        <td><div id="Doughnut2" style="width: 420px; height: 300px;"></div></td>
+          <td><div id="Doughnut3" style="width: 420px; height: 300px;"></div></td>
+      </tr>
+    </table>
+  </body>
+</html>
+
+<! End Of Doughnut Chart Script -->
+
+<br>
+<br>
+
+
+
 <!-- saved from url=(0022)http://internet.e-mail -->
 <div style="color:red">Last updated: _DATE_</div>
 <style type="text/css">
@@ -27,6 +265,8 @@
     <th>Queued Jobs</th>
     <th>Nodes Utilized</th>
     <th>Processors Utilized</th>
+    <th>Processors Available</th>
+    <th>Empty Nodes</th>
 </tr>
 <tr>
     <td>_MAXFLOPS_</td>
@@ -35,6 +275,7 @@
     <td>_QUEUEDJOBS_</td>
     <td>_NODESINUSE_ of _NODESTOTAL_</td>
     <td>_CORESINUSE_ of _CORESTOTAL_</td>
+    
 </tr>
 </table>
 
@@ -89,6 +330,6 @@
 
 <!-- NODE SUMMARY -->
 
-<tr><td>&nbsp;</td><td>_ALLNUSE_ (_PCTNUSE_%)</td><td>_ALLNUNU_ (_PCTNUNU_%)</td></tr>
+ <tr><td>&nbsp;</td><td>_ALLNUSE_ (_PCTNUSE_%)</td><td>_ALLNUNU_ (_PCTNUNU_%)</td></tr>
 
 </table>

From 8b950818d62e2de26b4091370c183e072cba1530 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 14 Apr 2020 13:12:31 -0400
Subject: [PATCH 02/19] new image added

---
 ccr.jpg | Bin 0 -> 5758 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 ccr.jpg

diff --git a/ccr.jpg b/ccr.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cb1894bf0903e244cced373009831bfb27749538
GIT binary patch
literal 5758
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

literal 0
HcmV?d00001


From 2f7967f3ed008227273f85fe21c68919daf49bef Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Wed, 15 Apr 2020 12:54:02 -0400
Subject: [PATCH 03/19] edited and modified chart GUI

---
 template/sqstat_html.tpl | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 73010ba..e673f7b 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -152,8 +152,8 @@ if (t < 0) {
         // Create the data table for Doughnut 1 chart
            var data = google.visualization.arrayToDataTable([
           ['Task', 'Hours per Day'],
-          ['Percentage Running',_ALLJRUN_ (_PCTJRUN_%)],
-          ['Percentage Queued', _ALLJQUE_ (_PCTJQUE_%)]
+          ['Percentage Running',_PCTJRUN_],
+          ['Percentage Queued', _PCTJQUE_]
         ]);
 
         // Set options for Doughnut 1 chart.
@@ -174,8 +174,8 @@ if (t < 0) {
         // Create the data table for Doughnut 2 Chart
          var data = google.visualization.arrayToDataTable([
           ['Task', 'Hours per Day'],
-          ['In Use', _ALLCUSE_ (_PCTCUSE_%)],
-          ['Unused',_ALLCUNU_ (_PCTCUNU_%) ]
+          ['In Use', _PCTCUSE_],
+          ['Unused',_PCTCUNU_ ]
         ]);
 
         // Set options for Doughnut 2 Chart
@@ -197,8 +197,8 @@ if (t < 0) {
         // Create the data table for Doughnut 3 Chart
          var data = google.visualization.arrayToDataTable([
           ['Task', 'Hours per Day'],
-          ['In Use', _ALLNUSE_ (_PCTNUSE_%)],
-          ['Unused',_ALLNUNU_ (_PCTNUNU_%)]
+          ['In Use', _PCTNUSE_],
+          ['Unused',_PCTNUNU_]
         ]);
 
         // Set options for Doughnut 3 Chart
@@ -275,7 +275,8 @@ if (t < 0) {
     <td>_QUEUEDJOBS_</td>
     <td>_NODESINUSE_ of _NODESTOTAL_</td>
     <td>_CORESINUSE_ of _CORESTOTAL_</td>
-    
+    <td>_CORESTOTAL_ - _CORESINUSE_</td>
+    <td>_NODESTOTAL_ - _NODESINUSE_</td>	
 </tr>
 </table>
 

From 3f5913b27988b8143c7d0b362cddf2f41bd64985 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Mon, 20 Apr 2020 14:38:50 -0400
Subject: [PATCH 04/19] aligning text

---
 template/sqstat_html.tpl | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index e673f7b..35ee675 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -282,7 +282,7 @@ if (t < 0) {
 
 <br/>
 
-<p>Summary of current jobs: </p>
+<p align="left">Summary of current jobs: </p>
 
 <table class="ccr-dtable">
 <tr>
@@ -300,7 +300,7 @@ if (t < 0) {
 
 <br/>
 
-<p>Summary of current core usage:</p>
+<p align="left">Summary of current core usage:</p>
 
 <table class="ccr-dtable">
 <tr>
@@ -320,7 +320,7 @@ if (t < 0) {
 
 <br/>
 
-<p>Summary of current node usage:</p>
+<p align="left">Summary of current node usage:</p>
 
 <table class="ccr-dtable">
 <tr>

From fbb566ff07221e81a3dc8679777788d42ced7c1f Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Mon, 20 Apr 2020 15:41:59 -0400
Subject: [PATCH 05/19] removed peak and made corrections accordingly

---
 template/sqstat_html.tpl | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 35ee675..71f2138 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -259,24 +259,22 @@ if (t < 0) {
 
 <table class="ccr-dtable">
 <tr>
-    <th>Peak (TFlop/s)</th>
+    <!--<th>Peak (TFlop/s)</th> -->
     <th>Status  Load</th>
     <th>Active Jobs</th>
     <th>Queued Jobs</th>
     <th>Nodes Utilized</th>
     <th>Processors Utilized</th>
-    <th>Processors Available</th>
-    <th>Empty Nodes</th>
+   
 </tr>
 <tr>
-    <td>_MAXFLOPS_</td>
+   <!-- <td>_MAXFLOPS_</td> -->
     <td>UP (_LOAD_%)</td>
     <td>_ACTIVEJOBS_</td>
     <td>_QUEUEDJOBS_</td>
     <td>_NODESINUSE_ of _NODESTOTAL_</td>
     <td>_CORESINUSE_ of _CORESTOTAL_</td>
-    <td>_CORESTOTAL_ - _CORESINUSE_</td>
-    <td>_NODESTOTAL_ - _NODESINUSE_</td>	
+	
 </tr>
 </table>
 

From c2c0bb25ffbe30adb9bd755144bfc18b5c39317c Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Mon, 4 May 2020 18:25:01 -0400
Subject: [PATCH 06/19] Date format Updated

---
 template/sqstat_html.tpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 71f2138..056569c 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -93,7 +93,7 @@ smalltext{
     <!-- Enter next downtime date, year, and time here -->
 <script> 
   
-var deadline = new Date("dec 31, 2017 15:37:25").getTime(); 
+var deadline = new Date("may 05, 2020 17:20:50").getTime(); 
   
 var x = setInterval(function() { 
   

From 741a99384c7779467dfbf09c3f65a059a271fe3f Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 5 May 2020 08:11:33 -0400
Subject: [PATCH 07/19] added logic for automatic timer update

---
 template/sqstat_html.tpl | 205 +++++++++++++++++++++------------------
 1 file changed, 112 insertions(+), 93 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 056569c..3e55d9a 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -24,100 +24,119 @@ img {
 
 <!-- Code for Downtime maintainance Timer -->
 
-<!DOCTYPE HTML> 
-<html> 
-<head> 
-<style> 
-body{ 
-    text-align: center; 
-    background: #fff; 
-  font-family: sans-serif; 
-  font-weight: 100; 
-} 
-h1{ 
-  color: #000000; 
-  font-weight: 100; 
-  font-size: 40px; 
-  margin: 40px 0px 20px; 
-} 
- #clockdiv{ 
-    font-family: sans-serif; 
-    color: #fff; 
-    display: inline-block; 
-    font-weight: 100; 
-    text-align: center; 
-    font-size: 30px; 
-} 
-#clockdiv > div{ 
-    padding: 10px; 
-    border-radius: 3px; 
-    background: #005bbb; 
-    display: inline-block; 
-} 
-#clockdiv div > span{ 
-    padding: 15px; 
-    border-radius: 3px; 
-    background: #005bbb; 
-    display: inline-block; 
-} 
-smalltext{ 
-    padding-top: 5px; 
-    font-size: 16px; 
-} 
-</style> 
-</head> 
-<body> 
-<h1>Countdown For Next Downtime Maintainance:</h1> 
-<div id="clockdiv"> 
-  <div> 
-    <span class="days" id="day"></span> 
-    <div class="smalltext">Days</div> 
-  </div> 
-  <div> 
-    <span class="hours" id="hour"></span> 
-    <div class="smalltext">Hours</div> 
-  </div> 
-  <div> 
-    <span class="minutes" id="minute"></span> 
-    <div class="smalltext">Minutes</div> 
-  </div> 
-  <div> 
-    <span class="seconds" id="second"></span> 
-    <div class="smalltext">Seconds</div> 
-  </div> 
-</div> 
-  
-<p id="demo"></p> 
- 
-    
+<!DOCTYPE HTML>
+<html>
+<head>
+<style>
+body{
+    text-align: center;
+    background: #fff;
+  font-family: sans-serif;
+  font-weight: 100;
+}
+h1{
+  color: #000000;
+  font-weight: 100;
+  font-size: 40px;
+  margin: 40px 0px 20px;
+}
+ #clockdiv{
+    font-family: sans-serif;
+    color: #fff;
+    display: inline-block;
+    font-weight: 100;
+    text-align: center;
+    font-size: 30px;
+}
+#clockdiv > div{
+    padding: 10px;
+    border-radius: 3px;
+    background: #005bbb;
+    display: inline-block;
+}
+#clockdiv div > span{
+    padding: 15px;
+    border-radius: 3px;
+    background: #005bbb;
+    display: inline-block;
+}
+smalltext{
+    padding-top: 5px;
+    font-size: 16px;
+}
+</style>
+</head>
+<body>
+<h1>Countdown For Next Downtime Maintainance:</h1>
+<div id="clockdiv">
+  <div>
+    <span class="days" id="day"></span>
+    <div class="smalltext">Days</div>
+  </div>
+  <div>
+    <span class="hours" id="hour"></span>
+    <div class="smalltext">Hours</div>
+  </div>
+  <div>
+    <span class="minutes" id="minute"></span>
+    <div class="smalltext">Minutes</div>
+  </div>
+  <div>
+    <span class="seconds" id="second"></span>
+    <div class="smalltext">Seconds</div>
+  </div>
+</div>
+
+<p id="demo"></p>
+
+
     <!-- Enter next downtime date, year, and time here -->
-<script> 
-  
-var deadline = new Date("may 05, 2020 17:20:50").getTime(); 
-  
-var x = setInterval(function() { 
-  
-var now = new Date().getTime(); 
-var t = deadline - now; 
-var days = Math.floor(t / (1000 * 60 * 60 * 24)); 
-var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
-var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
-var seconds = Math.floor((t % (1000 * 60)) / 1000); 
-document.getElementById("day").innerHTML =days ; 
-document.getElementById("hour").innerHTML =hours; 
-document.getElementById("minute").innerHTML = minutes;  
-document.getElementById("second").innerHTML =seconds;  
-if (t < 0) { 
-        clearInterval(x); 
-        document.getElementById("demo").innerHTML = "Downtime Maintainance in Progress..."; 
-        document.getElementById("day").innerHTML ='0'; 
-        document.getElementById("hour").innerHTML ='0'; 
-        document.getElementById("minute").innerHTML ='0' ;  
-        document.getElementById("second").innerHTML = '0'; } 
-}, 1000); 
-</script> 
-</body> 
-</html> 
+<script>
+
+var x = setInterval(function() {
+
+var now = new Date();
+
+var year = now.getFullYear();
+var month = now.getMonth();
+var lastDay = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+if (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0)) 
+{
+		lastDay[2] = 29;
+}
+var deadline = new Date()
+deadline.setFullYear(year, month, lastDay[month]);
+deadline.setDate(deadline.getDate() - deadline.getDay()-5);
+deadline.setHours(0,0,0,0);
+console.log(deadline)
+if(now-deadline>=86400000)
+{
+	month=deadline.getMonth()+1;
+	deadline.setFullYear(year, month, lastDay[month]);
+	deadline.setDate(deadline.getDate() - deadline.getDay()-5);
+	//console.log(deadline)
+}
+
+var t = deadline - now;
+var days = Math.floor(t / (1000 * 60 * 60 * 24));
+var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
+var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
+var seconds = Math.floor((t % (1000 * 60)) / 1000);
+document.getElementById("day").innerHTML =days ;
+document.getElementById("hour").innerHTML =hours;
+document.getElementById("minute").innerHTML = minutes;
+document.getElementById("second").innerHTML =seconds;
+if (t < 0) {
+        clearInterval(x);
+        document.getElementById("demo").innerHTML = "Downtime Maintainance in Progress...";
+        document.getElementById("day").innerHTML ='0';
+        document.getElementById("hour").innerHTML ='0';
+        document.getElementById("minute").innerHTML ='0' ;
+        document.getElementById("second").innerHTML = '0'; }
+}, 1000);
+</script>
+</body>
+</html>
 
 <!-- End of code for Countdown Timer -->
 

From dd99757bae234824ced385a5f883bb9321427029 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 5 May 2020 10:04:54 -0400
Subject: [PATCH 08/19] updated logic line

---
 template/sqstat_html.tpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 3e55d9a..7596eda 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -165,7 +165,7 @@ if (t < 0) {
     // Draw the Doughnut 3 chart
       google.charts.setOnLoadCallback(drawDoughnut3Chart);
 
-      // Callback that draws the pie chart for Sarah's pizza.
+      // Callback to draw the pie chart
       function drawDoughnut1Chart() {
 
         // Create the data table for Doughnut 1 chart

From 64cc02128fe965cd79cd3bc2a24d9c5e9e33d4a5 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 19 May 2020 13:52:41 -0400
Subject: [PATCH 09/19] Edited the page size

---
 template/sqstat_html.tpl | 29 +++++++++++++----------------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 7596eda..360b344 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -7,17 +7,7 @@
 img {
   width: 100%;
 }
-</style>
-</head>
-<body>
 
-<img src="ccr.jpg" alt="HTML5 Icon" style="width:1200px;height:200px;">
-
-</body>
-</html>
-
-
-<br>
 <br>
 <br>
 <br>
@@ -46,7 +36,7 @@ h1{
     display: inline-block;
     font-weight: 100;
     text-align: center;
-    font-size: 30px;
+    font-size: 20px;
 }
 #clockdiv > div{
     padding: 10px;
@@ -61,8 +51,10 @@ h1{
     display: inline-block;
 }
 smalltext{
-    padding-top: 5px;
-    font-size: 16px;
+    padding-top: 2.5px;
+    font-size: 5px;
+	'width':390,
+        'height':200
 }
 </style>
 </head>
@@ -90,7 +82,7 @@ smalltext{
 <p id="demo"></p>
 
 
-    <!-- Enter next downtime date, year, and time here -->
+    <!-- Auto Updating downtime clock -->
 <script>
 
 var x = setInterval(function() {
@@ -180,6 +172,8 @@ if (t < 0) {
           title: 'Current job status(%):',
           pieHole: 0.4,
         colors: ['#005bbb', '#666666'],
+	'width':390,
+        'height':200
         };
 
         // Instantiate and draw the Doughnut 1 Chart
@@ -201,7 +195,9 @@ if (t < 0) {
          var options = {
           title: 'Total Core Usage(%):',
           pieHole: 0.4,
-        colors: ['#005bbb', '#666666']
+        colors: ['#005bbb', '#666666'],
+	'width':390,
+        'height':200
         };
 
         // Instantiate and draw the Doughnut  Chart
@@ -225,6 +221,8 @@ if (t < 0) {
           title: 'Total Node Usage(%):',
           pieHole: 0.4,
             colors: ['#005bbb', '#666666'],
+	'width':390,
+         'height':200
         };
 
         // Instantiate and draw the Doughnut 3 Chart
@@ -251,7 +249,6 @@ if (t < 0) {
 <! End Of Doughnut Chart Script -->
 
 <br>
-<br>
 
 
 

From abd4ec4cfdb4557636768b5218d24df5707e6567 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Wed, 20 May 2020 00:05:10 -0400
Subject: [PATCH 10/19] updated the chart and lowered the chart format

---
 template/sqstat_html.tpl | 47 +++++++++++++++++++++++++++++++++-------
 1 file changed, 39 insertions(+), 8 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 360b344..0a60e3b 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -59,7 +59,7 @@ smalltext{
 </style>
 </head>
 <body>
-<h1>Countdown For Next Downtime Maintainance:</h1>
+<p style="font-size:20px">Countdown to next maintenance downtime:</p>
 <div id="clockdiv">
   <div>
     <span class="days" id="day"></span>
@@ -153,9 +153,7 @@ if (t < 0) {
 
       // Draw the Doughnut 2 chart
       google.charts.setOnLoadCallback(drawDoughnut2Chart);
-        
-    // Draw the Doughnut 3 chart
-      google.charts.setOnLoadCallback(drawDoughnut3Chart);
+
 
       // Callback to draw the pie chart
       function drawDoughnut1Chart() {
@@ -205,7 +203,38 @@ if (t < 0) {
         chart.draw(data, options);
       }
         
+    </script>
+  </head>
+  <body>
+    <!--Table and divs that hold the pie charts-->
+    <table class="columns">
+      <tr>
+          <td><div id="Doughnut1" style="width: 420px; height: 300px;"></div></td> 
+        <td><div id="Doughnut2" style="width: 420px; height: 300px;"></div></td>
+      </tr>
+    </table>
+  </body>
+</html>
+
+<!-- End Of top two Doughnut Chart Script -->
+
+
+<!--third chart below other charts-->
+
+
+<html>
+  <head>
+    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+    <script type="text/javascript">
+
+      // Load Charts and the corechart package.
+      google.charts.load('current', {'packages':['corechart']});
+
         
+    // Draw the Doughnut 3 chart
+      google.charts.setOnLoadCallback(drawDoughnut3Chart);
+
+                
         // Callback that draws the Doughnut 3 Chart
       function drawDoughnut3Chart() {
 
@@ -238,19 +267,21 @@ if (t < 0) {
     <!--Table and divs that hold the pie charts-->
     <table class="columns">
       <tr>
-          <td><div id="Doughnut1" style="width: 420px; height: 300px;"></div></td> 
-        <td><div id="Doughnut2" style="width: 420px; height: 300px;"></div></td>
           <td><div id="Doughnut3" style="width: 420px; height: 300px;"></div></td>
       </tr>
     </table>
   </body>
 </html>
 
-<! End Of Doughnut Chart Script -->
+<!-- End Of Doughnut Chart Script -->
 
-<br>
 
 
+<!--end chart-->
+
+
+<br>
+
 
 <!-- saved from url=(0022)http://internet.e-mail -->
 <div style="color:red">Last updated: _DATE_</div>

From 2f03a0da358f564794977b700eb71ba010f3cbe0 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Wed, 20 May 2020 14:07:29 -0400
Subject: [PATCH 11/19] Added meta to auto resize

---
 template/sqstat_html.tpl | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 0a60e3b..5e34d49 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -1,25 +1,12 @@
-
-<!DOCTYPE html>
-<html>
-<head>
-<style>
-/* This stylesheet sets the width of all images to 100%: */
-img {
-  width: 100%;
-}
-
-<br>
-<br>
-<br>
-
 <!-- Code for Downtime maintainance Timer -->
 
 <!DOCTYPE HTML>
 <html>
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
 body{
-    text-align: center;
+    text-align: left;
     background: #fff;
   font-family: sans-serif;
   font-weight: 100;
@@ -142,6 +129,7 @@ if (t < 0) {
 
 <html>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
 
@@ -224,6 +212,7 @@ if (t < 0) {
 
 <html>
   <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
 

From 33666f78eb9084d6d64a339c039dfec484d0950f Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Fri, 22 May 2020 08:49:08 -0400
Subject: [PATCH 12/19] Removed all the tags

---
 template/sqstat_html.tpl | 45 +++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 5e34d49..aceb394 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -1,9 +1,9 @@
 <!-- Code for Downtime maintainance Timer -->
 
-<!DOCTYPE HTML>
-<html>
-<head>
+
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+
 <style>
 body{
     text-align: left;
@@ -44,8 +44,9 @@ smalltext{
         'height':200
 }
 </style>
-</head>
-<body>
+
+    
+
 <p style="font-size:20px">Countdown to next maintenance downtime:</p>
 <div id="clockdiv">
   <div>
@@ -114,8 +115,8 @@ if (t < 0) {
         document.getElementById("second").innerHTML = '0'; }
 }, 1000);
 </script>
-</body>
-</html>
+
+
 
 <!-- End of code for Countdown Timer -->
 
@@ -127,9 +128,7 @@ if (t < 0) {
 
 <!-- Start of Doughnut Chart Script --->
 
-<html>
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
 
@@ -192,8 +191,7 @@ if (t < 0) {
       }
         
     </script>
-  </head>
-  <body>
+
     <!--Table and divs that hold the pie charts-->
     <table class="columns">
       <tr>
@@ -201,8 +199,8 @@ if (t < 0) {
         <td><div id="Doughnut2" style="width: 420px; height: 300px;"></div></td>
       </tr>
     </table>
-  </body>
-</html>
+
+
 
 <!-- End Of top two Doughnut Chart Script -->
 
@@ -210,9 +208,8 @@ if (t < 0) {
 <!--third chart below other charts-->
 
 
-<html>
-  <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript">
 
@@ -251,16 +248,18 @@ if (t < 0) {
         
         
     </script>
-  </head>
-  <body>
+  
+
     <!--Table and divs that hold the pie charts-->
     <table class="columns">
       <tr>
           <td><div id="Doughnut3" style="width: 420px; height: 300px;"></div></td>
       </tr>
     </table>
-  </body>
-</html>
+ 
+
+
+    
 
 <!-- End Of Doughnut Chart Script -->
 
@@ -368,3 +367,7 @@ if (t < 0) {
  <tr><td>&nbsp;</td><td>_ALLNUSE_ (_PCTNUSE_%)</td><td>_ALLNUNU_ (_PCTNUNU_%)</td></tr>
 
 </table>
+
+    
+    
+

From 54a5cf1cf0d70ebfe70c80bb1cc645231852263d Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Fri, 22 May 2020 08:54:12 -0400
Subject: [PATCH 13/19] removed unwanted image

---
 ccr.jpg | Bin 5758 -> 0 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 delete mode 100644 ccr.jpg

diff --git a/ccr.jpg b/ccr.jpg
deleted file mode 100644
index cb1894bf0903e244cced373009831bfb27749538..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5758
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


From 90fde6643f0a9952121a48dd8cc3b70aa183b28f Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Fri, 22 May 2020 11:39:05 -0400
Subject: [PATCH 14/19] added all the charts in single row and centered the
 clock

---
 template/sqstat_html.tpl | 51 ++++++++++------------------------------
 1 file changed, 13 insertions(+), 38 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index aceb394..831bc1c 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -6,7 +6,7 @@
 
 <style>
 body{
-    text-align: left;
+    text-align: center;
     background: #fff;
   font-family: sans-serif;
   font-weight: 100;
@@ -28,13 +28,13 @@ h1{
 #clockdiv > div{
     padding: 10px;
     border-radius: 3px;
-    background: #005bbb;
+    background: #666666;
     display: inline-block;
 }
 #clockdiv div > span{
     padding: 15px;
     border-radius: 3px;
-    background: #005bbb;
+    background: #666666;
     display: inline-block;
 }
 smalltext{
@@ -47,7 +47,7 @@ smalltext{
 
     
 
-<p style="font-size:20px">Countdown to next maintenance downtime:</p>
+<b><p style="font-size:20px">Countdown to next maintenance downtime:</p></b>
 <div id="clockdiv">
   <div>
     <span class="days" id="day"></span>
@@ -142,7 +142,12 @@ if (t < 0) {
       google.charts.setOnLoadCallback(drawDoughnut2Chart);
 
 
-      // Callback to draw the pie chart
+     // Draw the Doughnut 3 chart
+      google.charts.setOnLoadCallback(drawDoughnut3Chart); 
+        
+         
+        
+        // Callback to draw the doughnut chart
       function drawDoughnut1Chart() {
 
         // Create the data table for Doughnut 1 chart
@@ -190,35 +195,6 @@ if (t < 0) {
         chart.draw(data, options);
       }
         
-    </script>
-
-    <!--Table and divs that hold the pie charts-->
-    <table class="columns">
-      <tr>
-          <td><div id="Doughnut1" style="width: 420px; height: 300px;"></div></td> 
-        <td><div id="Doughnut2" style="width: 420px; height: 300px;"></div></td>
-      </tr>
-    </table>
-
-
-
-<!-- End Of top two Doughnut Chart Script -->
-
-
-<!--third chart below other charts-->
-
-
-
-    
-    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-    <script type="text/javascript">
-
-      // Load Charts and the corechart package.
-      google.charts.load('current', {'packages':['corechart']});
-
-        
-    // Draw the Doughnut 3 chart
-      google.charts.setOnLoadCallback(drawDoughnut3Chart);
 
                 
         // Callback that draws the Doughnut 3 Chart
@@ -246,17 +222,16 @@ if (t < 0) {
       }
         
         
-        
     </script>
-  
 
     <!--Table and divs that hold the pie charts-->
     <table class="columns">
       <tr>
-          <td><div id="Doughnut3" style="width: 420px; height: 300px;"></div></td>
+          <td><div id="Doughnut1" style="width: 310px; height: 250px;"></div></td> 
+        <td><div id="Doughnut2" style="width: 310px; height: 250px;"></div></td>
+          <td><div id="Doughnut3" style="width: 310px; height: 250px;"></div></td>
       </tr>
     </table>
- 
 
 
     

From b82303a10caf0784f69ecef51eeaa6dfc5a6200d Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 26 May 2020 09:04:45 -0400
Subject: [PATCH 15/19] changed alignment of the chart

---
 template/sqstat_html.tpl | 36 +++++++-----------------------------
 1 file changed, 7 insertions(+), 29 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 831bc1c..7a793ae 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -121,11 +121,6 @@ if (t < 0) {
 <!-- End of code for Countdown Timer -->
 
 
-
-<br>
-<br>
-
-
 <!-- Start of Doughnut Chart Script --->
 
     
@@ -162,7 +157,7 @@ if (t < 0) {
           title: 'Current job status(%):',
           pieHole: 0.4,
         colors: ['#005bbb', '#666666'],
-	'width':390,
+	   'width':390,
         'height':200
         };
 
@@ -224,18 +219,6 @@ if (t < 0) {
         
     </script>
 
-    <!--Table and divs that hold the pie charts-->
-    <table class="columns">
-      <tr>
-          <td><div id="Doughnut1" style="width: 310px; height: 250px;"></div></td> 
-        <td><div id="Doughnut2" style="width: 310px; height: 250px;"></div></td>
-          <td><div id="Doughnut3" style="width: 310px; height: 250px;"></div></td>
-      </tr>
-    </table>
-
-
-    
-
 <!-- End Of Doughnut Chart Script -->
 
 
@@ -243,9 +226,6 @@ if (t < 0) {
 <!--end chart-->
 
 
-<br>
-
-
 <!-- saved from url=(0022)http://internet.e-mail -->
 <div style="color:red">Last updated: _DATE_</div>
 <style type="text/css">
@@ -287,9 +267,7 @@ if (t < 0) {
 	
 </tr>
 </table>
-
-<br/>
-
+<br>
 <p align="left">Summary of current jobs: </p>
 
 <table class="ccr-dtable">
@@ -305,8 +283,8 @@ if (t < 0) {
 <tr><td>&nbsp;</td><td>_ALLJRUN_ (_PCTJRUN_%)</td><td>_ALLJQUE_ (_PCTJQUE_%)</td><td>_ALLJTOT_</td></tr>
 
 </table>
-
-<br/>
+<td><div id="Doughnut1" ></div></td>
+<br>
 
 <p align="left">Summary of current core usage:</p>
 
@@ -324,9 +302,9 @@ if (t < 0) {
 <tr><td>&nbsp;</td><td>_ALLCTOT_</td><td>_ALLCUSE_ (_PCTCUSE_%)</td><td>_ALLCUNU_ (_PCTCUNU_%)</td><td>_ALLCOTH_</td></tr>
 
 </table>
+<td><div id="Doughnut2" ></div></td>
 
-
-<br/>
+<br>
 
 <p align="left">Summary of current node usage:</p>
 
@@ -342,7 +320,7 @@ if (t < 0) {
  <tr><td>&nbsp;</td><td>_ALLNUSE_ (_PCTNUSE_%)</td><td>_ALLNUNU_ (_PCTNUNU_%)</td></tr>
 
 </table>
-
+<td><div id="Doughnut3" ></div></td>
     
     
 

From 3e08b795d817d6e45da7cdbd6d33485447f8ebc0 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 26 May 2020 15:46:53 -0400
Subject: [PATCH 16/19] updated layout

---
 template/sqstat_html.tpl | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 7a793ae..4461cc6 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -267,7 +267,10 @@ if (t < 0) {
 	
 </tr>
 </table>
+
 <br>
+
+<table class="columns">
 <p align="left">Summary of current jobs: </p>
 
 <table class="ccr-dtable">
@@ -322,5 +325,5 @@ if (t < 0) {
 </table>
 <td><div id="Doughnut3" ></div></td>
     
-    
+</table>
 

From 2661cca8b3450de8bea61237d9b65e1b15de3bd2 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 26 May 2020 15:58:45 -0400
Subject: [PATCH 17/19] updated alignment tags

---
 template/sqstat_html.tpl | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 4461cc6..a1512a8 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -268,9 +268,15 @@ if (t < 0) {
 </tr>
 </table>
 
-<br>
+
 
 <table class="columns">
+    
+<tr>
+<td>
+<br>    
+    
+    
 <p align="left">Summary of current jobs: </p>
 
 <table class="ccr-dtable">
@@ -286,9 +292,15 @@ if (t < 0) {
 <tr><td>&nbsp;</td><td>_ALLJRUN_ (_PCTJRUN_%)</td><td>_ALLJQUE_ (_PCTJQUE_%)</td><td>_ALLJTOT_</td></tr>
 
 </table>
+    </td>
 <td><div id="Doughnut1" ></div></td>
-<br>
+    </tr>
 
+    
+<tr>
+<td>
+<br>
+    
 <p align="left">Summary of current core usage:</p>
 
 <table class="ccr-dtable">
@@ -305,10 +317,16 @@ if (t < 0) {
 <tr><td>&nbsp;</td><td>_ALLCTOT_</td><td>_ALLCUSE_ (_PCTCUSE_%)</td><td>_ALLCUNU_ (_PCTCUNU_%)</td><td>_ALLCOTH_</td></tr>
 
 </table>
+    </td>
 <td><div id="Doughnut2" ></div></td>
+    </tr>
 
-<br>
-
+    
+<tr>
+<td>
+<br>    
+    
+    
 <p align="left">Summary of current node usage:</p>
 
 <table class="ccr-dtable">
@@ -323,7 +341,8 @@ if (t < 0) {
  <tr><td>&nbsp;</td><td>_ALLNUSE_ (_PCTNUSE_%)</td><td>_ALLNUNU_ (_PCTNUNU_%)</td></tr>
 
 </table>
+    </td>
 <td><div id="Doughnut3" ></div></td>
-    
+    </tr>
 </table>
 

From ee73ebe979d28992ac081a658f6903cc90ae05a3 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Tue, 2 Jun 2020 22:55:59 -0400
Subject: [PATCH 18/19] Updated automatic and manual timer

---
 template/sqstat_html.tpl | 67 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 61 insertions(+), 6 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index a1512a8..5ea14ae 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -46,6 +46,7 @@ smalltext{
 </style>
 
     
+<!-- Countdwon timer -->
 
 <b><p style="font-size:20px">Countdown to next maintenance downtime:</p></b>
 <div id="clockdiv">
@@ -70,7 +71,51 @@ smalltext{
 <p id="demo"></p>
 
 
-    <!-- Auto Updating downtime clock -->
+<!-- Manually updating Countdown timer (remove tags and add tags for auto updating timer) -->
+
+<!--
+
+
+<script>
+
+var deadline = new Date("jun 7, 2020 15:37:25").getTime();
+
+var x = setInterval(function() {
+
+var now = new Date().getTime();
+var t = deadline - now;
+var days = Math.floor(t / (1000 * 60 * 60 * 24));
+var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
+var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
+var seconds = Math.floor((t % (1000 * 60)) / 1000);
+document.getElementById("day").innerHTML =days ;
+document.getElementById("hour").innerHTML =hours;
+document.getElementById("minute").innerHTML = minutes;
+document.getElementById("second").innerHTML =seconds;
+if (t < 0) {
+        clearInterval(x);
+        document.getElementById("demo").innerHTML = "Downtime Maintainance in Progress...";
+        document.getElementById("day").innerHTML ='0';
+        document.getElementById("hour").innerHTML ='0';
+        document.getElementById("minute").innerHTML ='0' ;
+        document.getElementById("second").innerHTML = '0'; }
+}, 1000);
+</script>
+
+
+-->
+
+<!-- End of manually updating timer -->
+
+
+
+
+
+
+
+
+<!-- Auto Updating downtime clock -->
+
 <script>
 
 var x = setInterval(function() {
@@ -79,6 +124,7 @@ var now = new Date();
 
 var year = now.getFullYear();
 var month = now.getMonth();
+console.log(month)
 var lastDay = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 if (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0)) 
 {
@@ -86,9 +132,16 @@ if (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0))
 }
 var deadline = new Date()
 deadline.setFullYear(year, month, lastDay[month]);
+if((-deadline.getDay()-5)<=-7)
+{
+deadline.setDate(deadline.getDate() - deadline.getDay()-5+7)
+}
+else
+{
 deadline.setDate(deadline.getDate() - deadline.getDay()-5);
+}
 deadline.setHours(0,0,0,0);
-console.log(deadline)
+//console.log(deadline)
 if(now-deadline>=86400000)
 {
 	month=deadline.getMonth()+1;
@@ -118,7 +171,11 @@ if (t < 0) {
 
 
 
-<!-- End of code for Countdown Timer -->
+
+<!-- End of code for autoupdating Countdown Timer -->
+
+
+
 
 
 <!-- Start of Doughnut Chart Script --->
@@ -220,12 +277,10 @@ if (t < 0) {
     </script>
 
 <!-- End Of Doughnut Chart Script -->
-
-
-
 <!--end chart-->
 
 
+
 <!-- saved from url=(0022)http://internet.e-mail -->
 <div style="color:red">Last updated: _DATE_</div>
 <style type="text/css">

From 52806ed888ef58784a76784bb51e4ffdae79f746 Mon Sep 17 00:00:00 2001
From: votreeshwaran <votreesh@buffalo.edu>
Date: Wed, 3 Jun 2020 09:23:46 -0400
Subject: [PATCH 19/19] added spacing and changed alignment

---
 template/sqstat_html.tpl | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/template/sqstat_html.tpl b/template/sqstat_html.tpl
index 5ea14ae..f961bed 100644
--- a/template/sqstat_html.tpl
+++ b/template/sqstat_html.tpl
@@ -5,11 +5,9 @@
 
 
 <style>
-body{
-    text-align: center;
-    background: #fff;
-  font-family: sans-serif;
-  font-weight: 100;
+
+    div.a {
+  text-align: center;
 }
 h1{
   color: #000000;
@@ -47,7 +45,7 @@ smalltext{
 
     
 <!-- Countdwon timer -->
-
+<div class="a">
 <b><p style="font-size:20px">Countdown to next maintenance downtime:</p></b>
 <div id="clockdiv">
   <div>
@@ -69,7 +67,7 @@ smalltext{
 </div>
 
 <p id="demo"></p>
-
+</div>
 
 <!-- Manually updating Countdown timer (remove tags and add tags for auto updating timer) -->
 
@@ -282,7 +280,9 @@ if (t < 0) {
 
 
 <!-- saved from url=(0022)http://internet.e-mail -->
-<div style="color:red">Last updated: _DATE_</div>
+<br>
+<div style="color:red", align = "center">Last updated: _DATE_</div>
+<br>
 <style type="text/css">
 .ccr-dtable {
     border-collapse: collapse;
@@ -300,8 +300,9 @@ if (t < 0) {
 .ccr-dtable {
     text-align: right;
 }
+    
 </style>
-
+<br>
 <table class="ccr-dtable">
 <tr>
     <!--<th>Peak (TFlop/s)</th> -->
