Nhances/nhance
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHANGE_UI_FIX - VADIVEL J 2025-09-01

Browse Source
This commit is contained in:
vadivelJ96 2025-09-01 16:27:42 +05:30
parent aa40026cc1
commit b43f50dfb5
4 changed files with 85 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/Views/employee_data_list.php
View File

@ -245,7 +245,7 @@
<!-- modal content --> <!-- modal content -->
<div id="emp_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;"> <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-content">
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Edit Employee</h4> <h4 class="modal-title">Edit Employee</h4>

90
app/Views/layout/header.php
View File

@ -98,6 +98,9 @@
<!-- srinivas --> <!-- srinivas -->
<style> <style>
/********************************************************************* Dashboard-tab section starts ***********************************************************************************************************/
/* dashboard-tab specific styling which is also used in many place in application */ /* dashboard-tab specific styling which is also used in many place in application */
.nav-link{ .nav-link{
@ -135,7 +138,7 @@
margin-left: 20px; 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 */ /* loaders for whole application */
.loader-mask { .loader-mask {
@ -193,7 +200,8 @@
/* end of loaders */ /* end of loaders */
/********************************************************************* parsley-examples section starts ***********************************************************************************************************/
/* Datatable footer styles */
/* parsley-examples */ /* parsley-examples */
.parsley-examples .parsley-examples
@ -206,7 +214,7 @@
box-shadow: 0px 1px 1px 0px #00000040; box-shadow: 0px 1px 1px 0px #00000040;
} }
/* parsley-examples */
/* all input elements */ /* all input elements */
@ -775,6 +783,10 @@ a.app-badge-secondary:focus, a.app-badge-secondary.focus {
outline: 0; outline: 0;
box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); } 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 { table[data-custom-table-css="table"] thead th {
background-color: #00999E; background-color: #00999E;
color: #fff !important; color: #fff !important;
@ -820,6 +832,12 @@ table[data-custom-table-css="table"] {
} }
/********************************************************************* Datatable section starts ***********************************************************************************************************/
/* Datatable footer styles */ /* Datatable footer styles */
/* Pagination buttons */ /* Pagination buttons */
@ -874,14 +892,6 @@ table[data-custom-table-css="table"] {
/* Data Tables search input */
.dataTables_filter {
}
.dataTables_filter input {
}
</style> </style>
@ -908,15 +918,39 @@ table[data-custom-table-css="table"] {
color:black; 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 { .modal .form-control {
background-color: #ECECEC !important; background-color: #ECECEC !important;
border: 1px solid #ccc; /* optional */ border: 1px solid #ccc; /* optional */
/* color: #000; keep text readable */ /* color: #000; keep text readable */
box-shadow: none !important;
} }
.modal .form-control:focus { .modal .form-control:focus {
background-color: #ECECEC !important; /* keep same color on focus */ background-color: #ECECEC !important;
box-shadow: none; /* remove blue glow */ box-shadow: none;
} }
/* Select2 box */ /* Select2 box */
@ -924,6 +958,7 @@ table[data-custom-table-css="table"] {
background-color: #ECECEC !important; background-color: #ECECEC !important;
border: 1px solid #ccc !important; border: 1px solid #ccc !important;
height: 38px !important; height: 38px !important;
box-shadow: none !important;
} }
/* Text inside */ /* Text inside */
@ -932,7 +967,34 @@ table[data-custom-table-css="table"] {
} }
.modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { .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 */
} }

2
app/Views/test_members_list.php
View File

@ -398,7 +398,7 @@ th:first-child, td:first-child {
</div> </div>
</div> </div>
<div class="form-group col-md-12"> <div class="form-group ">
<label for="email">Email<span class="text-danger">*</span></label> <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" > <input type="text" class="form-control" id="email_corporate" placeholder="Enter Email" name="email_corporate" data-parsley-trigger="change" data-parsley-type="email" >
</div> </div>

36
app/Views/thz_list.php
View File

@ -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 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-dialog modal-dialog-centered modal-xl" style="margin:5px auto!important;">
<div class="modal-content"> <div class="modal-content">
<form id="ticketForm"> <form class="parsley-examples" id="ticketForm">
<!-- <div class="modal-header"> <!-- <div class="modal-header">
<h4 class="modal-title" id="modalLabel">New Ticket</h4> <h4 class="modal-title" id="modalLabel">New Ticket</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
@ -176,7 +151,7 @@ table.dataTable td.wrap {
</div> </div>
<!-- second row --> <!-- 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 "> <div class="form-group col-md-6 ">
<label for="client_id">Client</label> <label for="client_id">Client</label>
<select class="form-control app-field-grey font-color-black" id="client_id" name="client_id"> <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>
<div class="modal-footer"> <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-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> </div>
</form> </form>
</div> </div>
@ -373,7 +348,10 @@ table.dataTable td.wrap {
$("#ticket_type").select2(); $("#ticket_type").select2();
} }
function submitTicket() { function submitTicket(event) {
event.preventDefault();
var form = document.getElementById('ticketForm'); var form = document.getElementById('ticketForm');
// reset any old error styles // reset any old error styles