From b43f50dfb556522a15ac5a21966132e563942079 Mon Sep 17 00:00:00 2001
From: vadivelJ96 <jvadivel.1996@gmail.com>
Date: Mon, 1 Sep 2025 16:27:42 +0530
Subject: [PATCH] CHANGE_UI_FIX - VADIVEL J 2025-09-01

---
 app/Views/employee_data_list.php |  2 +-
 app/Views/layout/header.php      | 90 +++++++++++++++++++++++++++-----
 app/Views/test_members_list.php  |  2 +-
 app/Views/thz_list.php           | 36 +++----------
 4 files changed, 85 insertions(+), 45 deletions(-)

diff --git a/app/Views/employee_data_list.php b/app/Views/employee_data_list.php
index 207f9328..9cda5b32 100755
--- a/app/Views/employee_data_list.php
+++ b/app/Views/employee_data_list.php
@@ -245,7 +245,7 @@
 <!-- modal content -->
 
 <div id="emp_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title">Edit Employee</h4>
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 2d3e3d33..ea16b0a9 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -98,6 +98,9 @@
     <!-- srinivas -->
     <style>
 
+
+/********************************************************************* Dashboard-tab section starts ***********************************************************************************************************/
+
         /* dashboard-tab specific styling which is also used in many place in application  */
 
         .nav-link{
@@ -135,7 +138,7 @@
             margin-left: 20px;
         }
 
-        /* end of dashboard-tab specific styling which is also used in many place in application  */
+
 
         
 
@@ -163,6 +166,10 @@
             }
         }
 
+
+
+/********************************************************************* loader section starts ***********************************************************************************************************/
+    /* Datatable footer styles */
         /* loaders for whole application */
 
         .loader-mask {
@@ -193,7 +200,8 @@
 
         /* end of loaders */
 
-
+/********************************************************************* parsley-examples section starts ***********************************************************************************************************/
+    /* Datatable footer styles */
         /* parsley-examples  */
         
         .parsley-examples 
@@ -206,7 +214,7 @@
             box-shadow: 0px 1px 1px 0px #00000040;
         }
 
-        /* parsley-examples */
+
 
 
         /* all input elements */
@@ -775,6 +783,10 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); }
 
