Ticket attribute edit mode changes
This commit is contained in:
@ -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();
|
|
||||||
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() {
|
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>
|
||||||
|
|||||||
Reference in New Issue
Block a user