File manager

File manager - Edit - /home/autoph/public_html/tasks/resources/views/tickets/view copy.php

Back
<?php // print_r(array_keys($_REQUEST)); // echo $_REQUEST[0];exit; // print_r($_REQUEST);exit; $request = array_keys($_REQUEST); $ticket_id = $request[2]; $ticket_header_obj = $db->sql_query("SELECT * FROM `tickets` WHERE 1 AND id = $ticket_id AND status = 1"); $ticket_header_arr = array(); foreach($ticket_header_obj as $ticket_header_row){ $ticket_header_arr = $ticket_header_row; } if(count($ticket_header_arr) <= 0){ include $error_404; exit; } $ticket_owner_id = $ticket_header_arr['user_id']; ?> <div class="tab-container bg-white"> <div id="ticket_information_view" class="px-2"> <div class="row"> <div class="col-md-6"> <a href="resources/reports/ticket.php?id=<?php echo $ticket_id; ?>" rel="noopener" target="_blank" class="btn btn-default btn-sm float-right mt-1 mb-2 d-lg-none "><i class="fas fa-print"></i> Print</a> <h2 class="m-0 mt-1" style="font-size: 20px !important;"> <label class="p-0 col-form-label " placeholder="" kb-view-ticket-info-data="" id="lbl_ticket_subject"></label> </h2> <div class="row mb-3"> <div class="col-md-6"> <div class="form-group row col mb-0 " id="lbl_reference_no_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Case ID</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_reference_no"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 " id="lbl_ticket_priority_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Priority</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_priority"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 " id="lbl_ticket_category_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Area</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_category"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <div class="col-md-6"> <!-- <div class="form-group row col mb-0 " id="lbl_ticket__div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Last Updated</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> --> <div class="form-group row col mb-0 " id="lbl_ticket_date_created_by_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Date Created</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_date_created_by"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 " id="lbl_ticket_created_by_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Created By</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_created_by"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 " id="lbl_ticket_status_div"> <label for="" style="width: 95px;" class="pb-0 pt-0 col-form-label font-weight-normal">Progress</label> <div class="col"> <label class=" pb-0 pt-0 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_status"><span class="text-md text-muted font-italic">Loading...</span></label> <?php if(in_array('3_8', $session_access['3'])){ ?> <span class="text-sm cursor-pointer style-underline " data-toggle="dropdown" aria-expanded="true">Change</span> <ul class="ticket-available-status dropdown-menu "> <!-- <li class="dropdown-item cursor-pointer py-0"> <span class="text-sm">On Hold</span> </li> <li class="dropdown-item cursor-pointer py-0"> <span class="text-sm">In Progress</span> </li> <li class="dropdown-item cursor-pointer py-0"> <span class="text-sm">Escalated (In Progress)</span> </li> <li class="dropdown-item cursor-pointer py-0"> <span class="text-sm">Escalated (Close)</span> </li> <li class="dropdown-item cursor-pointer py-0"> <span class="text-sm">Close</span> </li> --> </ul> <?php } ?> </div> </div> </div> </div> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0 pt-0" style="background-color: #ffffff;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNavTicketInfo"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show scrollmenu" id="navbarNavTicketInfo"> <!-- <ul class=" nav nav-tabs navbar-nav mr-auto" id="custom-tabs-three-tab" role="tablist" style="border-bottom: 0px solid #ffffff;"> --> <ul class="nav nav-tabs navbar-nav mr-auto ticket-info-modal-tab case-view-tabs flex-nowrap" style="flex-direction: row;" ; id="ticket-info-modal-tab" role="tablist"> <li class="nav-item border-bottom"> <a class="text-nowrap border-0 active px-2" id="tab-complaint" data-toggle="pill" href="#tab-complaint-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="true"> Complaint</a> </li> <li class="nav-item border-bottom"> <a class=" text-nowrap border-0 px-2" id="tab-vehicle-info" data-toggle="pill" href="#tab-vehicle-info-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="true"> Vehicle Details</a> </li> <li class="nav-item border-bottom"> <a class="text-nowrap border-0 px-2" id="tab-attachments" data-toggle="pill" href="#tab-attachments-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="false"> Attachments</a> </a> </li> <li class="nav-item border-bottom"> <a class="text-nowrap border-0 px-2" id="tab-rating" data-toggle="pill" href="#tab-rating-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="true"> Rating</a> </li> <li class="nav-item border-bottom"> <a class="text-nowrap border-0 px-2" id="tab-activities" data-toggle="pill" href="#tab-activities-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="true"> Activities</a> </li> </ul> </div> </nav> <div class="tab-content m-0 p-2" id="ticket-info-modal-tab-content"> <div class="tab-pane fade show active" id="tab-complaint-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <div class="col-12"> <label class="text-lg m-0 p-0" style="font-size: 18px !important;"> COMPLAINT </label> </div> <div class="col-12"> <span class="product-description" id="lbl_ticket_complaint"> </span> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0" style="font-size: 18px !important;"> WORK PERFORMED </label> </div> <div class="col-12"> <span class="product-description" id="lbl_ticket_work_done"> </span> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0" style="font-size: 18px !important;"> IMPORTANT ADDITIONAL DATA </label> </div> <div class="col-12"> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_fault_codes_divv"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Fault Codes:</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_fault_codes"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> </div> <div class="tab-pane fade" id="tab-vehicle-info-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_plate_cs_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Plate/CS</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_plate_cs"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_vin_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">VIN</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_vin"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_mileage_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Mileage</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_mileage"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_brand_div"> <label for="" style="width: 115px;" class=" pb-0 pt-1 col-form-label font-weight-normal">Brand</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_brand"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_model_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Model</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_model"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_mv_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Model Variant</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_mv"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_ym_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Year Model</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_ym"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_workshop_visit_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Workshop visits</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_workshop_visit"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_breakdown_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Breakdown</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_breakdown"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_ticket_on_site_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Vehicle on site</label> <div class="col"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-lead-modal="true" id="txt_lead_mname" placeholder=""> --> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_on_site"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <div class="tab-pane fade" id="tab-attachments-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <!-- START FILE EXPLORER --> <div id="main-content-attach" class="file_manager"> <div id="ticket_info_attachment_container" class="container p-0"> <div class="row clearfix " id="ticket_attachment"> </div> </div> </div> <!-- END FILE EXPLORER --> </div> <div class="tab-pane fade" id="tab-rating-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <div class="row d-flex justify-content-center " id="rating-sec"> </div> </div> <div class="tab-pane fade" id="tab-activities-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <div class="bg-white" id="ticket_activities"> <!-- <div class="direct-chat-textt mr-0 ml-0 custom-left-border"> <div class="direct-chat-infos clearfix "> <span class="direct-chat-name float-left">CLARENCE ANDAYA</span> <br> <span class="m-0 p-0 text-md">Teestt </span> <br> <span class="direct-chat-name float-left">Jan. 08, 2022 12:08PM</span> </div> </div> --> <!-- /.contacts-list --> </div> <!-- /.direct-chat-pane --> <!-- <div class="m-2"></div> --> <div class="row d-flex justify-content-center hideEl bg-light" id="view_more_activities"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="ticket_activities_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> </div> </div> </div> <div class="col-md-6"> <a href="resources/reports/ticket.php?id=<?php echo $ticket_id; ?>" rel="noopener" target="_blank" class="btn btn-default btn-sm float-right mt-1 mb-2 d-sm-none d-none d-lg-block"><i class="fas fa-print"></i> Print</a> <h2 class="m-0 mt-1 mb-2" style="font-size: 20px !important;"> <label class="p-0 col-form-label font-weight-bold " placeholder="" kb-view-ticket-info-data="" id="">FEEDBACK</label> </h2> <?php if(in_array('3_4', $session_access['3']) \|\| $ticket_owner_id == $session_user_id){ ?> <div class="col-12 hide-print"> <div class="row "> <div class="col-9"> <div class="form-group m-0"> <textarea oninput="auto_grow(this)" style="height:calc(1.8125rem + 2px);" type="text" class="custom-text-area form-control form-control-sm " json-reply-ticket="true" id="ticket_reply"></textarea> </div> </div> <div class="col"> <!-- <button type="button"class="float-lg-right btn btn-sm btn-primary">Send</button> --> <button id="reply_ticket_send_btn" class="float-lg-none btn btn-sm btn-primary delete"> <i class="fa fa-paper-plane"></i> <span>Send</span> </button> </div> </div> </div> <div class="col-12 hide-print"> <div class="form-group row mb-0"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Reply Attachments</label> </div> <div class="card-body p-0"> <div id="ticket_reply_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm ticket-reply-button"> <i class="fas fa-plus"></i> <span>Browse</span> </span> <!-- <button type="submit" class="btn btn-primary btn-sm col start"> <i class="fas fa-upload"></i> <span>Upload</span> </button> <button type="reset" class="btn btn-warning btn-sm col cancel"> <i class="fas fa-times-circle"></i> <span>Cancel</span> </button> --> </div> </div> <!-- <div class="col-lg-6 d-flex align-items-center"> <div class="fileupload-process w-100"> <div id="ticket-total-progress" class="progress progress-striped active my-2" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div> </div> </div> </div> --> </div> <div class="table table-striped files" id="ticket_reply_previews"> <div id="ticket_reply_template" class="row mt-2"> <div class="col-auto p-0"> <span class="preview"><img src="data:," alt="" data-dz-thumbnail /></span> </div> <div class="col d-flex align-items-center"> <p class="mb-0"> <span class="lead text-md" data-dz-name></span> (<span data-dz-size></span>) </p> <strong class="error text-danger" data-dz-errormessage></strong> </div> <div class="col-6 d-flex align-items-center"> <div class="progress progress-striped active w-100 my-2" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"> <div class="progress-bar progress-bar-success" style="width:0%;" data-dz-uploadprogress></div> </div> </div> <div class="col-auto d-flex align-items-center"> <div class="btn-group"> <!-- <button class="btn btn-sm btn-primary start"> <i class="fas fa-upload"></i> <span>Start</span> </button> <button data-dz-remove class="btn btn-sm btn-warning cancel"> <i class="fas fa-times-circle"></i> <span>Cancel</span> </button> --> <button data-dz-remove class="btn btn-sm btn-danger delete"> <i class="fas fa-trash"></i> <span>Delete</span> </button> </div> </div> </div> </div> </div> </div> <div class="m-3"> </div> <?php } ?> <!-- Message. Default to the left --> <div id="ticket_replies" class="replies bg-light p-3"> <!-- Message to the right --> <div class="direct-chat-msg right"> <div class="direct-chat-textt mr-0 ml-5 custom-right-border"> <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-left">Sarah Bullock</span> </div> Test message with attachments <div class="pl-1 pt-2 reply-attachment"> <p class="text-dark text-sm font-weight-normal m-0 p-0">Attachment(s):</p> <a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=filename@1"> <u> <p class="text-sm p-0 m-0">Test File.pdf</p> </u> </a> </div> <div class="direct-chat-infos clearfix mt-3"> <span class="float-left">Posted on </span> <span class="direct-chat-name float-left">Jan. 08, 2021 02:47 PM</span> </div> </div> </div> <div class="direct-chat-msg"> <div class="direct-chat-textt mr-5 ml-0 custom-left-border"> <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-left">Sarah Bullock</span> </div> Test message with attachments <div class="pl-1 pt-2 reply-attachment"> <p class="text-dark text-sm font-weight-normal m-0 p-0">Attachment(s):</p> <a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=filename@1"> <u> <p class="text-sm p-0 m-0">Test File.pdf</p> </u> </a> <a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=filename@1"> <u> <p class="text-sm p-0 m-0">Test File.pdf</p> </u> </a> </div> <div class="direct-chat-infos clearfix mt-3"> <span class="float-left">Posted on </span> <span class="direct-chat-name float-left">Jan. 08, 2021 02:47 PM</span> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar-remove"></div> </div> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- Select2 --> <!-- <script src="plugins/select2/js/select2.full.min.js"></script> --> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- AutoCommplete --> <!-- <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> --> <!-- daterangepicker --> <!-- <script src="plugins/moment/moment.min.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script> --> <!-- Ekko Lightbox --> <script src="plugins/ekko-lightbox/ekko-lightbox.min.js"></script> <!-- Star Rating --> <script src="node_modules/bootstrap-star-rating/js/star-rating.min.js"></script> <script src="node_modules/bootstrap-star-rating/themes/krajee-svg/theme.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS </script> <?php include('resources/views/common/script/ticket_list_functions.php'); ?> <script> selected_ticket_data = <?php echo $ticket_id ?>; // DROPZONE 2 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument try { var ticketReplyNode = document.querySelector("#ticket_reply_template") ticketReplyNode.id = "" var ticketReplyTemplate = ticketReplyNode.parentNode.innerHTML ticketReplyNode.parentNode.removeChild(ticketReplyNode) var ticketReplyDropzone = new Dropzone("#ticket_information_view", { url: "app/models/file.php", paramName: "file", maxFilesize: 1024, maxFiles: 20, autoProcessQueue: false, acceptedFiles: '.pdf, .doc, .docx, .txt, .html, .htm, .ppt, .pptx, .xls, .csv, .xlsx, .png, .jpeg, .jpg, .mp4, .mkv, .mov, .avi, .wmv', init: function() { this.on('sending', function(file, xhr, formData) { formData.append("model", "create_file"); formData.append("file", "file"); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: ticketReplyTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#ticket_reply_previews", // Define the container to display the previews clickable: ".ticket-reply-button" // Define the element that should be used as click trigger to select files. }); ticketReplyDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var uploaded_reply_ticket_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } uploaded_reply_ticket_attachments_arr.push(uploaded_reply_ticket_attachments_obj); //console.log(uploaded_reply_ticket_attachments_arr); // uploaded_ticket_attachments = {change_name: result.change_name , original_name: result.orig_name}; } else if (parseInt(result.status) === 0) { //put the first error only if (!uploaded_reply_ticket_attachments_has_error) { uploaded_reply_ticket_attachments_has_error = true; uploaded_ticket_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (ticketReplyDropzone.getQueuedFiles().length === 0 && ticketReplyDropzone.getUploadingFiles().length === 0) { // console.log(uploaded_reply_ticket_attachments_arr) if (uploaded_reply_ticket_attachments_has_error) { toastr.remove(); toastr.error(uploaded_ticket_attachments_error_msg.filename + ' - ' + uploaded_ticket_attachments_error_msg.message) //remove uploaded files $.ajax({ url: "app/models/file.php", data: { model: 'delete_file', file: '', file_names: JSON.stringify(uploaded_reply_ticket_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { createReplyTicketV2(); } } } //TODO - } catch (e) { //TODO - console.log(e) } }); } catch (e) { // console.log(e); } function readTicketInformationData() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_information', ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('.type_vehicle_reply_modal').hide(); }, success: function(result) { if (parseInt(result.show_vehicle) === 1) { $('.type_vehicle_reply_modal').show(); } $.each(result, function(i, n) { if (i.startsWith("lbl_")) { if (i == "lbl_ticket_description") { $("#" + i).html(n); } else if (i == "lbl_ticket_complaint") { $("#" + i).html(n); } else if (i == "lbl_ticket_work_done") { $("#" + i).html(n); } else if (i == "lbl_ticket_status") { if (isEmpty(n)) { n = 'On Hold'; } var color = "badge-primary"; if (n == 'In Progress') { color = "badge-warning"; } else if (n == 'On Hold') { color = "badge-danger"; } else if (n == 'Close') { color = "badge-success"; } else if (n == 'Escalated (In Progress)' \|\| n == 'Escalated (Close)') { color = "badge-secondary"; } else if (n == 'Close (Solve Escalated)') { color = "badge-info"; } $("#" + i).html("<span style='font-size:14px; border-radius: 0.0rem;' class='badge " + color + "'>" + n + "</span>"); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } } } }); $('#input-rating').rating('destroy'); // if (result.ticket_status_id == 3 \|\| result.ticket_status_id == 5) { if (isEmpty(result.ticket_rating)) { $('#rating-sec').html(`<input id="input-rating" name="input-rating" value="0" class="rating-loading" data-show-clear="false">`); } else { $('#rating-sec').html(`<input id="input-rating" name="input-rating" value="` + result.ticket_rating + `" class="rating-loading" data-show-clear="false">`); } if(result.is_owner && (result.ticket_status_id == 3 \|\| result.ticket_status_id == 5)){ //user == session user $('#input-rating').rating({ step: 1, starCaptions: { 1: 'Very Poor', 2: 'Poor', 3: 'Ok', 4: 'Good', 5: 'Very Good' }, starCaptionClasses: { 1: 'text-danger', 2: 'text-warning', 3: 'text-info', 4: 'text-primary', 5: 'text-success' } }).on("rating:change", function(event, value, caption) { // alert("You rated: " + value + " = " + $(caption).text()); // ajax update rating $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket_rating', id: selected_ticket_data, rating: value }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { resetTicketActivities(); }, error: function() {} }); }).on('rating:clear', function(event) { console.log("rating:clear"); }); }else{ $('#input-rating').rating({ displayOnly: true }); } // } else { // $('#rating-sec').html(`<input id="input-rating" name="input-rating" value="0" class="rating-loading" data-show-clear="false">`); // $('#input-rating').rating({ // displayOnly: true // }); // } // $('#input-rating').rating({ // step: 1, // starCaptions: {1: 'Very Poor', 2: 'Poor', 3: 'Ok', 4: 'Good', 5: 'Very Good'}, // starCaptionClasses: {1: 'text-danger', 2: 'text-warning', 3: 'text-info', 4: 'text-primary', 5: 'text-success'} // }).on("rating:change", function(event, value, caption) { // // alert("You rated: " + value + " = " + $(caption).text()); // // ajax update rating // $.ajax({ // url: "app/models/ticket.php", // data: { // model: 'create_ticket_rating', // id: selected_ticket_data, // rating: value // }, // type: "POST", // dataType: 'json', // beforeSend: function() {}, // success: function(result) { // }, // error: function() {} // }); // }).on('rating:clear', function(event) { // console.log("rating:clear"); // }); fetchTicketStatus(); }, error: function() {} }); } function replyToTicketEvt() { $('#reply_ticket_send_btn').on('click', function(evt) { var $element = $("[json-reply-ticket]"); reply_ticket_json_data = generate_json( 'json-reply-ticket', $element); if (isEmpty($('#ticket_reply').val()) && ticketReplyDropzone.getAcceptedFiles().length < 1 ) { $('#ticket_reply').trigger('focus'); toastr.remove(); toastr.error("Enter your feedback or attach a file."); } else { startReplyTicketUpload(); } }); } function realTimeListener() { close_notification(selected_ticket_data); readTicketRepliesV2(); } function loadTicketAvailableStatus() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_available_status', // model: 'read_ticket_status', ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('.ticket-available-status').html(''); }, success: function(result) { $.each(result, function(i, n) { $('.ticket-available-status').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n.text + `</span></li>`); }); }, error: function() {} }); } function fetchTicketStatus() { $.when(loadTicketAvailableStatus()).done(function(ajax1Results) { $(".ticket-available-status li").each(function() { $(this).on('click', function() { var $cur_el = $(this); $cur_el.toggleClass('active') $(".ticket-available-status li").each(function() { if ($cur_el[0] != $(this)[0]) { $(this).removeClass('active'); } }); var active_items = $('.ticket-available-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); //change ticket status and reload data updateTicketStatus(active_items[0].status) }); }); }); } function updateTicketStatus(status) { return $.ajax({ url: "app/models/ticket.php", data: { model: 'update_ticket_status', id: selected_ticket_data, status: status }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { readTicketInformationData(); resetTicketActivities(); }, error: function() {} }); } function resetTicketActivities() { $('#ticket_activities').html('') ticket_activities_display_limit = ticket_activities_display_limit_const; ticket_activities_display_count = 0; readTicketActivities(); } $(document).ready(function() { readTicketInformationData(); readTicketAttachments(); replyToTicketEvt(); //remove all related notification for this ticket close_notification(selected_ticket_data); readTicketRepliesV2(); $('#ticket_activities_view_more').on('click', function() { ticket_activities_display_limit = ticket_activities_display_limit + ticket_activities_display_limit_const; readTicketActivities(); }); resetTicketActivities(); interval_id = setInterval("realTimeListener()", 10000 * 6); //10000 10 sec }); </script>

| ver. 1.4 | . | PHP 7.3.33 | Generation time: 0 | proxy | phpinfo | Settings