CHANGE_UI_FIX - VADIVEL J 2025-09-01
This commit is contained in:
vadivelJ96
parent
bcaf62c12a
commit
c30fe49745
@ -72,50 +72,11 @@ option:disabled {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-row" id="file_upload">
|
||||
|
||||
<div class="form-group col-md-4">
|
||||
<label>Upload file</label> [ <a id="excel_download"
|
||||
data-toggle="tooltip" data-placement="top"
|
||||
title="Download Sample Excel">Sample Excel</a> ]
|
||||
<input type="file" name="emplist" id="emplist"
|
||||
accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center justify-content-start"
|
||||
style="margin-top: 18px;">
|
||||
<div class="form-group col-md-11">
|
||||
<!-- Adjusted the width to 11 columns -->
|
||||
<div class="col-md-3">
|
||||
<button id="emp_form_submit_button" type="submit"
|
||||
class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group col-md-2"
|
||||
style="margin-top: 26px;position: relative;left: 65px;">
|
||||
<p style="color:black;"> OR </p>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-4" style="margin-top: 18px;">
|
||||
<a class="btn btn-primary waves-effect waves-light justify-content-end"
|
||||
id="fetch_enrolled_data" data-toggle="modal"
|
||||
data-target="#full-width-modal" title="Download Sample Excel">Fetch
|
||||
Enrolled Data</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-row" id="file_upload">
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label>Upload file</label> [ <a id="excel_download"
|
||||
data-toggle="tooltip" data-placement="top" style="color:black"
|
||||
data-toggle="tooltip" data-placement="top" style="color:#00999E"
|
||||
title="Download Sample Excel">Sample Excel</a> ]
|
||||
<br>
|
||||
<input type="file" name="emplist" id="emplist"
|
||||
@ -125,7 +86,7 @@ option:disabled {
|
||||
|
||||
|
||||
<button id="emp_form_submit_button" type="submit"
|
||||
class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
|
||||
class=" nav-link-btn px-3 py-1 btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
|
||||
|
||||
|
||||
|
||||
@ -133,7 +94,7 @@ option:disabled {
|
||||
|
||||
|
||||
|
||||
<a class="btn btn-primary waves-effect waves-light justify-content-end"
|
||||
<a class=" nav-link-btn px-3 py-1 btn btn-primary waves-effect waves-light justify-content-end"
|
||||
id="fetch_enrolled_data" data-toggle="modal"
|
||||
data-target="#full-width-modal" title="Download Sample Excel">Fetch
|
||||
Enrolled Data</a>
|
||||
|
||||
@ -109,6 +109,15 @@
|
||||
padding: 8px 16px;
|
||||
|
||||
}
|
||||
|
||||
.nav-link-btn{
|
||||
color: white !important;
|
||||
background-color: #00999E !important;
|
||||
font-size: small !important;
|
||||
padding:8px 16px;
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.nav-link.active-tab {
|
||||
color: white !important;
|
||||
background-color: #00999E !important;
|
||||
@ -187,29 +196,33 @@
|
||||
|
||||
/* parsley-examples */
|
||||
|
||||
.parsley-examples
|
||||
{
|
||||
background-color: #F5FFFF;
|
||||
padding: 25px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 10px;
|
||||
/* box-shadow: 2px 2px 2px; */
|
||||
box-shadow: 0px 1px 1px 0px #00000040;
|
||||
}
|
||||
.parsley-examples
|
||||
{
|
||||
background-color: #F5FFFF;
|
||||
padding: 25px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 10px;
|
||||
/* box-shadow: 2px 2px 2px; */
|
||||
box-shadow: 0px 1px 1px 0px #00000040;
|
||||
}
|
||||
|
||||
/* parsley-examples */
|
||||
|
||||
|
||||
/* all input elements */
|
||||
input, select,
|
||||
.select2-container .select2-selection {
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||||
}
|
||||
input, select,
|
||||
.select2-container .select2-selection {
|
||||
border-radius: 10px !important;
|
||||
box-shadow: 0px 2px 4px 0px #00000024 !important;
|
||||
}
|
||||
|
||||
/* allinput elements */
|
||||
|
||||
|
||||
/* card-body */
|
||||
.card-body{
|
||||
color:#000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -273,9 +286,6 @@ input, select,
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
/* .dataTables_wrapper .text-right {
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.dataTables_wrapper .dt-buttons .buttons-csv,
|
||||
.dataTables_wrapper .dt-buttons .buttons-html5 {
|
||||
@ -584,10 +594,6 @@ rgba(0, 153, 158, 0.5) (transparent)
|
||||
background-color: #ECECEC !important;
|
||||
}
|
||||
|
||||
.app-font-family,
|
||||
.app-font-family *:not(.mdi):not(.fa):not(.material-icons) {
|
||||
font-family: 'Poppins' !important;
|
||||
}
|
||||
|
||||
.app-title { font-size: 18px; }
|
||||
.app-heading { font-size: 16px; }
|
||||
@ -731,6 +737,8 @@ table[data-custom-table-css="table"] thead th {
|
||||
color: #fff !important;
|
||||
border-top: 0px solid #fff !important;
|
||||
border-bottom: 0px solid #fff !important;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table[data-custom-table-css="table"] tbody td {
|
||||
@ -769,6 +777,68 @@ table[data-custom-table-css="table"] {
|
||||
}
|
||||
|
||||
|
||||
/* Datatable footer styles */
|
||||
|
||||
/* Pagination buttons */
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||||
padding: 2px 6px !important;
|
||||
font-size: 12px !important;
|
||||
background: transparent !important;
|
||||
border-radius: 13px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* Previous / Next buttons */
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
|
||||
border-radius: 13px !important;
|
||||
background-color: #F5FFFF;
|
||||
border: none !important;
|
||||
box-shadow: 0 0 0 0.15rem #F5FFFF;
|
||||
font-size: 0; /* hide default text */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Custom arrows */
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before {
|
||||
content: "◄";
|
||||
font-size: 14px;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
|
||||
content: "►";
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Active / Inactive pages */
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
|
||||
color: #fff !important;
|
||||
border-radius: 13px !important;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
|
||||
border: 1px solid #fff !important;
|
||||
border-radius: 13px !important;
|
||||
}
|
||||
|
||||
/* Info text */
|
||||
.dataTables_info {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Data Tables search input */
|
||||
|
||||
.dataTables_filter {
|
||||
}
|
||||
|
||||
.dataTables_filter input {
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -272,7 +272,7 @@ table.dataTable tbody td {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-font-family" id="EmailModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade " id="EmailModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 1140px !important;">
|
||||
<div class="modal-content">
|
||||
|
||||
|
||||
@ -1,43 +1,5 @@
|
||||
<style>
|
||||
|
||||
/* Force DataTable to allow rounded corners */
|
||||
#scroll-horizontal-datatable {
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0 8px !important; /* space between rows */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* .table thead th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid #fff;
|
||||
} */
|
||||
|
||||
|
||||
/* Add shadow + spacing row "card" effect */
|
||||
tbody tr {
|
||||
/* box-shadow: 0 2px 5px rgba(0,0,0,0.08); */
|
||||
}
|
||||
|
||||
/* Search input with icon */
|
||||
.dataTables_filter {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.dataTables_filter input {
|
||||
padding-right: 30px;
|
||||
background: url('https://cdn.jsdelivr.net/npm/@mdi/svg/svg/magnify.svg') no-repeat right 8px center;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
/* Optional: control first column width */
|
||||
.table th:nth-child(1),
|
||||
.table td:nth-child(1) {
|
||||
max-width: 50px !important;
|
||||
min-width: 50px !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.maincard{
|
||||
margin-top:0 !important;
|
||||
@ -49,15 +11,6 @@ tbody tr {
|
||||
max-width: 98% !important;
|
||||
}
|
||||
|
||||
.dataTables_filter {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.dataTables_filter input {
|
||||
padding-right: 30px; /* space for icon */
|
||||
background: url('https://cdn.jsdelivr.net/npm/@mdi/svg/svg/magnify.svg') no-repeat right 8px center;
|
||||
background-size: 16px;
|
||||
}
|
||||
|
||||
.right-align-input {
|
||||
text-align: right;
|
||||
@ -72,15 +25,8 @@ tbody tr {
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
/* .table th:nth-child(1),
|
||||
.table td:nth-child(1) {
|
||||
max-width: 200px !important;
|
||||
min-width: 100px !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
} */
|
||||
|
||||
.text-custom-grey{
|
||||
font-size: 0.85em;
|
||||
@ -92,10 +38,6 @@ table.dataTable td.wrap {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
table thead th {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.btn-custom {
|
||||
font-weight: 500;
|
||||
@ -106,63 +48,6 @@ table thead th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table-custom th {
|
||||
font-family: 'Poppins', sans-serif !important;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-size: 13px;
|
||||
line-height: 1.44;
|
||||
letter-spacing: -0.02em;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
|
||||
|
||||
/* Remove borders from all pagination buttons */
|
||||
/* Pagination (p) */
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button,
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
|
||||
padding: 2px 6px !important;
|
||||
font-size: 12px !important;
|
||||
background: transparent !important;
|
||||
border-radius: 13px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
|
||||
/* box-shadow: 0 0 0 0.15rem rgba(0,153,158,0.5) !important;
|
||||
background: rgba(0,153,158,0.8) !important;*/
|
||||
border-radius: 13px !important;
|
||||
background-color: #F5FFFF;
|
||||
border: none !important;
|
||||
box-shadow: 0 0 0 0.15rem #F5FFFF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Active page number */
|
||||
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
|
||||
color: #fff !important;
|
||||
border-radius: 13px !important;
|
||||
}
|
||||
|
||||
/* Inactive (not active) page numbers */
|
||||
.dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
|
||||
border: 1px solid #fff !important;
|
||||
border-radius: 13px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Info text (i) */
|
||||
.dataTables_info {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: #ECECEC !important;
|
||||
@ -201,11 +86,11 @@ 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 font-color-black" style="position: relative;">Tickets </p>
|
||||
<p class="title-text font-color-black" style="position: relative;">Tickets </p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<table id="scroll-horizontal-datatable" class="table w-100 nowrap text-custom-black text-custom app-font-family app-datatable">
|
||||
<table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap text-custom-black text-custom app-datatable">
|
||||
<thead class="app-table-head">
|
||||
<tr>
|
||||
<th>Ticket ID</th>
|
||||
@ -274,7 +159,7 @@ table thead th {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-font-family" 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-content">
|
||||
<form id="ticketForm">
|
||||
@ -286,13 +171,13 @@ table thead th {
|
||||
|
||||
<!-- first row -->
|
||||
<div class="d-flex w-100 justify-content-between align-items-center">
|
||||
<h4 class="modal-title app-font-family mb-0" id="modalLabel" style="font-size:27px !important">New Ticket</h4>
|
||||
<h4 class="modal-title mb-0" id="modalLabel" style="font-size:27px !important">New Ticket</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
|
||||
<!-- second row -->
|
||||
<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 ">
|
||||
<label for="client_id">Client</label>
|
||||
<select class="form-control app-field-grey font-color-black" id="client_id" name="client_id">
|
||||
<option value="">Select Client</option>
|
||||
@ -304,7 +189,7 @@ table thead th {
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-5 app-font-family">
|
||||
<div class="form-group col-md-5 ">
|
||||
<label for="mobile">Mobile<span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control app-field-grey" id="mobile" placeholder="Enter Mobile Number"
|
||||
name="mobile"
|
||||
@ -313,7 +198,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 " style="font-size:24px;"></i></button>
|
||||
<button type="button" class="btn-custom app-btn-primary " style="padding: 0 10px !important; border-radius:13px;" onclick="getAutoFetchDetails()"><i class="mdi mdi-cached " style="font-size:24px;"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -326,12 +211,12 @@ table thead th {
|
||||
<input type="hidden" id="policy_id" name="policy_id">
|
||||
<input type="hidden" id="created_by" name="created_by" value="<?= get_session_userid(); ?>">
|
||||
|
||||
<div class="form-group col-md-4 app-font-family">
|
||||
<div class="form-group col-md-4 ">
|
||||
<label for="name">Name<span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="name" name="name" placeholder="Enter Name" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-4 app-font-family">
|
||||
<div class="form-group col-md-4 ">
|
||||
<label for="email">Email Id<span class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control" id="email"
|
||||
name="email" placeholder="Enter Email"
|
||||
@ -340,13 +225,13 @@ table thead th {
|
||||
title="Please enter a valid email address">
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-4 app-font-family">
|
||||
<div class="form-group col-md-4 ">
|
||||
<label for="empcode">Employee code</label>
|
||||
<input type="text" class="form-control" id="empcode" name="empcode" placeholder="Enter Employee code">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group col-md-4 app-font-family">
|
||||
<div class="form-group col-md-4 ">
|
||||
<label for="ticket_type">Ticket Type<span class="text-danger">*</span></label>
|
||||
<select class="form-control" id="ticket_type" name="ticket_type" required onchange="hideandshowpolicy()">
|
||||
<option value="">Select Ticket Type</option>
|
||||
@ -364,7 +249,7 @@ table thead th {
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-4 app-font-family" id="policy_container">
|
||||
<div class="form-group col-md-4 " id="policy_container">
|
||||
<label for="policy_no">Policy Number</label>
|
||||
<select class="form-control" id="policy_no" name="policy_no" onchange="changevalue()">
|
||||
<option value="" selected data-id="">Select Policy</option>
|
||||
@ -403,11 +288,11 @@ table thead th {
|
||||
<input type="hidden" id="hide_assign_to" name="assign_to" value="<?= esc(get_session_userid()); ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- <div class="form-group col-md-12 app-font-family">
|
||||
<!-- <div class="form-group col-md-12 ">
|
||||
<label for="subject">Subject<span class="text-danger">*</span></label>
|
||||
<small id="subjectCounter" class="form-text text-muted app-text-right">0/150</small>
|
||||
</div> -->
|
||||
<div class="form-group col-md-12 app-font-family">
|
||||
<div class="form-group col-md-12 ">
|
||||
<div class="d-flex justify-content-between">
|
||||
<label for="subject" class="mb-1">Subject <span class="text-danger">*</span></label>
|
||||
<small id="subjectCounter" class="form-text text-muted">0/150</small>
|
||||
@ -415,7 +300,7 @@ table thead th {
|
||||
<input type="text" class="form-control" id="subject" name="subject" placeholder="Enter Subject" required maxlength="150">
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12 app-font-family">
|
||||
<div class="form-group col-md-12 ">
|
||||
<div class="d-flex justify-content-between">
|
||||
<label for="message">Message<span class="text-danger">*</span></label>
|
||||
<small id="messageCounter" class="form-text text-muted text-end app-text-right">0/1500</small>
|
||||
@ -436,7 +321,7 @@ table thead th {
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal fade app-font-family" id="AssignModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade " id="AssignModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
@ -460,7 +345,7 @@ table thead th {
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn-custom app-btn-secondary app-btn-border-radius app-font-family" onclick="updateAssignTo()">Save</button>
|
||||
<button type="button" class="btn-custom app-btn-secondary app-btn-border-radius " onclick="updateAssignTo()">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -744,7 +629,7 @@ $(document).ready(function() {
|
||||
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
|
||||
buttons: [
|
||||
{
|
||||
text: '<i class="mdi mdi-plus" ></i><span class="app-font-family btn-custom"> Create New Ticket </span>',
|
||||
text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom"> Create New Ticket </span>',
|
||||
className: 'btn app-btn-primary app-btn-border-radius mr-2',
|
||||
action: function(e, dt, node, config) {
|
||||
openTicket();
|
||||
@ -752,19 +637,17 @@ $(document).ready(function() {
|
||||
},
|
||||
{
|
||||
extend: 'collection',
|
||||
text: '<span class="app-font-family btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
|
||||
text: '<span class=" 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 " ></i><span class=" app-font-family btn-custom"> CSV </span>',
|
||||
title: 'Tickets',
|
||||
text: '<i class="mdi mdi-file-delimited " ></i><span class=" btn-custom"> CSV </span>',
|
||||
className: 'app-btn-primary ',
|
||||
},
|
||||
{
|
||||
extend: 'excel',
|
||||
text: '<i class="mdi mdi-file-excel " ></i><span class=" app-font-family btn-custom"> EXCEL </span>',
|
||||
title: 'Tickets',
|
||||
text: '<i class="mdi mdi-file-excel " ></i><span class=" btn-custom"> EXCEL </span>',
|
||||
exportOptions: {
|
||||
orthogonal: 'sort'
|
||||
},
|
||||
@ -773,14 +656,6 @@ $(document).ready(function() {
|
||||
]
|
||||
}
|
||||
],
|
||||
language: {
|
||||
search: "_INPUT_",
|
||||
searchPlaceholder: "Search...",
|
||||
paginate: {
|
||||
previous: "◄",
|
||||
next: "►"
|
||||
}
|
||||
},
|
||||
paging: true,
|
||||
pageLength: 25,
|
||||
});
|
||||
|
||||
@ -149,7 +149,7 @@ hr{
|
||||
<span onclick="history.back()" style="cursor: pointer;">
|
||||
<i class="mdi mdi-chevron-left" style="font-size: 43px;"></i>
|
||||
</span>
|
||||
<span class="title-text app-font-family">Ticket ID-<?= $master[0]['thz_id']; ?></span>
|
||||
<span class="title-text ">Ticket ID-<?= $master[0]['thz_id']; ?></span>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
@ -160,7 +160,7 @@ hr{
|
||||
<div class="col-5" id="notes-body-left">
|
||||
<div class="card master-card" style="background:#F5FFFF;">
|
||||
<div class="card-header d-flex justify-content-between align-items-center" style="background:none; border:none;">
|
||||
<p class="sub-title-text app-font-family mb-0">Details</p>
|
||||
<p class="sub-title-text mb-0">Details</p>
|
||||
<?php if($master[0]['status'] !== "Closed") : ?>
|
||||
<a href="javascript:void(0);" onclick="openEditTicket()">
|
||||
<i class="mdi mdi-pencil edit-icon" title="Edit"></i>
|
||||
@ -173,22 +173,22 @@ hr{
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="card-body card-scroll sub-title-text app-font-family" style="padding:0 27px !important; background:#F5FFFF;">
|
||||
<div class="card-body card-scroll sub-title-text " style="padding:0 27px !important; background:#F5FFFF;">
|
||||
<div class="row mb-2 ml-o">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Ticket ID</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['thz_id'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Ticket ID</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['thz_id'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Name</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['name'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Name</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['name'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Mobile</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['mobile'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Mobile</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['mobile'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Policy Number</div>
|
||||
<div class="col-8 app-text text-end app-font-family app-text-black" style="font-weight: 500 !important;">
|
||||
<div class="col-4 app-subtitle app-text-grey ">Policy Number</div>
|
||||
<div class="col-8 app-text text-end app-text-black" style="font-weight: 500 !important;">
|
||||
<?= (!empty($master[0]['policy_no']) && strtolower($master[0]['policy_no']) !== 'null')
|
||||
? '<u class="app-text-black">
|
||||
<a href="javascript:void(0);"
|
||||
@ -204,12 +204,12 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Assigned To</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['assignee_name'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Assigned To</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['assignee_name'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Status</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;">
|
||||
<div class="col-4 app-subtitle app-text-grey ">Status</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;">
|
||||
<?= (!empty($master[0]['status']) && strtolower($master[0]['status']) !== 'null')
|
||||
? '<u class="app-text-black">
|
||||
<a href="javascript:void(0);"
|
||||
@ -225,20 +225,20 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Ticket Type</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important;"><?= $master[0]['ticket_type'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Ticket Type</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important;"><?= $master[0]['ticket_type'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Subject</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['subject'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Subject</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['subject'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Message</div>
|
||||
<div class="col-8 app-text app-text-black text-end app-font-family" style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['message'];?></div>
|
||||
<div class="col-4 app-subtitle app-text-grey ">Message</div>
|
||||
<div class="col-8 app-text app-text-black text-end " style="font-weight: 500 !important; text-align: justify;"><?= $master[0]['message'];?></div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-4 app-subtitle app-text-grey app-font-family">Related Tickets</div>
|
||||
<div class="col-8 app-text text-end app-font-family" style="font-weight: 500 !important;">
|
||||
<div class="col-4 app-subtitle app-text-grey ">Related Tickets</div>
|
||||
<div class="col-8 app-text text-end " style="font-weight: 500 !important;">
|
||||
<u class="text-warning">
|
||||
<a href="javascript:void(0);"
|
||||
class="text-warning"
|
||||
@ -264,7 +264,7 @@ hr{
|
||||
<!-- Conversation Card -->
|
||||
<div class="card mb-3 conversation-card">
|
||||
<div class="card-header d-flex justify-content-between align-items-center" style="background:none; border:none; padding-bottom: 0px;">
|
||||
<p class="sub-title-text app-font-family app-text-black" >Conversation</p>
|
||||
<p class="sub-title-text app-text-black" >Conversation</p>
|
||||
</div>
|
||||
<div class="card-body recard-scroll" style="padding:0 27px !important; margin:0 !important; background:#F5FFFF;">
|
||||
<?php if(!empty($notes)): ?>
|
||||
@ -273,20 +273,20 @@ hr{
|
||||
<div style="border:none; padding: 0px; margin: 0px;">
|
||||
<hr/>
|
||||
<!-- Top Row: Message + Badge -->
|
||||
<div class="d-flex justify-content-between align-items-start app-text app-text-black app-font-family">
|
||||
<p class="mb-1 ml-0 mr-0 app-font-family" style="font-weight: 400 !important;"><?= $conv['notes'] ?></p>
|
||||
<div class="d-flex justify-content-between align-items-start app-text app-text-black ">
|
||||
<p class="mb-1 ml-0 mr-0 " style="font-weight: 400 !important;"><?= $conv['notes'] ?></p>
|
||||
<!-- <?php if(!empty($conv['notes_by'])): ?>
|
||||
<span class="badge bg-warning text-dark"><?= $conv['notes_by'] ?></span>
|
||||
<?php endif; ?> -->
|
||||
<?php if (!empty($conv['notes_type']) && $conv['notes_type'] === "Internal"): ?>
|
||||
<span class="badge app-badge-secondary app-text-white app-font-family" style="font-size:10px;"><?= $conv['notes_type'] ?></span>
|
||||
<span class="badge app-badge-secondary app-text-white " style="font-size:10px;"><?= $conv['notes_type'] ?></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- Bottom Row: Name + Date -->
|
||||
<div class="d-flex justify-content-between small text-muted" style="padding-top: 5px;">
|
||||
<span class="app-font-family" style="font-weight: 400 !important;"><i class="mdi mdi-account"></i> <?= $conv['name'] ?></span>
|
||||
<span style="font-size:9px; font-weight: 400 !important;" class="app-font-family"><?= date("j F Y h:i a", strtotime($conv['created_at'])) ?></span>
|
||||
<span class="" style="font-weight: 400 !important;"><i class="mdi mdi-account"></i> <?= $conv['name'] ?></span>
|
||||
<span style="font-size:9px; font-weight: 400 !important;" class=""><?= date("j F Y h:i a", strtotime($conv['created_at'])) ?></span>
|
||||
</div>
|
||||
|
||||
<!-- <?php echo $i < count($notes)-1 ? '<hr/>' : ''; ?> -->
|
||||
@ -294,9 +294,9 @@ hr{
|
||||
|
||||
<?php endforeach; ?>
|
||||
<?php else: ?>
|
||||
<div class="d-flex justify-content-center align-items-center app-font-family"
|
||||
<div class="d-flex justify-content-center align-items-center "
|
||||
style="height: 45vh; width:100%;">
|
||||
<p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
|
||||
<p class="text-center font-color-black"><i>No Data Found</i></p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
@ -329,7 +329,7 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-text-black app-font-family" id="EditModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade app-text-black " id="EditModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<form id="ticketForm">
|
||||
@ -344,7 +344,7 @@ hr{
|
||||
<input type="hidden" id="updated_by" name="updated_by" value="<?= get_session_userid(); ?>">
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="ticket_type" class="sub-title-text app-font-family">Ticket Type<span class="text-danger">*</span></label>
|
||||
<label for="ticket_type" class="sub-title-text ">Ticket Type<span class="text-danger">*</span></label>
|
||||
<select class="form-control" id="ticket_type" name="ticket_type" required>
|
||||
<option value="">Select Ticket Type</option>
|
||||
<!-- <option value="Sales">Sales</option>
|
||||
@ -361,7 +361,7 @@ hr{
|
||||
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="status" class="sub-title-text app-font-family">Status</label>
|
||||
<label for="status" class="sub-title-text ">Status</label>
|
||||
<select class="form-control" id="status" name="status">
|
||||
<option value="">Select Status</option>
|
||||
<option value="Open">Open</option>
|
||||
@ -375,7 +375,7 @@ hr{
|
||||
// 2,3,4 dropdown data'va varannum but dropdown hide pannanum -->
|
||||
<?php if(in_array(get_role_id(), [1,5]) ) { ?>
|
||||
<div class="form-group col-md-12">
|
||||
<label for="assign_to" class="sub-title-text app-font-family">Assign To</label>
|
||||
<label for="assign_to" class="sub-title-text ">Assign To</label>
|
||||
<select class="form-control" id="assign_to" name="assign_to">
|
||||
<option value="">Select Assign To</option>
|
||||
<?php if(isset($assignee)) { ?>
|
||||
@ -398,25 +398,25 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-font-family" id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade " id="relatedTicketModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content" style="border-radius:15px;">
|
||||
|
||||
<div class="modal-header" style="border-bottom-width:0;">
|
||||
<h4 class="modal-title title-text app-font-family" style="font-size:27px !important">Related Tickets</h4>
|
||||
<h4 class="modal-title title-text " style="font-size:27px !important">Related Tickets</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body card-scroll" style="padding-top:5px!important;">
|
||||
|
||||
<?php if(!empty($related_tickets)): foreach($related_tickets as $j => $rt): ?>
|
||||
<div class="card related-ticket-card app-font-family app-text"
|
||||
<div class="card related-ticket-card app-text"
|
||||
style="cursor: pointer;"
|
||||
onclick="window.open('<?= base_url().'/ticketConversationList?return_type=web&thz_id='.$rt['thz_id']; ?>', '_blank')">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-center" style="margin-bottom: 10px !important;">
|
||||
<h5 class="app-font-family app-text"><?php echo '# '.$rt['thz_id']." / ".$rt['ticket_type']; ?></h5>
|
||||
<small classs="app-font-family" style="font-size:7px;">
|
||||
<h5 class=" app-text"><?php echo '# '.$rt['thz_id']." / ".$rt['ticket_type']; ?></h5>
|
||||
<small classs="" style="font-size:7px;">
|
||||
<?php if (!empty($rt['created_at'])):
|
||||
$cd = date("j F Y", strtotime($rt['created_at']));
|
||||
$ct = date("h:i a", strtotime($rt['created_at']));
|
||||
@ -425,11 +425,11 @@ hr{
|
||||
?>
|
||||
</small>
|
||||
</div>
|
||||
<p class="mt-1 app-font-family"
|
||||
<p class="mt-1 "
|
||||
style="font-size:9px; font-weight:400; margin:4px;">
|
||||
<?= $rt['subject'] ? $rt['subject'] : " "; ?>
|
||||
</p>
|
||||
<small class="app-font-family" style="font-size:7px;"><span style="color: green !important; font-weight: 500;">Status: </span><?php echo $rt['status']; ?></small>
|
||||
<small class="" style="font-size:7px;"><span style="color: green !important; font-weight: 500;">Status: </span><?php echo $rt['status']; ?></small>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach;
|
||||
@ -445,12 +445,12 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-font-family" id="PolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade " id="PolicyModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content" style="border-radius:15px;">
|
||||
|
||||
<div class="modal-header" style="border-bottom-width:0;">
|
||||
<h4 class="modal-title title-text app-font-family">Policy Terms</h4>
|
||||
<h4 class="modal-title title-text ">Policy Terms</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
|
||||
@ -469,13 +469,13 @@ hr{
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade app-font-family" id="StatusModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal fade " id="StatusModal" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg" >
|
||||
<!-- style="max-width: 775px !important;"> -->
|
||||
<div class="modal-content" style="border-radius:15px;">
|
||||
|
||||
<div class="modal-header" style="border-bottom-width:0;">
|
||||
<h4 class="modal-title title-text app-font-family">Status History</h4>
|
||||
<h4 class="modal-title title-text ">Status History</h4>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
|
||||
@ -620,7 +620,7 @@ function statusHistory(thzId) {
|
||||
if (response.status === "success" && response.data.length > 0) {
|
||||
let table = `
|
||||
<div class="table-responsive">
|
||||
<table data-custom-table-css="table" class="table w-100 nowrap text-custom-black text-custom app-font-family app-datatable">
|
||||
<table data-custom-table-css="table" class="table w-100 nowrap text-custom-black text-custom app-datatable">
|
||||
<thead class="app-table-head">
|
||||
<tr>
|
||||
<th class="app-text app-text-white">S.No</th>
|
||||
@ -669,7 +669,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 app-font-family font-color-black"><i>${response.message ?? 'No history found'}</i></p>
|
||||
<p class="text-center font-color-black"><i>${response.message ?? 'No history found'}</i></p>
|
||||
</div>
|
||||
`);
|
||||
}
|
||||
@ -679,7 +679,7 @@ function statusHistory(thzId) {
|
||||
error: function(xhr) {
|
||||
$(".history-container").html(`
|
||||
<div class="d-flex justify-content-center align-items-center" style="height: 50vh; width:100%;">
|
||||
<p class="text-center app-font-family font-color-black"><i>No Data Found</i></p>
|
||||
<p class="text-center font-color-black"><i>No Data Found</i></p>
|
||||
</div>
|
||||
`);
|
||||
$("#StatusModal").modal("show");
|
||||
|
||||
Loading…
Reference in New Issue
Block a user