changed the way how data.json is called

static/populateTable.js

@@ -1,8 +1,28 @@
 document.addEventListener('DOMContentLoaded', () => {
-    fetch('/api/guns')
+    fetch('/static/json/data.json')  // Fetch the JSON file directly
         .then(response => response.json())
         .then(data => {
-            populateTable(data);
+            const updatedGuns = data.map(gun => {
+                const original_damage = gun['damage'];
+                const rps = gun['rpm'] / 60;
+                const dps = original_damage * rps;
+                const reload_time_min = gun['reload_time'] / 60;
+                const dpm = (gun['mag_size'] * original_damage) / (reload_time_min + (gun['mag_size'] / gun['rpm']));
+                const avg_dps = dpm / 60;
+                const total_damage = original_damage * gun['damage_multiplier'];
+
+                // Add the calculated stats to the gun object
+                return {
+                    ...gun,
+                    total_damage: total_damage,
+                    rps: rps,
+                    dps: dps,
+                    dpm: dpm,
+                    avg_dps: avg_dps
+                };
+            });
+
+            populateTable(updatedGuns);
         });
 });
 
@@ -13,7 +33,7 @@ function populateTable(data) {
         const row = table.insertRow();
         row.insertCell(0).innerText = gun.id;
         row.insertCell(1).innerText = gun.name;
-        row.insertCell(2).innerText = gun.total_damage;
+        row.insertCell(2).innerText = gun.total_damage.toFixed(2);
         row.insertCell(3).innerText = gun.rpm;
         row.insertCell(4).innerText = gun.mag_size;
         row.insertCell(5).innerText = gun.reload_time;
@@ -23,4 +43,4 @@ function populateTable(data) {
         row.insertCell(9).innerText = gun.dpm.toFixed(2);
         row.insertCell(10).innerText = gun.avg_dps.toFixed(2);
     });
-}
+}