Add edit buttons to hamburger model

This commit is contained in:
2025-03-11 20:23:36 -04:00
parent d77bb3e164
commit b359978d29

View File

@ -411,6 +411,57 @@ function createHamburgerMenu() {
// Create hamburger menu container // Create hamburger menu container
const hamburgerMenu = document.createElement('div'); const hamburgerMenu = document.createElement('div');
hamburgerMenu.className = 'hamburger-menu'; hamburgerMenu.className = 'hamburger-menu';
// Check if we're on a ticket page
const isTicketPage = window.location.pathname.includes('ticket.php');
if (isTicketPage) {
hamburgerMenu.innerHTML = `
<div class="hamburger-icon">☰</div>
<div class="hamburger-content">
<div class="close-hamburger">☰</div>
<h3>Ticket Controls</h3>
<div class="menu-group">
<label>Status</label>
<select class="editable" data-field="status">
<option value="Open">Open</option>
<option value="Closed">Closed</option>
</select>
</div>
<div class="menu-group">
<label>Priority</label>
<select class="editable" data-field="priority">
<option value="1">P1 - Critical Impact</option>
<option value="2">P2 - High Impact</option>
<option value="3">P3 - Medium Impact</option>
<option value="4">P4 - Low Impact</option>
</select>
</div>
<div class="menu-group">
<label>Category</label>
<select class="editable" data-field="category">
<option value="Hardware">Hardware</option>
<option value="Software">Software</option>
<option value="Network">Network</option>
<option value="Security">Security</option>
<option value="Other">Other</option>
</select>
</div>
<div class="menu-group">
<label>Type</label>
<select class="editable" data-field="type">
<option value="Maintenance">Maintenance</option>
<option value="Install">Install</option>
<option value="Task">Task</option>
<option value="Upgrade">Upgrade</option>
</select>
</div>
<div class="menu-actions">
<button onclick="saveTicket()" class="btn primary">Save Changes</button>
</div>
</div>
`;
} else {
hamburgerMenu.innerHTML = ` hamburgerMenu.innerHTML = `
<div class="hamburger-icon">☰</div> <div class="hamburger-icon">☰</div>
<div class="hamburger-content"> <div class="hamburger-content">
@ -519,6 +570,7 @@ function createHamburgerMenu() {
document.body.classList.remove('menu-open'); document.body.classList.remove('menu-open');
}); });
} }
}
// Add to DOMContentLoaded // Add to DOMContentLoaded
document.addEventListener('DOMContentLoaded', createHamburgerMenu); document.addEventListener('DOMContentLoaded', createHamburgerMenu);