Add related tickets table to form #22
This commit is contained in:
Ramon Gutierrez
parent
de9d3d92ab
commit
d8e5117c2e
2 changed files with 189 additions and 83 deletions
|
|
@ -335,6 +335,23 @@ class TicketController extends BaseController
|
|||
$params['redirect_url'] = $cust_update_url;
|
||||
}
|
||||
|
||||
// get related tickets
|
||||
$qb = $em->getRepository(Ticket::class)
|
||||
->createQueryBuilder('q');
|
||||
|
||||
$query = $qb->select('q')
|
||||
->where('(q.first_name = :first_name and q.last_name = :last_name)')
|
||||
->orWhere('q.contact_num = :contact_num')
|
||||
->orWhere('q.plate_number = :plate_number')
|
||||
->setParameter('first_name', $obj->getFirstName())
|
||||
->setParameter('last_name', $obj->getLastName())
|
||||
->setParameter('contact_num', $obj->getContactNumber())
|
||||
->setParameter('plate_number', $obj->getPlateNumber())
|
||||
->orderBy('q.date_create', 'desc');
|
||||
|
||||
$params['related_tickets'] = $query->getQuery()
|
||||
->getResult();
|
||||
|
||||
$params['obj'] = $obj;
|
||||
|
||||
// response
|
||||
|
|
|
|||
|
|
@ -35,93 +35,111 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form id="row-form" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" method="post" action="{{ mode == 'update' ? url('ticket_update_submit', {'id': obj.getId}) : url('ticket_create_submit', {'customer_id': customer ? customer.getID : false, 'job_order_id': job_order ? job_order.getID : false}) }}">
|
||||
<form id="row-form" class="m-form m-form--fit m-form--label-align-right" method="post" action="{{ mode == 'update' ? url('ticket_update_submit', {'id': obj.getId}) : url('ticket_create_submit', {'customer_id': customer ? customer.getID : false, 'job_order_id': job_order ? job_order.getID : false}) }}">
|
||||
<div class="m-portlet__body">
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="status">Ticket Type</label>
|
||||
<select class="form-control m-input" id="ticket-type" name="ticket_type">
|
||||
<option value=""></option>
|
||||
{% for key, ticket_type in ticket_types %}
|
||||
<option value="{{ key }}"{{ key == obj.getTicketType ? ' selected' }}>{{ ticket_type }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<div class="form-control-feedback hide" data-field="ticket_type"></div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<label data-field="other_ticket_type">Other Ticket Type <small>(please specify)</small></label>
|
||||
<input type="text" name="other_ticket_type" id="other-ticket-type" class="form-control m-input" value="{{ obj.getOtherTicketType }}" disabled>
|
||||
<div class="form-control-feedback hide" data-field="other_ticket_type"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="first_name">First Name</label>
|
||||
<input type="text" name="first_name" class="form-control m-input" value="{{ customer and mode == 'create' ? customer.getFirstName : obj.getFirstName }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="first_name"></div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<label data-field="last_name">Last Name</label>
|
||||
<input type="text" name="last_name" class="form-control m-input" value="{{ customer and mode == 'create' ? customer.getLastName : obj.getLastName }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="last_name"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="contact_num">Contact Number</label>
|
||||
<input type="text" name="contact_num" class="form-control m-input" value="{{ customer and mode == 'create' and customer.getMobileNumbers is not empty ? customer.getMobileNumbers[0].getID : obj.getContactNumber }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="contact_num"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="plate_number">Vehicle Plate Number</label>
|
||||
<input type="text" name="plate_number" class="form-control m-input" value="{{ obj.getPlateNumber }}">
|
||||
<div class="form-control-feedback hide" data-field="plate_number"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="status">Status</label>
|
||||
<select class="form-control m-input" id="status" name="status">
|
||||
{% for key, status in statuses %}
|
||||
<option value="{{ key }}"{{ key == obj.getStatus ? ' selected' }}>{{ status }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<div class="form-control-feedback hide" data-field="status"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-12">
|
||||
<label data-field="subject">Subject</label>
|
||||
<input type="text" name="subject" class="form-control m-input" value="{{ obj.getSubject }}">
|
||||
<div class="form-control-feedback hide" data-field="subject"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-12">
|
||||
<label for="details" data-field="details">
|
||||
Details
|
||||
</label>
|
||||
<textarea class="form-control m-input" id="details" rows="6" name="details">{{ obj.getDetails }}</textarea>
|
||||
<div class="form-control-feedback hide" data-field="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="job_order_id">Linked Job Order</label>
|
||||
<input type="text" name="job_order_id" class="form-control m-input" value="{{ job_order.getID|default('None') }}" disabled>
|
||||
<div class="form-control-feedback hide" data-field="job_order_id"></div>
|
||||
</div>
|
||||
{% if job_order %}
|
||||
<div class="m-form__section m-form__section--first{{ mode == 'create' ? ' m-form__section--last' }}">
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label> </label>
|
||||
<div>
|
||||
<a href="{{ url('jo_proc_form', {'id': job_order.getID }) }}" class="btn btn-info">View Job Order</a>
|
||||
<label data-field="status">Ticket Type</label>
|
||||
<select class="form-control m-input" id="ticket-type" name="ticket_type">
|
||||
<option value=""></option>
|
||||
{% for key, ticket_type in ticket_types %}
|
||||
<option value="{{ key }}"{{ key == obj.getTicketType ? ' selected' }}>{{ ticket_type }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<div class="form-control-feedback hide" data-field="ticket_type"></div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<label data-field="other_ticket_type">Other Ticket Type <small>(please specify)</small></label>
|
||||
<input type="text" name="other_ticket_type" id="other-ticket-type" class="form-control m-input" value="{{ obj.getOtherTicketType }}" disabled>
|
||||
<div class="form-control-feedback hide" data-field="other_ticket_type"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="first_name">First Name</label>
|
||||
<input type="text" name="first_name" class="form-control m-input" value="{{ customer and mode == 'create' ? customer.getFirstName : obj.getFirstName }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="first_name"></div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<label data-field="last_name">Last Name</label>
|
||||
<input type="text" name="last_name" class="form-control m-input" value="{{ customer and mode == 'create' ? customer.getLastName : obj.getLastName }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="last_name"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="contact_num">Contact Number</label>
|
||||
<input type="text" name="contact_num" class="form-control m-input" value="{{ customer and mode == 'create' and customer.getMobileNumbers is not empty ? customer.getMobileNumbers[0].getID : obj.getContactNumber }}"{{ customer ? ' disabled' }}>
|
||||
<div class="form-control-feedback hide" data-field="contact_num"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="plate_number">Vehicle Plate Number</label>
|
||||
<input type="text" name="plate_number" class="form-control m-input" value="{{ obj.getPlateNumber }}">
|
||||
<div class="form-control-feedback hide" data-field="plate_number"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="status">Status</label>
|
||||
<select class="form-control m-input" id="status" name="status">
|
||||
{% for key, status in statuses %}
|
||||
<option value="{{ key }}"{{ key == obj.getStatus ? ' selected' }}>{{ status }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<div class="form-control-feedback hide" data-field="status"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-12">
|
||||
<label data-field="subject">Subject</label>
|
||||
<input type="text" name="subject" class="form-control m-input" value="{{ obj.getSubject }}">
|
||||
<div class="form-control-feedback hide" data-field="subject"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-12">
|
||||
<label for="details" data-field="details">
|
||||
Details
|
||||
</label>
|
||||
<textarea class="form-control m-input" id="details" rows="6" name="details">{{ obj.getDetails }}</textarea>
|
||||
<div class="form-control-feedback hide" data-field="details"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-form__group row no-border">
|
||||
<div class="col-lg-4">
|
||||
<label data-field="job_order_id">Linked Job Order</label>
|
||||
<input type="text" name="job_order_id" class="form-control m-input" value="{{ job_order.getID|default('None') }}" disabled>
|
||||
<div class="form-control-feedback hide" data-field="job_order_id"></div>
|
||||
</div>
|
||||
{% if job_order %}
|
||||
<div class="col-lg-4">
|
||||
<label> </label>
|
||||
<div>
|
||||
<a href="{{ url('jo_proc_form', {'id': job_order.getID }) }}" class="btn btn-info">View Job Order</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if mode == 'update' %}
|
||||
<div class="m-form__seperator m-form__seperator--dashed"></div>
|
||||
<div class="m-form__section m-form__section--last">
|
||||
<div class="m-form__heading">
|
||||
<h3 class="m-form__heading-title">
|
||||
Related Tickets
|
||||
</h3>
|
||||
</div>
|
||||
<div class="form-group m-form__group row">
|
||||
<div class="col-lg-12">
|
||||
<div class="m_datatable" id="data-related-tickets"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="m-portlet__foot m-portlet__foot--fit">
|
||||
<div class="m-form__actions m-form__actions--solid m-form__actions--right">
|
||||
|
|
@ -218,6 +236,77 @@
|
|||
field.prop('disabled', true).val("");
|
||||
}
|
||||
}).change();
|
||||
|
||||
{% if mode == 'update' %}
|
||||
// related tickets
|
||||
var ticketRows = [];
|
||||
|
||||
{% for ticket in related_tickets %}
|
||||
trow = {
|
||||
id: "{{ ticket.getID }}",
|
||||
date_create: "{{ ticket.getDateCreate|date('d M Y - h:i A') }}",
|
||||
subject: "{{ ticket.getSubject }}",
|
||||
ticket_type: "{{ ticket.getTicketTypeText }}",
|
||||
status: "{{ ticket.getStatusText }}",
|
||||
edit_url: "{{ url('ticket_update', {'id': ticket.getID}) }}"
|
||||
};
|
||||
|
||||
ticketRows.push(trow);
|
||||
{% endfor %}
|
||||
|
||||
// tickets data table
|
||||
var ticketOptions = {
|
||||
data: {
|
||||
type: 'local',
|
||||
source: ticketRows,
|
||||
saveState: {
|
||||
cookie: false,
|
||||
webstorage: false
|
||||
}
|
||||
},
|
||||
layout: {
|
||||
scroll: true
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
field: 'id',
|
||||
title: 'ID',
|
||||
width: 30
|
||||
},
|
||||
{
|
||||
field: 'date_create',
|
||||
title: 'Date Created',
|
||||
width: 200
|
||||
},
|
||||
{
|
||||
field: 'subject',
|
||||
title: 'Subject',
|
||||
width: 300
|
||||
},
|
||||
{
|
||||
field: 'ticket_type',
|
||||
title: 'Ticket Type'
|
||||
},
|
||||
{
|
||||
field: 'status',
|
||||
title: 'Status'
|
||||
},
|
||||
{
|
||||
field: 'Actions',
|
||||
width: 70,
|
||||
title: 'Actions',
|
||||
sortable: false,
|
||||
overflow: 'visible',
|
||||
template: function (row, index, datatable) {
|
||||
return '<a href="' + row.edit_url + '" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill btn-edit-ticket" title="Edit"><i class="la la-edit"></i></a>';
|
||||
},
|
||||
}
|
||||
],
|
||||
pagination: false
|
||||
};
|
||||
|
||||
var ticketTable = $("#data-related-tickets").mDatatable(ticketOptions);
|
||||
{% endif %}
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue