From 9352923aa04b00a88c7ae3b2e5144560f456b496 Mon Sep 17 00:00:00 2001
From: ouellette <jonathan.ouellette@infineon.com>
Date: Tue, 14 Nov 2023 11:00:43 -0700
Subject: [PATCH] Added in a loading indicator.

---
 .../Views/ProductionReport/DailyReport.cshtml  | 18 ++++++++++++++----
 ReportingServices.UI/wwwroot/js/site.js        | 14 +++++++++-----
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/ReportingServices.UI/Views/ProductionReport/DailyReport.cshtml b/ReportingServices.UI/Views/ProductionReport/DailyReport.cshtml
index f236813..7c814e5 100644
--- a/ReportingServices.UI/Views/ProductionReport/DailyReport.cshtml
+++ b/ReportingServices.UI/Views/ProductionReport/DailyReport.cshtml
@@ -561,7 +561,9 @@
         </tbody>
     </table>
 </div>
-<div class="table-responsive">
+<div class="table-responsive" style="margin-top:40px;" id="eppTempOffsets">
+
+    
     <table class="table">
       <thead>
         <tr>
@@ -582,15 +584,23 @@
           <th scope="col">Hours</th>
         </tr>
       </thead>
-      <tbody id ="EpiProTempVerification"></tbody>
+      <tbody id ="EpiProTempVerification">
+      <tr>
+        <td id="loadingRow" colspan="16">Loading EPP Temperature Data...
+            <div class="spinner-border text-danger" role="status">
+                <span class="sr-only">Loading...</span>
+            </div>
+        </td>
+
+      </tr>
+      </tbody>
     </table>
 </div>
 
 <script>
 
     $(document).ready(function () {
-
-        appendDiv();
+        loadEPPTempOffsets();
 
     });
 
diff --git a/ReportingServices.UI/wwwroot/js/site.js b/ReportingServices.UI/wwwroot/js/site.js
index 549ccb6..f202054 100644
--- a/ReportingServices.UI/wwwroot/js/site.js
+++ b/ReportingServices.UI/wwwroot/js/site.js
@@ -224,20 +224,24 @@ function compareStrings(isDate, dir, string1, string2) {
     return false;
 }
 
-function appendDiv() {
+function loadEPPTempOffsets() {
     const tbody = document.getElementById("EpiProTempVerification");
     $.ajax({
         type: "GET",
         url: 'https://oi-metrology-viewer-prod.mes.infineon.com/api/InfinityQSV3/epi-pro-temp-verification/?night=44&night=46&night=52&night=54',
         success: function (r) {
-            if (r == null)
-                ShowErrorMessage("Invalid data");
+            if (r == null) {
+                r = "<tr><td colspan='16'>Error getting EPP Temp Offset data...</td></tr>"
+                tbody.innerHTML = r;
+            }
             else {
                 tbody.innerHTML = r;
             }
+            
         },
         error: function (e, _ajaxOptions, ex) {
-            DisplayWSMessage("error", "There was an error getting data.", e, ex);
-        }
+            r = "<tr><td colspan='16'>Error getting EPP Temp Offset data...</td></tr>"
+            tbody.innerHTML = r;
+        }  
     });
 }