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 {
background-color: #ECECEC !important;
border: 1px solid #ccc; /* optional */
color: #000; /* keep text readable */
/* color: #000; keep text readable */
}
.form-control:focus {
@ -184,12 +184,11 @@ table thead th {
/* Text inside */
.select2-container .select2-selection__rendered {
color: #000 !important;
line-height: 36px !important;
}
.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="row">
<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>
@ -295,7 +294,7 @@ table thead th {
<div class="form-row mt-3 w-100">
<div class="form-group col-md-6 app-font-family">
<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>
<?php if(isset($client_list)) { ?>
<?php foreach ($client_list as $c) { ?>
@ -314,7 +313,7 @@ table thead th {
</div>
<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>
@ -428,7 +427,7 @@ table thead th {
</div>
</div>
<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>
</div>
</form>
@ -746,31 +745,31 @@ $(document).ready(function() {
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
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>',
className: 'btn app-btn-primary app-btn-border-radius app-text-white mr-2',
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 mr-2',
action: function(e, dt, node, config) {
openTicket();
}
},
{
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>',
className: 'btn app-btn-secondary app-btn-border-radius app-text-white',
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',
buttons: [
{
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',
className: 'app-btn-primary app-text-white',
className: 'app-btn-primary ',
},
{
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',
exportOptions: {
orthogonal: 'sort'
},
className: 'app-btn-primary app-text-white',
className: 'app-btn-primary ',
}
]
}

View File

@ -125,12 +125,12 @@ hr{
/* Text inside */
.select2-container .select2-selection__rendered {
color: #000 !important;
/* color: #000 !important; */
line-height: 36px !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ECECEC !important;
background-color: #00999E !important;
}
</style>
@ -472,7 +472,7 @@ hr{
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</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>
@ -601,12 +601,13 @@ hr{
</script>
<script>
function statusHistory(thzId) {
console.log("*****");
$.ajax({
url: "<?= base_url('ticketHistoryList?thz_id=') ?>" + thzId,
type: "GET",
dataType: "json",
success: function(response) {
let container = $(".container");
let container = $(".history-container");
container.empty(); // clear old content
if (response.status === "success" && response.data.length > 0) {
@ -661,7 +662,7 @@ function statusHistory(thzId) {
} else {
container.html(`
<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>
`);
}
@ -669,9 +670,9 @@ function statusHistory(thzId) {
$("#StatusModal").modal("show");
},
error: function(xhr) {
$(".container").html(`
$(".history-container").html(`
<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>
`);
$("#StatusModal").modal("show");