Ticket attribute edit mode changes

This commit is contained in:
2025-03-11 20:55:04 -04:00
parent 0cc1a181b8
commit 85776ab509

View File

@ -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() {
</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>
<div class="menu-actions">
<button onclick="saveTicket()" class="btn primary">Save Changes</button>