diff options
author | 2025-05-03 21:38:57 +0530 | |
---|---|---|
committer | 2025-05-03 21:38:57 +0530 | |
commit | 27fa556f6320705afa342b7ece828a285798b2cf (patch) | |
tree | 1223baf4398d9bbfac90407ba2a17bc32e808a67 | |
parent | 87966dec8a81e9373e3600799f7c7d91c3bedb86 (diff) | |
download | chronos-27fa556f6320705afa342b7ece828a285798b2cf.tar.gz chronos-27fa556f6320705afa342b7ece828a285798b2cf.tar.bz2 chronos-27fa556f6320705afa342b7ece828a285798b2cf.zip |
fix: removed close button in graphsfeature/zoom-metrics
-rw-r--r-- | static/js/main.js | 26 |
1 files changed, 7 insertions, 19 deletions
diff --git a/static/js/main.js b/static/js/main.js index 1617be2..a5be8d4 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -923,17 +923,11 @@ function ensureChartModalExists() { const canvas = document.createElement('canvas'); canvas.id = 'expandedChart'; - const closeModalBtn = document.createElement('button'); - closeModalBtn.id = 'close-chart-modal'; - closeModalBtn.className = 'button'; - closeModalBtn.textContent = 'Close'; - // Assemble the modal chartContainer.appendChild(canvas); modalContent.appendChild(closeButton); modalContent.appendChild(modalTitle); modalContent.appendChild(chartContainer); - modalContent.appendChild(closeModalBtn); chartModalEl.appendChild(modalContent); // Add to document body @@ -941,7 +935,6 @@ function ensureChartModalExists() { // Set up event listeners closeButton.addEventListener('click', () => closeChartModal(chartModalEl)); - closeModalBtn.addEventListener('click', () => closeChartModal(chartModalEl)); chartModalEl.addEventListener('click', (event) => { if (event.target === chartModalEl) { closeChartModal(chartModalEl); @@ -952,13 +945,12 @@ function ensureChartModalExists() { chartModal = chartModalEl; chartModalTitle = modalTitle; closeChartModalBtn = closeButton; - closeChartBtn = closeModalBtn; + closeChartBtn = null; // No longer used console.log("Chart modal created dynamically", { chartModal: !!chartModal, chartModalTitle: !!chartModalTitle, - closeChartModalBtn: !!closeChartModalBtn, - closeChartBtn: !!closeChartBtn + closeChartModalBtn: !!closeChartModalBtn }); return true; @@ -1076,10 +1068,11 @@ document.addEventListener('DOMContentLoaded', function() { chartModal = document.getElementById('chart-modal'); chartModalTitle = document.getElementById('chart-modal-title'); closeChartModalBtn = document.querySelector('#chart-modal .close-button'); - closeChartBtn = document.getElementById('close-chart-modal'); + // Bottom close button has been removed + closeChartBtn = null; // If chart modal doesn't exist, create it - if (!chartModal || !chartModalTitle || !closeChartModalBtn || !closeChartBtn) { + if (!chartModal || !chartModalTitle || !closeChartModalBtn) { const created = ensureChartModalExists(); if (created) { console.log("Chart modal was created during initialization"); @@ -1100,7 +1093,6 @@ document.addEventListener('DOMContentLoaded', function() { chartModal: !!chartModal, chartModalTitle: !!chartModalTitle, closeChartModalBtn: !!closeChartModalBtn, - closeChartBtn: !!closeChartBtn, metricsSection: !!metricsSection, viewMetricsBtn: !!viewMetricsBtn, passwordModal: !!passwordModal @@ -1190,23 +1182,19 @@ document.addEventListener('dom-fully-ready', function() { const chartModalEl = document.getElementById('chart-modal'); const chartModalTitleEl = document.getElementById('chart-modal-title'); const closeChartModalBtnEl = document.querySelector('#chart-modal .close-button'); - const closeChartBtnEl = document.getElementById('close-chart-modal'); // Store in global variables for access in other functions if (chartModalEl) chartModal = chartModalEl; if (chartModalTitleEl) chartModalTitle = chartModalTitleEl; if (closeChartModalBtnEl) closeChartModalBtn = closeChartModalBtnEl; - if (closeChartBtnEl) closeChartBtn = closeChartBtnEl; // Verify modal elements were found - const allElementsFound = !!chartModal && !!chartModalTitle && - !!closeChartModalBtn && !!closeChartBtn; + const allElementsFound = !!chartModal && !!chartModalTitle && !!closeChartModalBtn; console.log("Chart elements initialized on dom-fully-ready event:", { chartModal: !!chartModal, chartModalTitle: !!chartModalTitle, - closeChartModalBtn: !!closeChartModalBtn, - closeChartBtn: !!closeChartBtn + closeChartModalBtn: !!closeChartModalBtn }); if (!allElementsFound) { |