hamburger ticket edit button

assets/js/dashboard.js

@@ -408,6 +408,23 @@ document.addEventListener('DOMContentLoaded', function() {
     });
 });
 
+function toggleHamburgerEditMode() {
+    const editButton = document.getElementById('hamburgerEditButton');
+    const editables = document.querySelectorAll('.hamburger-content .editable');
+    const isEditing = editButton.classList.contains('active');
+
+    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 createHamburgerMenu() {
     // Create hamburger menu container
     const hamburgerMenu = document.createElement('div');
@@ -464,6 +481,9 @@ function createHamburgerMenu() {
                         <option value="Upgrade" ${values.type === 'Upgrade' ? 'selected' : ''}>Upgrade</option>
                     </select>
                 </div>
+                <div class="menu-controls">
+                    <button id="hamburgerEditButton" class="btn" onclick="toggleHamburgerEditMode()">Edit Ticket</button>
+                </div>
                 <div class="menu-actions">
                     <button onclick="saveTicket()" class="btn primary">Save Changes</button>
                 </div>