remove js class from button
This commit is contained in:
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user