From 0cc1a181b89717cf466e274f1f68e62a127bed64 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Tue, 11 Mar 2025 20:52:11 -0400
Subject: [PATCH] Disable editable fields from start

---
 assets/css/dashboard.css | 12 ++++++++++++
 assets/js/dashboard.js   | 10 +++++-----
 assets/js/ticket.js      |  5 ++---
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/assets/css/dashboard.css b/assets/css/dashboard.css
index 4f4d1dc..1bc0f6f 100644
--- a/assets/css/dashboard.css
+++ b/assets/css/dashboard.css
@@ -641,4 +641,16 @@ th.sort-desc::after {
     width: 100%;
     padding: 12px;
     font-weight: 500;
+}
+
+.menu-controls {
+    padding: 15px;
+    text-align: center;
+    border-bottom: 1px solid var(--border-color);
+}
+
+.menu-controls .btn {
+    width: 100%;
+    padding: 12px;
+    font-weight: 500;
 }
\ No newline at end of file
diff --git a/assets/js/dashboard.js b/assets/js/dashboard.js
index 85f7141..efdbebb 100644
--- a/assets/js/dashboard.js
+++ b/assets/js/dashboard.js
@@ -448,14 +448,14 @@ function createHamburgerMenu() {
                 <h3>Ticket Controls</h3>
                 <div class="menu-group">
                     <label>Status</label>
-                    <select class="editable" data-field="status">
+                    <select class="editable" data-field="status" disabled>
                         <option value="Open" ${values.status === 'Open' ? 'selected' : ''}>Open</option>
                         <option value="Closed" ${values.status === 'Closed' ? 'selected' : ''}>Closed</option>
                     </select>
                 </div>
                 <div class="menu-group">
                     <label>Priority</label>
-                    <select class="editable" data-field="priority">
+                    <select class="editable" data-field="priority" disabled>
                         <option value="1" ${values.priority === '1' ? 'selected' : ''}>P1 - Critical Impact</option>
                         <option value="2" ${values.priority === '2' ? 'selected' : ''}>P2 - High Impact</option>
                         <option value="3" ${values.priority === '3' ? 'selected' : ''}>P3 - Medium Impact</option>
@@ -464,7 +464,7 @@ function createHamburgerMenu() {
                 </div>
                 <div class="menu-group">
                     <label>Category</label>
-                    <select class="editable" data-field="category">
+                    <select class="editable" data-field="category" disabled>
                         <option value="Hardware" ${values.category === 'Hardware' ? 'selected' : ''}>Hardware</option>
                         <option value="Software" ${values.category === 'Software' ? 'selected' : ''}>Software</option>
                         <option value="Network" ${values.category === 'Network' ? 'selected' : ''}>Network</option>
@@ -474,7 +474,7 @@ function createHamburgerMenu() {
                 </div>
                 <div class="menu-group">
                     <label>Type</label>
-                    <select class="editable" data-field="type">
+                    <select class="editable" data-field="type" disabled>
                         <option value="Maintenance" ${values.type === 'Maintenance' ? 'selected' : ''}>Maintenance</option>
                         <option value="Install" ${values.type === 'Install' ? 'selected' : ''}>Install</option>
                         <option value="Task" ${values.type === 'Task' ? 'selected' : ''}>Task</option>
@@ -482,7 +482,7 @@ function createHamburgerMenu() {
                     </select>
                 </div>
                 <div class="menu-controls">
-                    <button id="hamburgerEditButton" class="btn" onclick="toggleHamburgerEditMode()">Edit Ticket</button>
+                    <button id="hamburgerEditButton" class="btn primary" onclick="toggleHamburgerEditMode()">Edit Ticket</button>
                 </div>
                 <div class="menu-actions">
                     <button onclick="saveTicket()" class="btn primary">Save Changes</button>
diff --git a/assets/js/ticket.js b/assets/js/ticket.js
index 8a70795..4e13371 100644
--- a/assets/js/ticket.js
+++ b/assets/js/ticket.js
@@ -31,11 +31,10 @@ function saveTicket() {
 
 function toggleEditMode() {
     const editButton = document.getElementById('editButton');
-    const editables = document.querySelectorAll('.editable');
+    const editables = document.querySelectorAll('.title-input, textarea[data-field="description"]');
     const isEditing = editButton.classList.contains('active');
 
     if (!isEditing) {
-        // Enable editing
         editButton.textContent = 'Save Changes';
         editButton.classList.add('active');
         editables.forEach(field => {
@@ -45,7 +44,6 @@ function toggleEditMode() {
             }
         });
     } else {
-        // Save changes and disable editing
         saveTicket();
         editButton.textContent = 'Edit Ticket';
         editButton.classList.remove('active');
@@ -54,6 +52,7 @@ function toggleEditMode() {
         });
     }
 }
+
 function addComment() {
     const commentText = document.getElementById('newComment').value;
     const ticketId = window.location.href.split('id=')[1];