Added spinner for Save Insight

Author: srujanavanama

app.py

@@ -34,7 +34,7 @@
 
 # Add the parent directory to sys.path to import from chat package
 sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
-from chat.chat import create_chat_completion
+from prototype.chat.chat import create_chat_completion
 
 app = Flask(__name__)
 app.config['SECRET_KEY'] = 'hackathon-demo-secret-key'

static/js/knowledgeBase.js

@@ -178,6 +178,8 @@ document.addEventListener('DOMContentLoaded', function() {
 
     document.getElementById("addInsightForm").addEventListener("submit", async function(event) {
         event.preventDefault();
+        saveInsightLoadingSpinner.classList.remove("d-none"); // Show loading spinner while saving
+        savingInsightMessage.classList.remove("d-none"); // Hide previous message
 
         // Get form values
         const category = document.getElementById("category").value;
@@ -200,16 +202,23 @@ document.addEventListener('DOMContentLoaded', function() {
 
             if (!response.ok) {
                 document.getElementById("addInsightErrorMessage").classList.remove("d-none");
+                saveInsightLoadingSpinner.classList.add("d-none"); 
+                savingInsightMessage.classList.add("d-none"); 
             } else {
                 // Show success message
                 document.getElementById("addInsightSuccessMessage").classList.remove("d-none");
 
+                saveInsightLoadingSpinner.classList.add("d-none"); 
+                savingInsightMessage.classList.add("d-none"); 
+
                 // Clear input fields but keep form open
                 document.getElementById("category").value = "";
                 document.getElementById("details").value = "";
             }
         } catch (error) {
             document.getElementById("addInsightErrorMessage").classList.remove("d-none");
+            saveInsightLoadingSpinner.classList.add("d-none"); 
+            savingInsightMessage.classList.add("d-none"); 
         }
 
     });

templates/dashboard.html

@@ -422,7 +422,12 @@ <h6 class="mb-0"><i class="fas fa-lightbulb me-2"></i> Add Insight</h6>
                                 <textarea class="form-control" id="details" rows="3" required></textarea>
                             </div>
                             <div class="d-flex justify-content-between">
-                                <button type="submit" class="btn btn-primary">Save Insight</button>
+                                <button type="submit" class="btn btn-primary saveInsightButton">Save Insight</button>
+                                <!-- Save Insight Generation Spinner -->
+                                <div id="saveInsightLoadingSpinner" class="spinner-border text-primary ms-3 d-none" role="status">
+                                    <span class="visually-hidden">Saving Insight...</span> <!-- Hidden for screen readers -->
+                                </div>
+                                <span id="savingInsightMessage" class="ms-2 d-none">Saving Insight...</span>
                                 <button type="button" class="btn btn-outline-secondary" id="cancelAddInsight">Cancel</button>
                             </div>
                         </form>