diff --git a/footer.php b/footer.php index 655a6742..0c4364cf 100644 --- a/footer.php +++ b/footer.php @@ -15,6 +15,7 @@ + @@ -26,6 +27,7 @@ + diff --git a/js/header_timers.js b/js/header_timers.js new file mode 100644 index 00000000..4a0ee939 --- /dev/null +++ b/js/header_timers.js @@ -0,0 +1,105 @@ +// ticketCounter.js +(function() { + function getRunningTicketCount() { + let count = 0; + for (let i = 0; i < localStorage.length; i++) { + let key = localStorage.key(i); + if (key.includes("ticket-timer-running")) { + let isRunning = JSON.parse(localStorage.getItem(key)); + if (isRunning) { + count++; + } + } + } + return count; + } + + function updateTicketCountDisplay() { + let count = getRunningTicketCount(); + let countDisplay = document.getElementById("runningTicketsCount"); + if (countDisplay) { + countDisplay.innerText = count; + } + } + + function getElapsedSeconds(ticketID) { + let storedStartTime = parseInt(localStorage.getItem(ticketID + "-startTime") || "0"); + let pausedTime = parseInt(localStorage.getItem(ticketID + "-pausedTime") || "0"); + if (!storedStartTime) return pausedTime; + let timeSinceStart = Math.floor((Date.now() - storedStartTime) / 1000); + return pausedTime + timeSinceStart; + } + + function formatTime(seconds) { + let hours = Math.floor(seconds / 3600); + let minutes = Math.floor((seconds % 3600) / 60); + let secs = seconds % 60; + return `${hours}h ${minutes}m ${secs}s`; + } + + function loadOpenTickets() { + var openTicketsContainer = document.getElementById('openTicketsContainer'); + openTicketsContainer.innerHTML = ''; // Clear existing content + + for (let i = 0; i < localStorage.length; i++) { + let key = localStorage.key(i); + + if (key.startsWith("ticket-timer-running-")) { + let ticketID = key.replace("ticket-timer-running-", ""); + let isRunning = JSON.parse(localStorage.getItem(key)); + + var ticketDiv = document.createElement('div'); + ticketDiv.classList.add('card', 'card-outline', 'mb-3'); + // Add class based on ticket status + ticketDiv.classList.add(isRunning ? 'card-info' : 'card-warning'); + ticketDiv.id = 'ticket-' + ticketID; + + let elapsedSecs = getElapsedSeconds(ticketID); + let timeString = formatTime(elapsedSecs); + + ticketDiv.innerHTML = ` +
+

Ticket ID: ${ticketID}

+ View Ticket +
+
+

Total Time: ${timeString}

+
+ `; + + openTicketsContainer.appendChild(ticketDiv); + } + } + + requestAnimationFrame(() => updateRunningTickets()); + } + + + + function updateRunningTickets() { + var runningTickets = document.querySelectorAll('[id^="ticket-"]'); + runningTickets.forEach(ticket => { + let ticketID = ticket.id.replace("ticket-", ""); + let isRunning = JSON.parse(localStorage.getItem("ticket-timer-running-" + ticketID)); + + if (isRunning) { + let updatedTime = formatTime(getElapsedSeconds(ticketID)); + document.getElementById('time-' + ticketID).innerText = 'Total Time: ' + updatedTime; + } + }); + + requestAnimationFrame(updateRunningTickets); + } + + // Initial update on script load + updateTicketCountDisplay(); + + // Add event listener to modal + document.addEventListener('DOMContentLoaded', function() { + var modal = document.getElementById('openTicketsModal'); + if (modal) { + $('#openTicketsModal').on('show.bs.modal', loadOpenTickets); + } + }); + +})(); diff --git a/js/ticket_time_tracking.js b/js/ticket_time_tracking.js index a49a8fb0..ddcd41e7 100644 --- a/js/ticket_time_tracking.js +++ b/js/ticket_time_tracking.js @@ -8,6 +8,8 @@ var ticketID = getCurrentTicketID(); var elapsedSecs = getElapsedSeconds(); + updateRunningTicketsCount(); + function getCurrentTicketID() { const urlParams = new URLSearchParams(window.location.search); return urlParams.get('ticket_id'); @@ -53,6 +55,9 @@ timerInterval = setInterval(countTime, 1000); isPaused = false; document.getElementById("startStopTimer").innerText = "Pause"; + updateRunningTicketsCount(); + localStorage.setItem("ticket-timer-running-" + ticketID, "true"); + } function pauseTimer() { @@ -65,6 +70,9 @@ localStorage.removeItem(getLocalStorageKey("startTime")); isPaused = true; document.getElementById("startStopTimer").innerText = "Start"; + updateRunningTicketsCount(); + localStorage.setItem("ticket-timer-running-" + ticketID, "false"); + } function clearTimeStorage() { @@ -81,6 +89,8 @@ displayTime(); document.getElementById("startStopTimer").innerText = "Start"; } + localStorage.setItem("ticket-timer-running-" + ticketID, "false"); + updateRunningTicketsCount(); } function forceResetTimer() { @@ -114,6 +124,18 @@ localStorage.removeItem(getLocalStorageKey("pausedTime")); } } + + function updateRunningTicketsCount() { + var runningTickets = parseInt(document.getElementById('runningTicketsCount').innerText, 10); + + if (!isPaused && timerInterval) { + runningTickets += 1; + } else { + runningTickets = Math.max(0, runningTickets - 1); + } + + document.getElementById('runningTicketsCount').innerText = runningTickets.toString(); + } document.getElementById("hours").addEventListener('change', updateTimeFromInput); document.getElementById("minutes").addEventListener('change', updateTimeFromInput); diff --git a/ticket.php b/ticket.php index a9eadb85..b76314f9 100644 --- a/ticket.php +++ b/ticket.php @@ -316,7 +316,7 @@ if (isset($_GET['ticket_id'])) { -
+
@@ -326,7 +326,7 @@ if (isset($_GET['ticket_id'])) {
-
+
@@ -336,7 +336,7 @@ if (isset($_GET['ticket_id'])) {
-
+
@@ -346,7 +346,7 @@ if (isset($_GET['ticket_id'])) {
-
+
diff --git a/top_nav.php b/top_nav.php index 4973b63a..b572ee4c 100644 --- a/top_nav.php +++ b/top_nav.php @@ -37,6 +37,14 @@ +
  • + + + 0 + +
    • + + + + \ No newline at end of file diff --git a/top_nav_tickets_modal.php b/top_nav_tickets_modal.php new file mode 100644 index 00000000..ca133cc7 --- /dev/null +++ b/top_nav_tickets_modal.php @@ -0,0 +1,21 @@ + +