BUG_css issues
This commit is contained in:
parent
5d351eacb7
commit
2f3a195b43
@ -133,7 +133,7 @@ td .text-muted {
|
|||||||
<table id="scroll-horizontal-datatable" class="table w-100 nowrap">
|
<table id="scroll-horizontal-datatable" class="table w-100 nowrap">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Ticket Number</th>
|
<th>Ticket No</th>
|
||||||
<th>Name</th>
|
<th>Name</th>
|
||||||
<th>Policy Number</th>
|
<th>Policy Number</th>
|
||||||
<th>Ticket Type</th>
|
<th>Ticket Type</th>
|
||||||
@ -188,7 +188,7 @@ td .text-muted {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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">
|
<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 id="ticketForm">
|
||||||
<!-- <div class="modal-header">
|
<!-- <div class="modal-header">
|
||||||
@ -231,7 +231,8 @@ td .text-muted {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-body">
|
<div class="modal-body" style="padding-top: 15px !important;
|
||||||
|
padding-bottom: 10px !important;">
|
||||||
<div class="form-row">
|
<div class="form-row">
|
||||||
<input type="hidden" id="thz_id" name="thz_id">
|
<input type="hidden" id="thz_id" name="thz_id">
|
||||||
<input type="hidden" id="return_type" name="return_type">
|
<input type="hidden" id="return_type" name="return_type">
|
||||||
|
|||||||
@ -43,25 +43,31 @@
|
|||||||
.conversation-card{
|
.conversation-card{
|
||||||
border-radius: 15px !important;
|
border-radius: 15px !important;
|
||||||
box-shadow: 0 2px 4px 0 #00000040;
|
box-shadow: 0 2px 4px 0 #00000040;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-scroll{
|
.card-scroll{
|
||||||
overflow-y:auto;
|
overflow-y:auto;
|
||||||
height:440px;
|
height:440px;
|
||||||
|
}
|
||||||
|
.recard-scroll{
|
||||||
|
overflow-y:auto;
|
||||||
|
height:295px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.maincard{
|
||||||
|
margin-top:0 !important;
|
||||||
|
padding-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conversation-card,
|
.conversation-card,
|
||||||
.conversation-card .card-header,
|
.conversation-card .card-header,
|
||||||
.conversation-card .card-body {
|
.conversation-card .card-body {
|
||||||
background: #F5FFFF !important;
|
background: #F5FFFF !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.master-card{
|
.master-card{
|
||||||
border-radius: 15px !important;
|
border-radius: 15px !important;
|
||||||
box-shadow: 0 1px 4px #000000;
|
box-shadow: 0 2px 4px 0 #00000040;
|
||||||
overflow-y:auto;
|
|
||||||
overflow-x:auto;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
@ -70,15 +76,15 @@ height:440px;
|
|||||||
.related-ticket-card .card-body {
|
.related-ticket-card .card-body {
|
||||||
background: #F5FFFF !important;
|
background: #F5FFFF !important;
|
||||||
overflow-y:auto;
|
overflow-y:auto;
|
||||||
box-shadow: 0 1px 4px #000000;
|
box-shadow: 0 2px 4px 0 #00000040;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="card">
|
<div class="card ">
|
||||||
<div class="card-body">
|
<div class="card-body maincard">
|
||||||
|
|
||||||
<!-- Title -->
|
<!-- Title -->
|
||||||
<div class="row" id="notes-title" style="padding-bottom: 10px;">
|
<div class="row" id="notes-title" style="padding-bottom: 10px;">
|
||||||
@ -105,7 +111,7 @@ height:440px;
|
|||||||
</i>
|
</i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body" style="padding-left: 27px !important; background:#F5FFFF;">
|
<div class="card-body card-scroll" style="padding-left: 27px !important; background:#F5FFFF;">
|
||||||
<div class="row mb-2 ml-o">
|
<div class="row mb-2 ml-o">
|
||||||
<div class="col-5">Ticket ID</div>
|
<div class="col-5">Ticket ID</div>
|
||||||
<div class="col-7 text-end"><?= $master[0]['thz_id'];?></div>
|
<div class="col-7 text-end"><?= $master[0]['thz_id'];?></div>
|
||||||
@ -167,13 +173,13 @@ height:440px;
|
|||||||
<div class="col-8">
|
<div class="col-8">
|
||||||
|
|
||||||
<!-- Conversation Card -->
|
<!-- Conversation Card -->
|
||||||
<div class="card mb-3 conversation-card card-scroll">
|
<div class="card mb-3 conversation-card">
|
||||||
<div class="card-header border-0">
|
<div class="card-header border-0">
|
||||||
<h5 class="mb-0">Conversation</h5>
|
<h5 class="mb-0" style="font-size:15px;">Conversation</h5>
|
||||||
<hr/>
|
<hr/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body pt-0">
|
<div class="card-body pt-0 recard-scroll">
|
||||||
<?php if(!empty($notes)): ?>
|
<?php if(!empty($notes)): ?>
|
||||||
<?php foreach($notes as $i => $conv): ?>
|
<?php foreach($notes as $i => $conv): ?>
|
||||||
|
|
||||||
@ -295,18 +301,18 @@ height:440px;
|
|||||||
|
|
||||||
<div class="modal fade" 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-dialog modal-dialog-centered">
|
||||||
<div class="modal-content">
|
<div class="modal-content" style="border-radius:15px;">
|
||||||
|
|
||||||
<div class="modal-header">
|
<div class="modal-header" style="border-bottom-width:0;">
|
||||||
<h4 class="modal-title">Related Tickets</h4>
|
<h4 class="modal-title">Related Tickets</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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-body">
|
<div class="modal-body card-scroll" style="padding-top:5px!important;">
|
||||||
|
|
||||||
<?php foreach($related_tickets as $j => $rt): ?>
|
<?php foreach($related_tickets as $j => $rt): ?>
|
||||||
<div class="card related-ticket-card mb-3">
|
<div class="card related-ticket-card mb-3">
|
||||||
<div class="card-body">
|
<div class="card-body" style="border-radius: 20px; padding:27px !important;">
|
||||||
<div class="d-flex justify-content-between align-items-start">
|
<div class="d-flex justify-content-between align-items-start">
|
||||||
<h5 class="mb-1"><?php echo $rt['ticket_type']; ?></h5>
|
<h5 class="mb-1"><?php echo $rt['ticket_type']; ?></h5>
|
||||||
<small>
|
<small>
|
||||||
@ -337,30 +343,22 @@ height:440px;
|
|||||||
$("#status").select2();
|
$("#status").select2();
|
||||||
$("#assign_to").select2();
|
$("#assign_to").select2();
|
||||||
var form = document.getElementById('ticketForm');
|
var form = document.getElementById('ticketForm');
|
||||||
form.reset();
|
form.reset();
|
||||||
|
|
||||||
var masterData = <?= json_encode($master[0]); ?>;
|
var masterData = <?= json_encode($master[0]); ?>;
|
||||||
console.log(masterData);
|
|
||||||
|
|
||||||
document.getElementById('EditModalLabel').innerText = "Update";
|
document.getElementById('edit_thz_id').value = masterData.thz_id;
|
||||||
|
document.getElementById('assign_to').value = masterData.assign_to;
|
||||||
|
document.getElementById('status').value = masterData.status;
|
||||||
|
document.getElementById('ticket_type').value = masterData.ticket_type;
|
||||||
|
|
||||||
|
document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
|
||||||
|
|
||||||
document.getElementById('edit_thz_id').value = masterData.thz_id;
|
|
||||||
document.getElementById('assign_to').value = masterData.assign_to;
|
|
||||||
document.getElementById('status').value = masterData.status;
|
|
||||||
document.getElementById('ticket_type').value = masterData.ticket_type;
|
|
||||||
|
|
||||||
|
|
||||||
document.getElementById('EditModalLabel').innerText = "Update Ticket: " + masterData.thz_id ;
|
|
||||||
|
|
||||||
var myModal = new bootstrap.Modal(document.getElementById('EditModal'));
|
|
||||||
myModal.show();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
function openEditTicket() {
|
function openEditTicket() {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var masterData = <?= json_encode($master[0]); ?>;
|
var masterData = <?= json_encode($master[0]); ?>;
|
||||||
console.log(masterData);
|
console.log(masterData);
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user