FIX_THZ White color

This commit is contained in:
venba-Inspriron-3558 2025-08-29 17:23:15 +05:30
parent a3f84efe3b
commit 485cb61ae9
2 changed files with 22 additions and 22 deletions

View File

@ -167,7 +167,7 @@ table thead th {
.form-control { .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 */
} }
.form-control:focus { .form-control:focus {
@ -184,12 +184,11 @@ table thead th {
/* Text inside */ /* Text inside */
.select2-container .select2-selection__rendered { .select2-container .select2-selection__rendered {
color: #000 !important;
line-height: 36px !important; line-height: 36px !important;
} }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ECECEC !important; background-color: #00999E !important;
} }
@ -202,7 +201,7 @@ table thead th {
<div class="card-body maincard"> <div class="card-body maincard">
<div class="row"> <div class="row">
<div class="col-6" style="align-self: center;"> <div class="col-6" style="align-self: center;">
<p class="title-text app-font-family" style="position: relative;">Tickets </p> <p class="title-text app-font-family font-color-black" style="position: relative;">Tickets </p>
</div> </div>
</div> </div>
<div> <div>
@ -295,7 +294,7 @@ table thead th {
<div class="form-row mt-3 w-100"> <div class="form-row mt-3 w-100">
<div class="form-group col-md-6 app-font-family"> <div class="form-group col-md-6 app-font-family">
<label for="client_id">Client</label> <label for="client_id">Client</label>
<select class="form-control app-field-grey" id="client_id" name="client_id"> <select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
<option value="">Select Client</option> <option value="">Select Client</option>
<?php if(isset($client_list)) { ?> <?php if(isset($client_list)) { ?>
<?php foreach ($client_list as $c) { ?> <?php foreach ($client_list as $c) { ?>
@ -314,7 +313,7 @@ table thead th {
</div> </div>
<div class="form-group col-md-1" style="padding:32.5px 0 0 18px;"> <div class="form-group col-md-1" style="padding:32.5px 0 0 18px;">
<button type="button" class="btn-custom app-btn-primary app-font-family" style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached app-text-white" style="font-size:24px;"></i></button> <button type="button" class="btn-custom app-btn-primary app-font-family" style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached " style="font-size:24px;"></i></button>
</div> </div>
</div> </div>
</div> </div>
@ -428,7 +427,7 @@ table thead th {
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn app-btn-primary app-btn-border-radius mr-2 app-text-white" 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="button" class="btn app-btn-secondary app-btn-border-radius" onclick="submitTicket()">Save</button>
</div> </div>
</form> </form>
@ -746,31 +745,31 @@ $(document).ready(function() {
"<'row'<'col-sm-5'i><'col-sm-7'p>>", "<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [ buttons: [
{ {
text: '<i class="mdi mdi-plus app-text-white" ></i><span class="app-text-white app-font-family btn-custom"> Create New Ticket </span>', text: '<i class="mdi mdi-plus" ></i><span class="app-font-family btn-custom"> Create New Ticket </span>',
className: 'btn app-btn-primary app-btn-border-radius app-text-white mr-2', className: 'btn app-btn-primary app-btn-border-radius mr-2',
action: function(e, dt, node, config) { action: function(e, dt, node, config) {
openTicket(); openTicket();
} }
}, },
{ {
extend: 'collection', extend: 'collection',
text: '<span class="app-text-white app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down app-text-white"></i>', text: '<span class="app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
className: 'btn app-btn-secondary app-btn-border-radius app-text-white', className: 'btn app-btn-secondary app-btn-border-radius',
buttons: [ buttons: [
{ {
extend: 'csv', extend: 'csv',
text: '<i class="mdi mdi-file-delimited app-text-white" ></i><span class="app-text-white app-font-family btn-custom"> CSV </span>', text: '<i class="mdi mdi-file-delimited " ></i><span class=" app-font-family btn-custom"> CSV </span>',
title: 'Tickets', title: 'Tickets',
className: 'app-btn-primary app-text-white', className: 'app-btn-primary ',
}, },
{ {
extend: 'excel', extend: 'excel',
text: '<i class="mdi mdi-file-excel app-text-white" ></i><span class="app-text-white app-font-family btn-custom"> EXCEL </span>', text: '<i class="mdi mdi-file-excel " ></i><span class=" app-font-family btn-custom"> EXCEL </span>',
title: 'Tickets', title: 'Tickets',
exportOptions: { exportOptions: {
orthogonal: 'sort' orthogonal: 'sort'
}, },
className: 'app-btn-primary app-text-white', className: 'app-btn-primary ',
} }
] ]
} }

View File

@ -125,12 +125,12 @@ hr{
/* Text inside */ /* Text inside */
.select2-container .select2-selection__rendered { .select2-container .select2-selection__rendered {
color: #000 !important; /* color: #000 !important; */
line-height: 36px !important; line-height: 36px !important;
} }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ECECEC !important; background-color: #00999E !important;
} }
</style> </style>
@ -472,7 +472,7 @@ hr{
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div> </div>
<div class="modal-body card-scroll container" style="padding:5px 11px 11px 11px!important;"> <div class="modal-body card-scroll history-container" style="padding:5px 11px 11px 11px!important;">
</div> </div>
</div> </div>
@ -601,12 +601,13 @@ hr{
</script> </script>
<script> <script>
function statusHistory(thzId) { function statusHistory(thzId) {
console.log("*****");
$.ajax({ $.ajax({
url: "<?= base_url('ticketHistoryList?thz_id=') ?>" + thzId, url: "<?= base_url('ticketHistoryList?thz_id=') ?>" + thzId,
type: "GET", type: "GET",
dataType: "json", dataType: "json",
success: function(response) { success: function(response) {
let container = $(".container"); let container = $(".history-container");
container.empty(); // clear old content container.empty(); // clear old content
if (response.status === "success" && response.data.length > 0) { if (response.status === "success" && response.data.length > 0) {
@ -661,7 +662,7 @@ function statusHistory(thzId) {
} else { } else {
container.html(` container.html(`
<div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;"> <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
<p class="text-center"><i>${response.message ?? 'No history found'}</i></p> <p class="text-center app-font-family font-color-black"><i>${response.message ?? 'No history found'}</i></p>
</div> </div>
`); `);
} }
@ -669,9 +670,9 @@ function statusHistory(thzId) {
$("#StatusModal").modal("show"); $("#StatusModal").modal("show");
}, },
error: function(xhr) { error: function(xhr) {
$(".container").html(` $(".history-container").html(`
<div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;"> <div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
<p class="text-center"><i>No Data Found</i></p> <p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
</div> </div>
`); `);
$("#StatusModal").modal("show"); $("#StatusModal").modal("show");