Add related tickets table to form #22

src/Controller/TicketController.php

@@ -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

templates/ticket/form.html.twig

@@ -35,8 +35,9 @@
 							</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="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 data-field="status">Ticket Type</label>
@@ -123,6 +124,23 @@
 									{% 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>
+								</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">
 								<div class="row">
@@ -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 %}