remove js class from button

This commit is contained in:
2025-03-11 21:13:09 -04:00
parent 357512d8c1
commit d40d6c2844

View File

@ -411,25 +411,21 @@ document.addEventListener('DOMContentLoaded', function() {
function toggleHamburgerEditMode() { function toggleHamburgerEditMode() {
const editButton = document.getElementById('hamburgerEditButton'); const editButton = document.getElementById('hamburgerEditButton');
const editables = document.querySelectorAll('.hamburger-content .editable'); const editables = document.querySelectorAll('.hamburger-content .editable');
const isEditing = editButton.classList.contains('active'); const isEditing = editButton.classList.contains('editing'); // Use a dedicated class
if (!isEditing) { if (!isEditing) {
editButton.textContent = 'Save Changes'; editButton.textContent = 'Save Changes';
editButton.onclick = saveHamburgerChanges; // Change onclick to save editButton.classList.add('editing'); // Add the class
editButton.classList.add('active');
editables.forEach(field => field.disabled = false); editables.forEach(field => field.disabled = false);
// Add cancel button
const cancelButton = document.createElement('button'); const cancelButton = document.createElement('button');
cancelButton.id = 'hamburgerCancelButton'; cancelButton.id = 'hamburgerCancelButton';
cancelButton.className = 'btn'; cancelButton.className = 'btn';
cancelButton.textContent = 'Cancel'; cancelButton.textContent = 'Cancel';
cancelButton.onclick = cancelHamburgerEdit; cancelButton.onclick = cancelHamburgerEdit;
editButton.parentNode.appendChild(cancelButton); editButton.parentNode.appendChild(cancelButton);
} else { } else {
// This part shouldn't be reached with the new onclick handler saveHamburgerChanges(); // Directly call save on second click
} }
} }
@ -517,16 +513,16 @@ function createHamburgerMenu() {
</select> </select>
</div> </div>
<div class="menu-controls"> <div class="menu-controls">
<button id="hamburgerEditButton" class="btn primary" onclick="toggleHamburgerEditMode()">Edit Ticket</button> <button id="hamburgerEditButton" class="btn primary">Edit Ticket</button>
</div> </div>
// Add event listener for Escape key press
document.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
cancelHamburgerEdit();
}
});
</div> </div>
`; `;
// Add event listener for Escape key press
document.addEventListener('keydown', (event) => {
if (event.key === 'Escape') {
cancelHamburgerEdit();
}
});
} else { } else {
hamburgerMenu.innerHTML = ` hamburgerMenu.innerHTML = `
<div class="hamburger-icon">☰</div> <div class="hamburger-icon">☰</div>