Update web/profile.html

web/profile.html

@@ -477,138 +477,7 @@ function renderBars(measurements) {
         // RANGE BARS LOGIC
         const tabs = document.querySelectorAll(".tab");
         const contents = document.querySelectorAll(".tab-content");
-        // const measurements = [
-        //   {
-        //     name: "Blood Sugar",
-        //     min: 70,
-        //     max: 110,
-        //     value: 95,
-        //     tab: "in-range",
-        //     impacts: ["Pancreas"],
-        //   },
-        //   {
-        //     name: "Cholesterol",
-        //     min: 120,
-        //     max: 200,
-        //     value: 180,
-        //     tab: "in-range",
-        //     impacts: ["Heart", "Arteries"],
-        //   },
-        //   {
-        //     name: "Triglycerides",
-        //     min: 50,
-        //     max: 150,
-        //     value: 180,
-        //     tab: "out-range",
-        //     impacts: ["Heart"],
-        //   },
-        //   {
-        //     name: "Blood Pressure",
-        //     min: 90,
-        //     max: 120,
-        //     value: 130,
-        //     tab: "out-range",
-        //     impacts: ["Heart", "Kidneys"],
-        //   },
-        // ];
-
-//         const counts = { "in-range": 0, "out-range": 0 };
-
-//         measurements.forEach((m) => {
-//           counts[m.tab]++;
-//           const container = document.getElementById(m.tab);
-//           const card = document.createElement("div");
-//           card.className = "range-card";
-//           const title = document.createElement("h3");
-//           title.textContent = m.name;
-//           card.appendChild(title);
-//           if (m.impacts) {
-//             const impactLabel = document.createElement("div");
-//             impactLabel.className = "impact-label";
-//             impactLabel.textContent = "Impacts: " + m.impacts.join(", ");
-//             card.appendChild(impactLabel);
-//           }
-//           const barContainer = document.createElement("div");
-//           barContainer.className = "range-bar-container";
-//           const bar = document.createElement("div");
-//           bar.className = "range-bar";
-
-//           let normalPercent = 100;
-//           let overflowPercent = 0;
-//           if (m.tab === "out-range" && m.value > m.max) {
-//             normalPercent = ((m.max - m.min) / (m.value - m.min)) * 100;
-//             overflowPercent = 100 - normalPercent;
-//           }
-
-//           const normalDiv = document.createElement("div");
-//           normalDiv.className = "normal-range";
-//           normalDiv.style.width = normalPercent + "%";
-//           bar.appendChild(normalDiv);
-//           if (overflowPercent > 0) {
-//             const overflowDiv = document.createElement("div");
-//             overflowDiv.className = "overflow-range";
-//             overflowDiv.style.left = normalPercent + "%";
-//             overflowDiv.style.width = overflowPercent + "%";
-//             bar.appendChild(overflowDiv);
-//           }
-
-//           let valuePercent = ((m.value - m.min) / (m.max - m.min)) * 100;
-//           valuePercent = Math.min(Math.max(valuePercent, 0), 100);
-//           const marker = document.createElement("div");
-//           marker.className = "marker";
-//           marker.style.left = valuePercent + "%";
-//           bar.appendChild(marker);
-//           const valueLabel = document.createElement("div");
-//           valueLabel.className = "value-label";
-//           valueLabel.style.left = valuePercent + "%";
-//           valueLabel.textContent = m.value;
-//           bar.appendChild(valueLabel);
-
-//           barContainer.appendChild(bar);
-
-// const minMaxDiv = document.createElement("div");
-// minMaxDiv.className = "min-max-labels relative w-full";
-
-// const minLabel = document.createElement("span");
-// minLabel.textContent = "Min: " + m.min;
-// minLabel.style.position = "absolute";
-// minLabel.style.left = "0";
-
-// const maxLabel = document.createElement("span");
-// maxLabel.textContent = "Max: " + m.max;
-// maxLabel.style.position = "absolute";
-
-// // put the max label at the end of the green section
-// let maxPercent = 100;
-// if (m.value > m.max) {
-//   maxPercent = ((m.max - m.min) / (m.value - m.min)) * 100;
-// }
-// maxLabel.style.left = maxPercent + "%";
-// maxLabel.style.transform = "translateX(-100%)"; // anchor it properly
-
-// minMaxDiv.appendChild(minLabel);
-// minMaxDiv.appendChild(maxLabel);
-// barContainer.appendChild(minMaxDiv);
-
-
-//           card.appendChild(barContainer);
-//           container.appendChild(card);
-//         });
-
-        // tabs.forEach((tab) => {
-        //   const t = tab.dataset.tab;
-        //   const badge = tab.querySelector(".count-badge");
-        //   badge.textContent = counts[t];
-        //   tab.addEventListener("click", () => {
-        //     tabs.forEach((t) => t.classList.remove("active"));
-        //     tab.classList.add("active");
-        //     contents.forEach((c) =>
-        //       c.id === t
-        //         ? c.classList.add("active")
-        //         : c.classList.remove("active")
-        //     );
-        //   });
-        // });
+      
       });
     </script>
   </body>