Fix bug dynamically updating number of records in dashboard stats

Author: JohnGutierrez1027

code/mymedic/static/js/dashboard.js

@@ -34,4 +34,14 @@ document.addEventListener('DOMContentLoaded', function() {
       this.style.transform = 'translateY(0)';
     });
   });
-});
+});
+
+document.addEventListener("DOMContentLoaded", function () {
+  const recordCount = localStorage.getItem("medical_records_count");
+  if (recordCount !== null) {
+    const countElement = document.getElementById("medical-records-count");
+    if (countElement) {
+      countElement.textContent = recordCount;
+    }
+  }
+});

code/mymedic/static/js/medical_records.js

@@ -25,14 +25,12 @@ document.addEventListener("DOMContentLoaded", function () {
         { title: "Flu Vaccination", date: "2025-03-12", summary: "Administered seasonal influenza vaccine. No adverse reactions." },
         { title: "Dermatology Consultation", date: "2025-04-13", summary: "Eczema well-controlled. Continue current treatment regimen." },
         { title: "Eye Examination", date: "2025-05-14", summary: "Vision remains stable at 20/20. Annual follow-up recommended." },
-        { title: "MRI Scan (Knee)", date: "2025-06-15", summary: "Significant improvement in inflammation. Continue physiotherapy." }
+        { title: "Dental Extraction", date: "2025-08-05", summary: "One extraction due to a deep cavity." },
     ];
 
-    // Update dashboard stats
-    localStorage.setItem("medical_records_count", records.length);
-
     function loadRecords() {
         container.innerHTML = "";
+        localStorage.setItem("medical_records_count", records.length);
 
         if (records.length === 0) {
             if (recordMessage) {
@@ -88,4 +86,4 @@ document.addEventListener("DOMContentLoaded", function () {
     });
 
     loadRecords();
-});
+});

code/mymedic/users/templates/users/dashboard.html

@@ -81,11 +81,11 @@ <h3 class="stat-number">3</h3>
               </div>
             </div>
           </div>
-          <div class="col-lg-3 col-md-6 mb-4">
+           <div class="col-lg-3 col-md-6 mb-4">
             <div class="stat-card">
               <div class="stat-icon records"></div>
               <div class="stat-content">
-                <h3 class="stat-number" id="medical-records-count">0</h3>
+                <h3 class="stat-number" id="medical-records-count">{{ medical_records_count|default:0 }}</h3>
                 <p class="stat-label">Medical Records</p>
               </div>
             </div>