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() { function toggleHamburgerEditMode() {
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 editButton = document.getElementById('hamburgerEditButton');
const editModeButtons = document.getElementById('editModeButtons');
if (!isEditing) { editButton.style.display = 'none';
editButton.textContent = 'Save Changes'; editModeButtons.style.display = 'block';
editButton.classList.add('active'); editables.forEach(field => field.disabled = false);
editables.forEach(field => field.disabled = false); }
} else {
saveTicket(); function saveHamburgerChanges() {
editButton.textContent = 'Edit Ticket'; saveTicket();
editButton.classList.remove('active'); resetHamburgerEditMode();
editables.forEach(field => field.disabled = true); }
}
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() { function createHamburgerMenu() {
@ -483,6 +497,10 @@ function createHamburgerMenu() {
</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" 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>
<div class="menu-actions"> <div class="menu-actions">
<button onclick="saveTicket()" class="btn primary">Save Changes</button> <button onclick="saveTicket()" class="btn primary">Save Changes</button>