diff --git a/assets/js/dashboard.js b/assets/js/dashboard.js index efdbebb..d6c1dde 100644 --- a/assets/js/dashboard.js +++ b/assets/js/dashboard.js @@ -409,20 +409,34 @@ document.addEventListener('DOMContentLoaded', function() { }); function toggleHamburgerEditMode() { - const editButton = document.getElementById('hamburgerEditButton'); const editables = document.querySelectorAll('.hamburger-content .editable'); - const isEditing = editButton.classList.contains('active'); + const editButton = document.getElementById('hamburgerEditButton'); + const editModeButtons = document.getElementById('editModeButtons'); + + editButton.style.display = 'none'; + editModeButtons.style.display = 'block'; + editables.forEach(field => field.disabled = false); +} - if (!isEditing) { - editButton.textContent = 'Save Changes'; - editButton.classList.add('active'); - editables.forEach(field => field.disabled = false); - } else { - saveTicket(); - editButton.textContent = 'Edit Ticket'; - editButton.classList.remove('active'); - editables.forEach(field => field.disabled = true); - } +function saveHamburgerChanges() { + saveTicket(); + resetHamburgerEditMode(); +} + +function cancelHamburgerEdit() { + // Reset values to original + location.reload(); + resetHamburgerEditMode(); +} + +function resetHamburgerEditMode() { + const editables = document.querySelectorAll('.hamburger-content .editable'); + const editButton = document.getElementById('hamburgerEditButton'); + const editModeButtons = document.getElementById('editModeButtons'); + + editButton.style.display = 'block'; + editModeButtons.style.display = 'none'; + editables.forEach(field => field.disabled = true); } function createHamburgerMenu() { @@ -483,6 +497,10 @@ function createHamburgerMenu() {