+
+/********************************************************************* table section starts ***********************************************************************************************************/
+    /* Datatable footer styles */
+
 table[data-custom-table-css="table"] thead th {
     background-color: #00999E;
     color: #fff !important;
@@ -820,6 +832,12 @@ table[data-custom-table-css="table"] {
 }
 
 
+
+
+
+
+
+/********************************************************************* Datatable section starts ***********************************************************************************************************/
     /* Datatable footer styles */
 
         /* Pagination buttons */
@@ -874,14 +892,6 @@ table[data-custom-table-css="table"] {
 
 
 
-    /* Data Tables search input */
-    
-        .dataTables_filter {
-        }
-
-        .dataTables_filter input {
-        }
-
 
 
     </style>
@@ -908,15 +918,39 @@ table[data-custom-table-css="table"] {
             color:black;
         }
 
+         /********************************************************************* modal section starts ***********************************************************************************************************/
+      
+        /* Inside modal field color changes */
+        /* modal section starts */
+
+
+        .modal.show .modal-dialog .modal-content,
+        .modal .modal-dialog .modal-content {
+        border-radius: 10px !important;
+        overflow: hidden !important;   
+        box-shadow: none;               
+        }
+
+        .modal .parsley-examples {
+            background-color: #FFFF !important;
+            padding: 0px !important;
+            border: 0px solid #fff !important;
+            border-radius: 0px !important;
+            box-shadow: none !important;
+        }
+
+
+
         .modal .form-control {
             background-color: #ECECEC !important;
             border: 1px solid #ccc;   /* optional */
             /* color: #000;               keep text readable */
+            box-shadow: none !important;   
         }
 
         .modal .form-control:focus {
-            background-color: #ECECEC !important; /* keep same color on focus */
-            box-shadow: none;                     /* remove blue glow */
+            background-color: #ECECEC !important; 
+            box-shadow: none;                     
         }
 
         /* Select2 box */
@@ -924,6 +958,7 @@ table[data-custom-table-css="table"] {
             background-color: #ECECEC !important;
             border: 1px solid #ccc !important;
             height: 38px !important;
+            box-shadow: none !important;   
         }
 
         /* Text inside */
@@ -932,7 +967,34 @@ table[data-custom-table-css="table"] {
         }
 
         .modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
-        background-color: #00999E !important;
+            background-color: #00999E !important;
+        }
+
+
+
+
+
+        /********************************************************************* button section starts ***********************************************************************************************************/
+       
+        /* Target only buttons with type="submit" */
+
+        button[type="submit"],
+        .buttons-collection,
+        input[type="submit"] {
+            color: #fff !important;
+            background-color: #E26728 !important;
+            border-color: #E26728 !important;   
+
+        }
+
+        /* Optional: hover effect */
+        button[type="submit"]:hover,
+        .buttons-collection,
+        input[type="submit"]:hover {
+            color: #fff !important;
+            background-color: #E26728 !important; 
+            border-color: #9C461B !important;
+            cursor: pointer;          /* optional */
         }
 
 
diff --git a/app/Views/test_members_list.php b/app/Views/test_members_list.php
index 90d153de..02ec054f 100644
--- a/app/Views/test_members_list.php
+++ b/app/Views/test_members_list.php
@@ -398,7 +398,7 @@ th:first-child, td:first-child {
                                 </div>
                             </div>
 
-                            <div class="form-group col-md-12">
+                            <div class="form-group ">
                                 <label for="email">Email<span class="text-danger">*</span></label>
                                 <input type="text" class="form-control" id="email_corporate" placeholder="Enter Email" name="email_corporate" data-parsley-trigger="change" data-parsley-type="email" >
                             </div>
diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php
index 34994c4d..7f2dcc2c 100644
--- a/app/Views/thz_list.php
+++ b/app/Views/thz_list.php
@@ -49,32 +49,7 @@ table.dataTable td.wrap {
 }
 
 
-.form-control {
-    background-color: #ECECEC !important;
-    border: 1px solid #ccc;   /* optional */
-    /* color: #000;               keep text readable */
-}
 
-.form-control:focus {
-    background-color: #ECECEC !important; /* keep same color on focus */
-    box-shadow: none;                     /* remove blue glow */
-}
-
-/* Select2 box */
-.select2-container .select2-selection--single {
-    background-color: #ECECEC !important;
-    border: 1px solid #ccc !important;
-    height: 38px !important;
-}
-
-/* Text inside */
-.select2-container .select2-selection__rendered {
-    line-height: 36px !important;
-}
-
-.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
-  background-color: #00999E !important;
-}
 
 
 
@@ -162,7 +137,7 @@ table.dataTable td.wrap {
 <div class="modal fade " id="ticketModal" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
     <div class="modal-content">
-      <form id="ticketForm">
+      <form class="parsley-examples" id="ticketForm">
         <!-- <div class="modal-header">
           <h4 class="modal-title" id="modalLabel">New Ticket</h4>
           <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
@@ -176,7 +151,7 @@ table.dataTable td.wrap {
               </div>
 
               <!-- second row -->
-              <div class="form-row mt-3 w-100">
+              <div class="form-row mt-3 w-100 ">
                 <div class="form-group col-md-6 ">
                   <label for="client_id">Client</label>
                   <select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
@@ -313,7 +288,7 @@ table.dataTable td.wrap {
         </div>
         <div class="modal-footer">
           <button type="button" class="btn app-btn-primary app-btn-border-radius mr-2 " onclick="resetTicket()">Reset</button>
-          <button type="button" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket()">Save</button>
+          <button type="submit" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket(event)">Save</button>
         </div>
       </form>
     </div>
@@ -373,7 +348,10 @@ table.dataTable td.wrap {
         $("#ticket_type").select2();
     }
 
-    function submitTicket() {
+    function submitTicket(event) {
+
+        event.preventDefault();
+
         var form = document.getElementById('ticketForm');
 
         // reset any old error styles