gemni change

assets/js/dashboard.js

@@ -415,6 +415,7 @@ function toggleHamburgerEditMode() {
 
     if (!isEditing) {
         editButton.textContent = 'Save Changes';
+        editButton.onclick = saveHamburgerChanges; // Change onclick to save
         editButton.classList.add('active');
         editables.forEach(field => field.disabled = false);
 
@@ -425,9 +426,10 @@ function toggleHamburgerEditMode() {
         cancelButton.textContent = 'Cancel';
         cancelButton.onclick = cancelHamburgerEdit;
         editButton.parentNode.appendChild(cancelButton);
+
+
     } else {
-        saveTicket();
+        // This part shouldn't be reached with the new onclick handler
-        resetHamburgerEditMode();
     }
 }
 
@@ -437,8 +439,13 @@ function saveHamburgerChanges() {
 }
 
 function cancelHamburgerEdit() {
-    location.reload();
     resetHamburgerEditMode();
+    // Reload the selects to revert changes
+    const selects = document.querySelectorAll('.hamburger-content select');
+    selects.forEach(select => {
+        select.value = select.dataset.originalValue;
+    });
+
 }
 
 function resetHamburgerEditMode() {
@@ -447,6 +454,7 @@ function resetHamburgerEditMode() {
     const editables = document.querySelectorAll('.hamburger-content .editable');
 
     editButton.textContent = 'Edit Ticket';
+    editButton.onclick = toggleHamburgerEditMode; // Restore original onclick
     editButton.classList.remove('active');
     editables.forEach(field => field.disabled = true);
     if (cancelButton) cancelButton.remove();
@@ -465,7 +473,7 @@ function createHamburgerMenu() {
         const selects = document.querySelectorAll('select.editable');
         const values = {};
         selects.forEach(select => {
-            values[select.dataset.field] = select.value;
+            select.dataset.originalValue = select.value;
         });
     
         hamburgerMenu.innerHTML = `
@@ -510,11 +518,13 @@ function createHamburgerMenu() {
                 </div>
                 <div class="menu-controls">
                     <button id="hamburgerEditButton" class="btn primary" onclick="toggleHamburgerEditMode()">Edit Ticket</button>
-                    <div id="editModeButtons" style="display: none; margin-top: 10px;">
-                        <button onclick="saveHamburgerChanges()" class="btn primary">Save Changes</button>
-                        <button onclick="cancelHamburgerEdit()" class="btn">Cancel</button>
-                    </div>
                 </div>
+                // Add event listener for Escape key press
+                document.addEventListener('keydown', (event) => {
+                    if (event.key === 'Escape') {
+                        cancelHamburgerEdit();
+                    }
+                });
             </div>
         `;
     } else {