File manager

File manager - Edit - /home/autoph/public_html/tasks/views.tar

Back
videos/view.php��0000644��00000035464�15024776124�0007544 0��ustar�00��<!-- PHP Section Header --> <?php // if(isset($_REQUEST['id'])){ // $param_id = intval($_REQUEST['id']) ; // }else{ // echo "Invalid request."; // exit; // } $request = array_keys($_REQUEST); $param_id = $request[2]; ?> <div class="tab-container bg-light"> <div class="mb-3 mt-3" id="ticket_information_view"> <div class="row"> <div class="col-sm-8 p-0 m-0"> <div class="embed-responsive embed-responsive-16by9" width="320" height="240"> <video controls controlsList="nodownload" id="video_el" class="video_el"> <!-- <source id="video_src" type="video/mp4"> --> </video> </div> <div class="mt-2 d-flex align-items-center"> <!-- Share Link Button --> <button id="shareBtn" class="btn btn-sm btn-outline-primary"> <i class="fas fa-share-alt"></i> Share Link </button> <!-- Status message (hidden by default) --> <span id="shareStatus" class="ms-2 text-success" style="display:none;">Link copied!</span> </div> <div class="mt-2"> </div> <!-- <br> --> <span class="font-weight-bold text-lg" id="title"></span> <br> <span class="font-xs text-sm font-italic left-margin-5" id="user"></span> <hr class="mt-0 mb-2"> <span class="font-weight-normal text-md">Category:</span> <span class="font-weight-bold text-md word-wrap m-0" id="lbl_category"> </span> <hr class="mt-0 mb-2"> <div id="vehicle_info"> <span class="font-weight-bold text-md">VEHICLE INFORMATION</span> <p class="font-weight-normal text-md m-0" id="v_view_brand_div">Brand: <span class="font-weight-bold" id="v_view_brand"></span> </p> <p class="font-weight-normal text-md m-0" id="v_view_model_div">Model: <span class="font-weight-bold" id="v_view_model"></span></p> <p class="font-weight-normal text-md m-0" id="v_view_model_variant_div">Model Variant: <span class="font-weight-bold" id="v_view_model_variant"></span></p> <hr class="mt-0 mb-2"> </div> <span class="font-weight-bold text-md">DESCRIPTION</span> <p class="font-weight-normal text-md word-wrap m-0" id="lbl_description"> </p> <hr class="mt-0 mb-2"> <span class="font-weight-bold text-md">IMPORTANT ADDITIONAL DATA</span> <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> <hr class="mt-0 mb-2"> <div id="video_attachment " class="mb-3"> <span class="font-weight-bold text-md">FILES:</span> <br> <div id="video_attachment_container"> </div> </div> </div> <div class="bg-white px-lg-4 col-sm-4 p-0 m-0"> <div class="row py-2"> <div class="col-4"> <span class=" font-weight-bold text-md">VIEWERS</span> </div> <div class="col-8 "> <div class="row float-right pr-2"> <div class="input-group search-transition " style="width: 170px;" id="video-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="video-search" class="form-control form-control-sm pr-0" autocomplete="off" placeholder="Search viewers..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search name or id number."></i> </div> </div> </div> <div class="" id="ticket_activities"> </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="video_viewers_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var selected_video_data = <?php echo $param_id; ?>; var is_user_watched = false; // Ticket viewers var video_viewers_display_limit_const = 10; var video_viewers_display_limit = video_viewers_display_limit_const; var video_viewers_display_count = 0; function initVideoData() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_video_information', video_id: selected_video_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { var has_vehicle_info = false; $.each(result.rows, function(i, n) { if (i.startsWith('v_')) { if (!isEmpty(n)) { has_vehicle_info = true; } } if (i == "lbl_description") { $("#" + i).html(n); } else { $("#" + i).text(n); } if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } }); if (has_vehicle_info) { $('#vehicle_info').show(); } else { $('#vehicle_info').hide(); } if (result.attachments.length > 0) { $('#video_attachment_container').html(''); $.each(result.attachments, function(i, n) { var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") switch (fileExt) { case 'png': case 'jpg': case 'jpeg': $('#video_attachment_container').append(`<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br>`); break; case 'pdf': $('#video_attachment_container').append(`<a target="_blank" href="pdf/pdf.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br> `); break; default: $('#video_attachment_container').append(`<a href="javascript:void(0);" onclick="downloadTicketAttachment('` + n.change_name + `','4')"> <u><span>` + n.original_name + `</span></u> </a> <br> `); } }); } else { $('#video_attachment').hide(); } var src_vid = 'dist/videos/' + result.rows.attachment_name; $("#video_el").html('<source src="' + src_vid + '" type="video/mp4"></source>'); var i = setInterval(function() { var video = document.getElementById('video_el') if (video.readyState > 0) { var minutes = parseInt(video.duration / 60, 10); var seconds = video.duration % 60; // (Put the minutes and seconds in the display) // console.log(parseInt(minutes)+' '+parseInt(seconds)); clearInterval(i); $("#video_el").on( "timeupdate", function(event) { onTrackedVideoFrame(this.currentTime, this.duration); } ); } }, 200); }, error: function() {} }); } function onTrackedVideoFrame(currentTime, duration) { /* Here you can get both currentTIme and duration / // console.log(parseInt(currentTime) + ' ' +parseInt(duration)); requiredTime = (duration / 3) 2; // console.log(requiredTime); if (!is_user_watched && currentTime > requiredTime) { is_user_watched = true; $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'create_watched_video', video_id: selected_video_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { console.log('watched'); }, error: function() {} }); } } function initWatchers() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_video_viewers', video_id: selected_video_data, order: 'ASC', offset: video_viewers_display_limit - video_viewers_display_limit_const, limit: video_viewers_display_limit_const, search: $('#video-search').val() }, type: "POST", dataType: 'json', beforeSend: function() { // $('#ticket_activities').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { $('#ticket_activities').append(` <div class="direct-chat-textt mr-0 ml-0 custom-left-border py-1"> <div class="direct-chat-infos clearfix my-0"> <span class="direct-chat-name float-left">` + n.user + ` - (` + n.id_number + `)</span> <br> <span class="direct-chat-name float-left">` + n.date_added + `</span> </div> </div> `); video_viewers_display_count++; }); if (result['rows'].length == 0) { // $('#view_more_activities').addClass('hideEl'); } else { $('#view_more_activities').removeClass('hideEl'); } if (video_viewers_display_count == 0) { $('#view_more_activities').addClass('hideEl'); $('#ticket_activities').html('<div class="col-12 text-center"><span class="text-center">No results</span></div>') } else if (video_viewers_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more viewers.") } }, error: function() {} }); } $(function() { // initLightBox(); initVideoData(); $('.video_el').mousedown(function(event) { if (event.which === 3) { $('.video_el').bind('contextmenu', function() { return false; }); } else { $('.video_el').unbind('contextmenu'); } }); initWatchers(); $('#video_viewers_view_more').on('click', function() { video_viewers_display_limit = video_viewers_display_limit + video_viewers_display_limit_const; initWatchers(); }); $('#video-search').on('keyup', delay(function(e) { video_viewers_display_limit = video_viewers_display_limit_const; video_viewers_display_count = 0; $('#ticket_activities').html('') initWatchers(); }, 500)); // setTimeout(function() { // var videoDuration = document.getElementById('video_el') // var duration = videoDuration.duration; // var minutes = parseInt(duration / 60, 10); // var seconds = duration % 60; // alert(parseInt(minutes)+' '+parseInt(seconds)); // }, 2000); // $("#video_el").on( // "timeupdate", // function(event){ // onTrackedVideoFrame(this.currentTime, this.duration); // }); // Share Link Functionality document.getElementById('shareBtn').addEventListener('click', function() { // Get the current page URL (or customize if needed) const pageUrl = window.location.href; // Use the Clipboard API to copy navigator.clipboard.writeText(pageUrl) .then(() => { const statusEl = document.getElementById('shareStatus'); statusEl.style.display = 'inline'; setTimeout(() => statusEl.style.display = 'none', 2000); // Hide after 2 sec }) .catch(err => { console.error('Failed to copy: ', err); alert('Press Ctrl+C to copy the link manually.'); }); }); }); </script>��videos/own.php��0000644��00000004742�15024776124�0007370 0��ustar�00��<?php if (!isset($session_access['5']) \|\| !in_array('5_1', $session_access['5'])) { include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="#videos-list">Videos</a> </li> <?php if (in_array('5_4', $session_access['5'])) { ?> <li class=""> <a class="" href="#videos-ait">AIT Videos</a> </li> <?php } ?> <li class="active"> <a class="" href="#videos-own">My Videos</a> </li> </ul> <?php include('resources/views/videos/components/video_container.php'); ?> </div> <div id="modal_container"> </div> <?php include('resources/views/modals/subscribe_viber_modal.php'); include('resources/views/modals/video_modal.php'); // include('resources/views/modals/position_list_modal.php'); ?> <!-- 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> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_video_only = 1; var param_section = ''; </script> <?php include('resources/views/common/script/knowledegebase_video.php'); ?>��videos/components/video_container.php��0000644��00000017002�15024776124�0014113 0��ustar�00��<div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <?php if(in_array('5_2', $session_access['5'])){ ?> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="btn_new_video">Add Entry</button> </li> <?php } ?> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-primary btn-sm" id="btn_get_updates">Get Updates</button> </li> <!-- <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="">Print</button> </li> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="">Export</button> </li> --> </ul> <ul class="nav nav-tabs navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filter by category"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-list-alt"></i> <u>Category</u> </button> <ul class="ticket-filter-category dropdown-menu"> </ul> </div> </li> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="More filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1" style="display:none;"> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1 hideEl"> <select name="section-filter" id="section-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <?php if(in_array('5_3', $session_access['5'])){ ?> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="position-filter" id="position-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <?php } ?> </ul> </div> </li> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size search-data-div" id=""> <input type="search" id="txt_video_search" autocomplete="off" class="form-control form-control-sm pr-0 search-data" placeholder="Search..."> <div class="input-group-prepend cursor-pointer search-data-button"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search title,fault codes or description."></i> </div> </li> </ul> </div> </nav> </div> <div id="main-content-attach" class="file_manager mt-2"> <div class=" p-0"> <div class="row clearfix " id="video_container"> </div> <div class="row d-flex justify-content-center bg-light" id="view_more_videos"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="videos_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> </div> </div> </div> </div>��videos/list.php��0000644��00000004766�15024776124�0007546 0��ustar�00��<?php if (!isset($session_access['5']) \|\| !in_array('5_1', $session_access['5'])) { include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class="active"> <a class="" href="#videos-list">Videos</a> </li> <?php if (in_array('5_4', $session_access['5'])) { ?> <li class=""> <a class="" href="#videos-ait">AIT Videos</a> </li> <?php } ?> <li class=""> <a class="" href="#videos-own">My Videos</a> </li> </ul> <?php include('resources/views/videos/components/video_container.php'); ?> </div> <div id="modal_container"> </div> <?php include('resources/views/modals/subscribe_viber_modal.php'); include('resources/views/modals/video_modal.php'); // include('resources/views/modals/position_list_modal.php'); ?> <!-- 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> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_video_only = 0; var param_section = 'EMPTY_SECTION'; </script> <?php include('resources/views/common/script/knowledegebase_video.php'); ?>��videos/view1.php��0000644��00000015212�15024776124�0007612 0��ustar�00��<!-- PHP Section Header --> <?php if(isset($_REQUEST['id'])){ $param_id = intval($_REQUEST['id']) ; }else{ echo "Invalid request."; exit; } ?> <div class="tab-container bg-light"> <div id="ticket_information_view "> <div class="col-sm-8 p-0 m-0"> <div class="embed-responsive embed-responsive-16by9" width="320" height="240"> <video controls id="video_el"> <!-- <source id="video_src" type="video/mp4"> --> </video> </div> </div> <div class="col-12 mt-2"> <span class="font-weight-bold text-lg" id="title"></span> <br> <span class="font-xs text-sm font-italic left-margin-5" id="user"></span> <div id="vehicle_info" > <hr class="mt-2 mb-0"> <span class="font-weight-bold text-md">Vehicle Information:</span> <p class="font-weight-normal text-md m-0" id="vid_brand" >Brand: <span id="brand_area"></span> </p> <p class="font-weight-normal text-md m-0" id="vid_model">Model: <span id="model"></span></p> <p class="font-weight-normal text-md m-0" id="vid_model_variant">Model Variant: <span id="model_variant"></span></p> </div> <!-- <span class="font-weight-bold text-md">Description:</span> --> <hr class="mt-0 mb-2"> <span class="font-weight-bold text-md">Description:</span> <p class="font-weight-normal text-md word-wrap m-0" id="description"> </p> <div id="video_attachment"> <hr class="mt-0 mb-2"> <span class="font-weight-bold text-md">Files:</span> <br> <div id="video_attachment_container"> </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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var selected_video_data = <?php echo $param_id; ?>; function initVideoData () { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_video_data', video_id: selected_video_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { if (isEmpty(result.rows.brand) && isEmpty(result.rows.model) && isEmpty(result.rows.model_variant)) { $('#vehicle_info').hide(); } $.each(result.rows, function(i, n) { if (i == 'brand' && isEmpty(n)) { $("#v_view_brand_p").hide(); } else if (i == 'model' && isEmpty(n)) { $("#v_view_model_p").hide(); } else if (i == 'model_variant' && isEmpty(n)) { $("#v_view_model_variant_p").hide(); } else { // $("#" + i).text(n); // $("#span_video_title" + i).text(n); } }); $("#title").text(result.rows.title); var description = result.rows.description.replaceAll("\n", "<br>") $("#description").html(description); $("#v_view_brand").text(result.rows.brand); $("#v_view_model").text(result.rows.model); $("#v_view_model_variant").text(result.rows.model_variant); if (result.attachments.length > 0) { $('#video_attachment_container').html(''); $.each(result.attachments, function(i, n) { var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") switch(fileExt){ case 'png': case 'jpg': case 'jpeg': // $('#video_attachment_container').append(`<a data-toggle="lightbox" href="dist/videos/resources/`+n.change_name+`" > // <u><span>` + n.original_name + `</span></u> // </a><br>`); $('#video_attachment_container').append(`<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br>`); break; case 'pdf': $('#video_attachment_container').append(`<a target="_blank" href="pdf/pdf.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br> `); break; default: $('#video_attachment_container').append(`<a href="javascript:void(0);" onclick="downloadTicketAttachment('` + n.change_name + `','4')"> <u><span>` + n.original_name + `</span></u> </a> <br> `); } }); } else { $('#video_attachment').hide(); } var src_vid = 'dist/videos/' + result.rows.attachment_name; $("#video_el").html('<source src="' + src_vid + '" type="video/mp4"></source>'); }, error: function() {} }); } $(function() { // initLightBox(); initVideoData(); }); </script> ��videos/ait.php��0000644��00000004753�15024776124�0007344 0��ustar�00��<?php if (!isset($session_access['5']) \|\| !in_array('5_1', $session_access['5'])) { include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="#videos-list">Videos</a> </li> <?php if (in_array('5_4', $session_access['5'])) { ?> <li class="active"> <a class="" href="#videos-ait">AIT Videos</a> </li> <?php } ?> <li class=""> <a class="" href="#videos-own">My Videos</a> </li> </ul> <?php include('resources/views/videos/components/video_container.php'); ?> </div> <div id="modal_container"> </div> <?php include('resources/views/modals/subscribe_viber_modal.php'); include('resources/views/modals/video_modal.php'); // include('resources/views/modals/position_list_modal.php'); ?> <!-- 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> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_video_only = 0; var param_section = 'AIT'; </script> <?php include('resources/views/common/script/knowledegebase_video.php'); ?>��knowledgebase/view.php��0000644��00000007314�15024776124�0011056 0��ustar�00��<!-- PHP Section Header --> <?php $request = array_keys($_REQUEST); $param_id = $request[2]; ?> <div class="tab-container bg-light"> <div id="ticket_information_view"> <?php include('resources/views/modals/components/kb_view_modal.php'); ?> </div> <div id="sidebar-remove"></div> </div> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- Summernote --> <!-- <script src="plugins/summernote/summernote-bs4.min.js"></script> --> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var selected_kb_data = <?php echo $param_id; ?>; // Ticket Replies var ticket_replies_display_limit_const = 999; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; function kbInformationEvt() { $('#kb-view-info-modal-tab li a').removeClass('active') $('#kb-view-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-info-modal-tab-information').addClass('active') $('#kb-view-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBInformation(); readKBAttachments(); } function kbTicketInformationEvt() { $('#kb-view-ticket-info-modal-tab li a').removeClass('active') $('#kb-view-ticket-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-ticket-info-modal-tab-information').addClass('active') $('#kb-view-ticket-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-ticket-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBTicketInformation(); readTicketAttachments(); defaultTicketReplies(); $('#ticket_replies_view_more').on('click', function() { ticket_replies_display_limit = ticket_replies_display_limit + ticket_replies_display_limit_const; readTicketReplies(); }); } $(document).ready(function() { // initLightBox(); kbInformationEvt(); $('#kb_view_attachment_container').removeClass('container') }); </script>��knowledgebase/own.php��0000644��00000005226�15024776124�0010707 0��ustar�00��<?php if (!isset($session_access['4']) \|\| !in_array('4_1', $session_access['4'])) { include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="#knowledgebase-search">Search</a> </li> <li class=""> <a class="" href="#knowledgebase-list">Articles</a> </li> <?php if (in_array('4_3', $session_access['4'])) { ?> <li class=""> <a class="" href="#knowledgebase-ait">AIT Articles</a> </li> <?php } ?> <li class="active"> <a class="" href="#knowledgebase-own">My Articles</a> </li> </ul> <?php include('resources/views/knowledgebase/components/kb_list.php'); ?> </div> <?php include('resources/views/modals/kb_modal.php'); include('resources/views/modals/kb_view_ticket_modal.php'); include('resources/views/modals/kb_view_modal.php'); ?> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_kb_only = 1; var param_category = ''; var param_section = ''; </script> <?php include('resources/views/common/script/knowledegebase_list.php'); ?>��knowledgebase/search.php��0000644��00000026651�15024776124�0011356 0��ustar�00��<?php if(!isset($session_access['4']) \|\| !in_array('4_1', $session_access['4'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class="active"> <a class="" href="#knowledgebase-search">Search</a> </li> <li class=""> <a class="" href="#knowledgebase-list">Articles</a> </li> <?php if(in_array('4_3', $session_access['4'])){ ?> <li class=""> <a class="" href="#knowledgebase-ait">AIT Articles</a> </li> <?php } ?> <li class=""> <a class="" href="#knowledgebase-own">My Articles</a> </li> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <br> <h3 class="main-search-header">Knowledge Base Search</h3> <br> <div class="control-group row"> <div class="form-group col-md-5"> <input type="text" placeholder="Keyword ..." name="search_by" id="search_by" autocomplete="off" class="form-control"> </div> <div class="form-group px-2 col-md-3" style="padding-left:0px;padding-right:0px"> <select name="category_search" id="category_search" class="form-control"> <option value="">Category</option> </select> </div> <div class="form-group col-md-2"> <button type="submit" id="btn_search" class="btn btn-primary btn-block" style="min-height:35px;">Search</button> </div> </div> <div class="clearfix"></div> <h3 class="text-lg m-0 p-0" id="search-result-lbl">Results:</h3> <div class="coveo-result-list-container coveo-list-layout-container"> </div> <div class="row d-flex justify-content-center bg-light" id="view_more_kb_search"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="kb_search_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> <br> <br> <h3>Browse articles by category</h3> <hr class="no-top-margin"> <div class="row category-counts"> </div> <br> <br> <h3>Latest Articles</h3> <hr> <div id="latest_kb_articles"> </div> <br> <!-- <a class="btn btn-default" href="index.php?category=knowledgebase&action=list">See All</a> --> <a class="btn btn-default" href="#knowledgebase-list">See All</a> <br> <br> <div class="clearfix"></div> </div> </div> </div> <?php include('resources/views/modals/kb_modal.php'); include('resources/views/modals/kb_view_ticket_modal.php'); include('resources/views/modals/kb_view_modal.php'); ?> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- AutoCommplete --> <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> var selected_kb_data = 0; var search_display_limit_const = 5; var search_display_limit = search_display_limit_const; var search_display_count = 0; // Ticket Replies var ticket_replies_display_limit_const = 999; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; function loadFilterCategory() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_sub_categories', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result, function(i, n) { $('#category_search').append(`<option value="` + n.id + `">` + n.text + `</option>`); }); }, error: function() {} }); } function loadCategoryCounts() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_sub_categories_content_count', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result, function(i, n) { $('.category-counts').append(` <div class="col-md-4 min-height-40 no-left-padding"> <span class="category_link"><a href="index.php?category=knowledgebase&action=list&category_id=` + n.name + `" title="` + n.name + `">` + n.name + ` (` + n.count + `)</a></span><br> </div>`); }); }, error: function() {} }); } function resetSearchResult() { search_display_limit = search_display_limit_const; search_display_count = 0; $('.coveo-result-list-container').html('') $('#search-result-lbl').hide(); $('#view_more_kb_search').addClass('hideEl'); } function initSearchArticleBtn() { $('#btn_search').on('click', function(e) { resetSearchResult(); startSearchArticle(); }); $('#search_by').on('keyup', function(e) { if (e.key === 'Enter' \|\| e.keyCode === 13) { resetSearchResult(); startSearchArticle(); } }); } function startSearchArticle() { if (isEmpty($('#category_search').val()) && isEmpty($('#search_by').val())) { $('#search_by').trigger('focus'); return false; } var active_items_arr = []; active_items_arr.push($('#category_search').val()) var selected_filters_category = JSON.stringify(active_items_arr); $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_list', search: $('#search_by').val(), filter_category: selected_filters_category, offset: search_display_limit - search_display_limit_const, limit: search_display_limit_const, short_description: 1 }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result['rows'], function(i, n) { $('#search-result-lbl').show(); var html = n.descriptionf; html = html.replace(/<style([\s\S]?)<\/style>/gi, ''); html = html.replace(/<script([\s\S]?)<\/script>/gi, ''); html = html.replace(/<\/div>/ig, '\n'); html = html.replace(/<\/li>/ig, '\n'); html = html.replace(/<li>/ig, ' * '); html = html.replace(/<\/ul>/ig, '\n'); html = html.replace(/<\/p>/ig, '\n'); html = html.replace(/<br\s[\/]?>/gi, "\n"); html = html.replace(/<[^>]+>/ig, ''); var uri = "#knowledgebase-view-"+n.id; if(parseInt(n.source) === 2){ uri = "#tickets-view-"+n.id; } $('.coveo-result-list-container').append(` <div class="coveo-list-layout CoveoResult p-2"> <div> <div class="coveo-title"> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2" href="`+uri+`" target="_blank" >` + n.title + `</a> </div> <div class="CoveoExcerpt">` + html + `</div> </div> </div> `); // $('.coveo-result-list-container').append(` // <div class="coveo-list-layout CoveoResult p-2"> // <div> // <div class="coveo-title"><a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2" onclick="viewKBInfo('`+n.source+`','`+n.id+`')" >` + n.title + `</a> // </div> // <div class="CoveoExcerpt">` + html + `</div> // </div> // </div> // `); search_display_count++; }); if (result['rows'].length == 0) { $('#view_more_kb_search').addClass('hideEl'); } else { $('#view_more_kb_search').removeClass('hideEl'); } if (search_display_count == 0) { // $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') toastr.remove(); toastr.info("No result found..."); toastr.remove } else if (search_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more result.") } if (parseInt(result.total) > search_display_limit_const) { $('#view_more_kb_search').removeClass('hideEl'); } else { $('#view_more_kb_search').addClass('hideEl'); } }, error: function() {} }); } function kbInformationEvt() { $('#kb_view_modal').on('shown.bs.modal', function(e) { $('#kb-view-info-modal-tab li a').removeClass('active') $('#kb-view-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-info-modal-tab-information').addClass('active') $('#kb-view-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBInformation(); readKBAttachments(); }) } function initLatestArticle() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_list', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result['rows'], function(i, n) { var uri = "#knowledgebase-view-"+n.id; if(parseInt(n.source) === 2){ uri = "#tickets-view-"+n.id; } $('#latest_kb_articles').append(` <a href="`+uri+`" target="_blank" class="cursor-pointer">` + n.title + `</a> <span class="font-xs left-margin-5">Posted on: ` + n.datew + `</span><br> `); }); }, error: function() {} }); } $(function() { resetSearchResult(); loadFilterCategory(); loadCategoryCounts(); initSearchArticleBtn(); initLatestArticle(); kbInformationEvt(); kbTicketInformationEvt(); kbAutoComplete(); $('#kb_search_view_more').on('click', function() { search_display_limit = search_display_limit + search_display_limit_const; startSearchArticle(); }); }); </script>��knowledgebase/components/kb_list.php��0000644��00000022623�15024776124�0013720 0��ustar�00��<div class="tab-content bg-white m-0 pt-0"> <div class="tab-pane active cont min-height-400"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <?php if(in_array('4_2', $session_access['4'])){ ?> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="new_knowledgebase">New Article</button> </li> <?php } ?> <!-- <li class="nav-item mr-2 mb-1 hide-sm"> <div class="tooltip-me" title="" data-original-title="Action"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-tasks"></i> <u>Export</u> </button> <ul class="ticket-actions dropdown-menu"> <li class="dropdown-item cursor-pointer py-0" onclick="exportPdf()"><i class="fa fa-file-pdf"></i> <span class="text-sm">Export as PDF</span></li> <li class="dropdown-item cursor-pointer py-0" onclick="exportXlsx()"><i class="fa fa-file-excel"></i> <span class="text-sm">Export as Excel</span></li> </ul> </div> </li> --> <!-- <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="">Print</button> </li> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="">Export</button> </li> --> </ul> <ul class="nav nav-tabs mt-0 navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filter by category"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-list-alt"></i> <u>Category</u> </button> <ul class="ticket-filter-category dropdown-menu"> </ul> </div> </li> <!-- <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filter by status"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-list-alt"></i> <u>Status</u> </button> <ul class="ticket-filter-final-status dropdown-menu"> </ul> </div> </li> --> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="More filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1 hideEl" > <select name="section-filter" id="section-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="type-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> <option value="1">From Tickets</option> <option value="2">From KB Articles</option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> </ul> </div> </li> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="ticket-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="ticket-search" class="form-control form-control-sm pr-0" autocomplete="off" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search subject or fault codes."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_knowledgebase" data-search="false" data-show-refresh="false" data-show-header="true" class="table table-bordered table-hover table-sm small" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="kbQueryParams" data-pagination="true"> <thead> <tr> <th data-width="100" class="white-space-wrap" data-field="title"> Subject </th> <!-- <th data-field="no" class="kb-col hide-sm" data-width="5"> No.</th> --> <th data-field="datew" data-width="20"> Date </th> <th data-field="category" class="white-space-wrap" data-width="20"> Category </th> <th data-field="vehicle" class="white-space-wrap" data-width="40"> Vehicle </th> <th data-field="created_by" class="ticket-col hide-sm" data-width="50"> Created By </th> <th data-width="5" data-formatter="kbActionFormatter" class="text-center action-formatter-th" data-field="action"> Action </th> </tr> </thead> </table> </div> </div>��knowledgebase/list.php��0000644��00000005572�15024776124�0011063 0��ustar�00��<?php if (!isset($session_access['4']) \|\| !in_array('4_1', $session_access['4'])) { include $error_404; exit; } ?> <!-- PHP Section category --> <?php $param_category = isset($_REQUEST['category_id']) ? $db->escape($_REQUEST['category_id']) : ''; ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="#knowledgebase-search">Search</a> </li> <li class="active"> <a class="" href="#knowledgebase-list">Articles</a> </li> <?php if (in_array('4_3', $session_access['4'])) { ?> <li class=""> <a class="" href="#knowledgebase-ait">AIT Articles</a> </li> <?php } ?> <li class=""> <a class="" href="#knowledgebase-own">My Articles</a> </li> </ul> <?php include('resources/views/knowledgebase/components/kb_list.php'); ?> </div> <?php include('resources/views/modals/kb_modal.php'); include('resources/views/modals/kb_view_ticket_modal.php'); include('resources/views/modals/kb_view_modal.php'); ?> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_kb_only = 0; var param_category = '<?php echo $param_category ?>'; var param_category = param_category.split(','); var param_section = 'EMPTY_SECTION'; </script> <?php include('resources/views/common/script/knowledegebase_list.php'); ?>��knowledgebase/information.php��0000644��00000021327�15024776124�0012431 0��ustar�00��<!-- PHP Section Header --> <?php if(isset($_REQUEST['id']) && isset($_REQUEST['src'])){ $param_id = intval($_REQUEST['id']) ; $param_src = intval($_REQUEST['src']) ; }else{ echo "Invalid request."; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class="active"> <a class="" href="index.php?category=knowledgebase&action=information&id=<?php echo $param_id;?>&src=<?php echo $param_src;?>">Information</a> </li> <li class=""> <a class="" href="index.php?category=knowledgebase&action=attachment&id=<?php echo $param_id;?>&src=<?php echo $param_src;?>">Attachments</a> </li> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <br> <?php if($param_src == '1'){ ?> <div class="col-sm-12 "> <div class="col-sm-12 p-0"> <div class="card"> <!-- <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Information:</h3> </div> --> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0"> <!-- <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> --> <div class="col"> <h2 class="m-0" style="font-size: 27px !important;"> <label class="p-0 col-form-label font-weight-normal " placeholder="" kb-view-info-data id="lbl_kb_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </h2> </div> </div> <div class="item-details-info"> <div class="row"> <div class="col-md-6"> Posted on: <strong><span id="lbl_kb_posted_date_2"></span></strong> </div> <div class="col-md-6"> Category: <strong><span id="lbl_kb_category_2"></span></strong> </div> </div> <div class="clearfix"></div> </div> <div class="form-group row mb-0 "> <!-- <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> --> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-info-data id="lbl_kb_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> </div> <?php }else if($param_src == '2'){ ?> <div class="col-sm-12 "> <div class="col-sm-12 p-0"> <div class="card"> <!-- <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Information:</h3> </div> --> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0"> <!-- <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> --> <div class="col"> <h2 class="m-0" style="font-size: 27px !important;"> <label class="p-0 col-form-label font-weight-normal " placeholder="" kb-view-ticket-info-data id="lbl_ticket_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </h2> </div> </div> <div class="item-details-info"> <div class="row"> <div class="col-md-6"> Posted on: <strong><span id="lbl_kb_posted_date"></span></strong> </div> <div class="col-md-6"> Category: <strong><span id="lbl_kb_category"></span></strong> </div> </div> <div class="clearfix"></div> </div> <div class="form-group row mb-0 "> <!-- <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> --> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-ticket-info-data id="lbl_ticket_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <!-- OTHER --> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <div class="col-sm-12 p-0"> <div class="card "> <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Actions/Communication History:</h3> </div> <div class="card-body py-2"> <ul class="contacts-list m-0" id="ticket_replies"> </ul> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <!-- /.card-body --> <!-- /.card-footer --> </div> <!-- /.card --> </div> </div> <?php }else{ exit; } ?> </div> </div> </div> <?php // include('resources/views/modals/kb_modal.php'); // include('resources/views/modals/kb_view_ticket_modal.php'); // include('resources/views/modals/kb_view_modal.php'); ?> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> var selected_kb_data = '<?php echo $param_id ?>'; var selected_kb_data_src = '<?php echo $param_src ?>'; // Ticket Replies var ticket_replies_display_limit_const = 999; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; $(function() { if(selected_kb_data_src == '1'){ readKBInformation(); }else if(selected_kb_data_src == '2'){ readKBTicketInformation(); defaultTicketReplies(); }else{} }); </script>��knowledgebase/view1.php��0000644��00000010312�15024776124�0011127 0��ustar�00��<!-- PHP Section Header --> <?php if(isset($_REQUEST['id']) && isset($_REQUEST['src'])){ $param_id = intval($_REQUEST['id']) ; $param_src = intval($_REQUEST['src']) ; }else{ echo "Invalid request."; exit; } ?> <div class="tab-container bg-light"> <div id="ticket_information_view"> <?php if($param_src === 1){ include('resources/views/modals/components/kb_view_modal.php'); }else if($param_src === 2){ include('resources/views/modals/components/kb_view_ticket_modal.php'); } ?> </div> <div id="sidebar-remove"></div> </div> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var selected_kb_data = <?php echo $param_id; ?>; var selected_kb_data_src = <?php echo $param_src; ?>; // Ticket Replies var ticket_replies_display_limit_const = 999; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; function kbInformationEvt() { $('#kb-view-info-modal-tab li a').removeClass('active') $('#kb-view-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-info-modal-tab-information').addClass('active') $('#kb-view-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBInformation(); readKBAttachments(); } function kbTicketInformationEvt() { $('#kb-view-ticket-info-modal-tab li a').removeClass('active') $('#kb-view-ticket-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-ticket-info-modal-tab-information').addClass('active') $('#kb-view-ticket-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-ticket-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBTicketInformation(); readTicketAttachments(); defaultTicketReplies(); $('#ticket_replies_view_more').on('click', function() { ticket_replies_display_limit = ticket_replies_display_limit + ticket_replies_display_limit_const; readTicketReplies(); }); } $(document).ready(function() { // initLightBox(); if(selected_kb_data_src === 1){ kbInformationEvt(); $('#kb_view_attachment_container').removeClass('container') }else if(selected_kb_data_src === 2){ kbTicketInformationEvt(); $('#kb_view_ticket_attachment_container').removeClass('container') } }); </script>��knowledgebase/attachment.php��0000644��00000005015�15024776124�0012230 0��ustar�00��<!-- PHP Section Header --> <?php if(isset($_REQUEST['id']) && isset($_REQUEST['src'])){ $param_id = intval($_REQUEST['id']) ; $param_src = intval($_REQUEST['src']) ; }else{ echo "Invalid request."; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="index.php?category=knowledgebase&action=information&id=<?php echo $param_id;?>&src=<?php echo $param_src;?>">Information</a> </li> <li class="active"> <a class="" href="index.php?category=knowledgebase&action=attachment&id=<?php echo $param_id;?>&src=<?php echo $param_src;?>">Attachments</a> </li> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <br> <?php if($param_src == '1'){ ?> <!-- START FILE EXPLORER --> <div id="main-content-attach" class="file_manager"> <!-- <div class="container p-0"> --> <div class="row clearfix " id="kb_attachment"> </div> <!-- </div> --> </div> <!-- END FILE EXPLORER --> <?php }else if($param_src == '2'){ ?> <!-- START FILE EXPLORER --> <div id="main-content-attach" class="file_manager"> <!-- <div class="container p-0"> --> <div class="row clearfix " id="kb_ticket_attachment"> </div> <!-- </div> --> </div> <!-- END FILE EXPLORER --> <?php }else{ exit; } ?> </div> </div> </div> <?php // include('resources/views/modals/kb_modal.php'); // include('resources/views/modals/kb_view_ticket_modal.php'); // include('resources/views/modals/kb_view_modal.php'); ?> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> var selected_kb_data = '<?php echo $param_id ?>'; var selected_kb_data_src = '<?php echo $param_src ?>'; $(function() { if (selected_kb_data_src == '1') { readKBAttachments(); } else if (selected_kb_data_src == '2') { readTicketAttachments(); } else {} // readKBAttachments(); }); </script>��knowledgebase/ait.php��0000644��00000005560�15024776124�0010662 0��ustar�00��<?php if (!isset($session_access['4']) \|\| !in_array('4_1', $session_access['4'])) { include $error_404; exit; } ?> <!-- PHP Section category --> <?php $param_category = isset($_REQUEST['category_id']) ? $db->escape($_REQUEST['category_id']) : ''; ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <li class=""> <a class="" href="#knowledgebase-search">Search</a> </li> <li class=""> <a class="" href="#knowledgebase-list">Articles</a> </li> <?php if (in_array('4_3', $session_access['4'])) { ?> <li class="active"> <a class="" href="#knowledgebase-ait">AIT Articles</a> </li> <?php } ?> <li class=""> <a class="" href="#knowledgebase-own">My Articles</a> </li> </ul> <?php include('resources/views/knowledgebase/components/kb_list.php'); ?> </div> <?php include('resources/views/modals/kb_modal.php'); include('resources/views/modals/kb_view_ticket_modal.php'); include('resources/views/modals/kb_view_modal.php'); ?> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var owned_kb_only = 0; var param_category = '<?php echo $param_category ?>'; var param_category = param_category.split(','); var param_section = 'AIT'; </script> <?php include('resources/views/common/script/knowledegebase_list.php'); ?>��home/messages.php��0000644��00000001566�15024776124�0010034 0��ustar�00��<div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" "> <a class=" " href="#home-welcome">Dashboard</a> </li> <li class=" active"> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" "> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" "> <a class=" " href="#home-password">Change Password</a> </li> </ul> <div class="tab-content bg-white border-right p-3"> <div class="tab-pane active cont min-height-400"> Log in report </div> </div> </div> <!-- Common scripts --> <?php // include('resources/views/common/script/script.php'); ?> <!-- custom scripts for this page only --> <script type="text/javascript"> $(function() { }); </script>��home/dashboard.php��0000644��00000156722�15024776124�0010161 0��ustar�00��<?php $dashboard_role = array(); ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" active "> <a class="" href="#home-dashboard">Dashboard</a> </li> <!-- <li class=" "> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" "> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" "> <a class=" " href="#home-password">Change Password</a> </li> --> </ul> <div class="tab-content bg-white m-0 px-0 pt-0"> <div class="tab-pane active cont min-height-400"> <!-- Main row --> <div class="container-fluid content-row mb-3"> <div class="tooltip-mee" title="Filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Category</u> </button> </a> <ul class="ticket-filter-category dropdown-menu children-ul"> </ul> </li> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Status</u> </button> </a> <ul class="ticket-filter-final-status dropdown-menu children-ul"> </ul> </li> <!-- <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Progress Level</u> </button> </a> <ul class="ticket-filter-status dropdown-menu children-ul"> </ul> </li> --> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <!-- <a class="children" tabindex="-1" href="#"><span class="text-md text-dark font-weight-bold">Priority <i class="fas fa-angle-right"></i></span></a> --> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <!--<i class="fas fa-exclamation-triangle"></i> --> <u>Priority Level</u> </button> </a> <ul class="ticket-filter-priority dropdown-menu children-ul"> </ul> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <button type="submit" style="width:100%;" class="btn btn-primary btn-sm" id="btn_apply_filter">Apply</button> </li> </ul> </div> <div class="row"> <?php // if(isset($session_access['2']) && ( in_array('2_8', $session_access['2']) \|\| in_array('2_6', $session_access['2']))){ if(1){ $left_col = 'col-md'; if(isset($session_access['2']) && in_array('2_7', $session_access['2'])){ $left_col = 'col-md-8'; } ?> <div class="<?php echo $left_col; ?>" id="left_content"> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"></h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0 "> <div class="px-3 pt-3"> <?php if(isset($session_access['2']) && in_array('2_8', $session_access['2'])){ $dashboard_role[] = '2_8'; } ?> <div class="row"> <div class="col-lg-3 col-6" id="on_hold_box"> <!-- small box --> <div class="small-box bg-info"> <div class="overlay on_hold_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=On%20Hold" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="on_hold_total" class="font-weight-normal text-xl">0</span></h3> <p class="m-0">On Hold</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-users"></i> --> </div> <!-- <a id="customer_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id = "in_progress_box"> <!-- small box --> <div class="small-box bg-warning"> <div class="overlay in_progress_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=In%20Progress" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="in_progress_total" class="font-weight-normal text-xl">0</span> </h3> <p class="m-0">In Progress</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-dollar-sign"></i> --> </div> <!-- <a id="sales_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id="close_box"> <!-- small box --> <div class="small-box bg-success"> <div class="overlay solve_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=Close" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="solve_total" class="font-weight-normal text-xl">0</span></h3> <p class="m-0">Close</p> </a> </div> <div class="icon"> <!-- <i class="fa fa-car"></i> --> </div> <!-- <a id="vehicle_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6" id="escalated_box"> <!-- small box --> <div class="small-box bg-danger"> <div class="overlay not_solve_overlay ticket_by_progress_count"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="inner"> <!-- href="index.php?category=tickets&action=list&status=Escalated%20%28In%20Progress%29%2CEscalated%20%28Close%29" --> <a style="all: unset; cursor:pointer"> <h3 class="m-0"> <span id="not_solve_total" class="font-weight-normal text-xl">0</span> </h3> <p class="m-0">Escalated</p> </a> </div> <div class="icon"> <!-- <i class="fas fas fa-wrench"></i> --> </div> <!-- <a id="service_total_info" class="small-box-footer" style="cursor:pointer;">More info <i class="fas fa-arrow-circle-right"></i></a> --> </div> </div> <!-- ./col --> </div> <?php if(isset($session_access['2']) && in_array('2_6', $session_access['2'])){ $dashboard_role[] = '2_6'; ?> <div class="col-md-12 p-0"> <!-- LINE CHART --> <div class="card"> <div class="overlay open_close_graph_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="chart"> <canvas id="open_close_graph" style="min-height: 300px; height: 300px; max-height: 300px; max-width: 100%;"></canvas> </div> </div> <!-- /.card-body --> <!-- /.card --> </div> <?php } ?> </div> </div> <!-- /.card-body --> <!-- <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> --> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_7', $session_access['2'])){ $dashboard_role[] = '2_7'; $right_col = 'col-md'; // if(isset($session_access['2']) && ( in_array('2_8', $session_access['2']) \|\| in_array('2_6', $session_access['2']))){ if(1){ $right_col = 'col-md-4'; } ?> <div class="<?php echo $right_col; ?>" id="right_content"> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title"></h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="card h-100"> <div class="overlay active_support_graph_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <canvas class="py-2 px-2" id="active_support_graph" style="min-height: 350px; height: 350px; max-height: 350px; max-width: 100%;"></canvas> </div> </div> <!-- /.card-body --> <!-- <div class="card-footer text-center p-1"> <a href="javascript:void(0)" class="uppercase">View All</a> </div> --> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> </div> <!-- /.row --> </div> <!-- /.row --> <div class="container-fluid content-row my-3"> <div class="row"> <?php if(isset($session_access['2']) && in_array('2_3', $session_access['2'])){ $dashboard_role[] = '2_3'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Open Tickets</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_1_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_tickets_dash"> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#tickets-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_4', $session_access['2'])){ $dashboard_role[] = '2_4'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Knowledge Base</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_2_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_kb_articles_dash"> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#knowledgebase-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> <?php if(isset($session_access['2']) && in_array('2_5', $session_access['2'])){ $dashboard_role[] = '2_5'; ?> <div class="col-md" id=""> <!-- PRODUCT LIST --> <div class="card h-100"> <div class="card-header bg-secondary pl-2 pt-1 pb-1"> <h3 class="card-title">Latest Trainings</h3> <div class="card-tools"> <button type="button" class="btn btn-tool"> <i class="fa fa-expandd"></i> </button> <!-- <button type="button" class="btn btn-tool" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> <button type="button" class="btn btn-tool" data-card-widget="remove"> <i class="fas fa-times"></i> </button> --> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="overlay col_3_overlay"> <i class="fas fa-2x fa-sync-alt fa-spin"></i> </div> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2" id="latest_trainings_dash"> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">Lorem ipsum dolor amet.</a> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> <div class="card-footer text-center p-1"> <a href="#videos-list" class="uppercase">View More</a> </div> <!-- /.card-footer --> </div> <!-- /.card --> </div> <!-- /.col --> <?php } ?> </div> <!-- /.row --> </div> <!-- /.row --> </div> </div> </div> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- daterangepicker --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/daterangepicker/daterangepicker.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- ChartJS --> <script src="plugins/chart.js/Chart.min.js"></script> <!-- Common scripts --> <?php include('resources/views/common/script/function.php'); ?> <script> var location_url = '<?php echo $global_system_settings['url']?>'; var active_support_graph = null; var open_close_graph = null; var dashboard_role = <?php echo json_encode($dashboard_role); ?>; var ticket_selected_filters = "[]"; var ticket_selected_filters_priority = "[]"; var ticket_selected_filters_category = "[]"; var ticket_selected_filters_final_status = "[]"; function activeSupportGraph(result) { // console.log(result) var data_names = []; var data_counts = []; var data_colors = []; $.each(result, function(i, n) { data_names.push(n.name) data_counts.push(n.count); data_colors.push(getRandomColor()) }); var data = { datasets: [{ data: data_counts, backgroundColor: data_colors, }], labels: data_names }; var canvas = document.getElementById("active_support_graph"); var ctx = canvas.getContext("2d"); var pieOptions = { maintainAspectRatio: false, responsive: true, tooltips: { callbacks: { label: function(tooltipItem, data) { var value = data.datasets[0].data[tooltipItem.index]; var indice = tooltipItem.index; var name = data.labels[indice] + ': ' + ''; return name + ' ' + addCommas( value ); } } // end callbacks: }, //end tooltips legend: { display: true, position: 'bottom', labels: { boxWidth: 12, // fontColor: '#111', padding: 5, fontSize: 12, } }, title: { fontSize: 15, display: true, text: 'Active Support by Brand', padding: 3 }, } if (active_support_graph != null) { active_support_graph.destroy(); } active_support_graph = new Chart(ctx, { type: 'pie', data: data, options: pieOptions }); canvas.onclick = function(evt) { var activePoints = active_support_graph.getElementsAtEvent(evt); if (activePoints[0]) { var chartData = activePoints[0]['_chart'].config.data; var idx = activePoints[0]['_index']; var label = chartData.labels[idx]; var value = chartData.datasets[0].data[idx]; var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : 'list', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'On Hold,In Progress', //filter_data.status, 'brand' : label, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; // var url = // location_url + "index.php?category=tickets&action=list&status=On%20Hold,In%20Progress&brand=" + // label; // // console.log(url); // window.location.href = url; } }; $('.active_support_graph_overlay').hide(); } function openCloseGraph(result) { var data_month = []; var data_counts = []; var data_counts_close = []; $.each(result.recieve, function(i, n) { var close_count = 0; var has_close = false; $.each(result.close, function(j, m) { if (n.data_year == m.data_year && n.data_month == m.data_month) { has_close = true; data_counts_close.push(m.count) return false; } }); if (!has_close) { data_counts_close.push(0) } data_month.push(n.data_monthw) data_counts.push(n.count); }); var areaChartData = { labels: data_month, datasets: [{ lineTension: 0, label: 'Recieved', backgroundColor: 'rgba(0, 150, 255,0.9)', borderColor: 'rgba(0, 150, 255,0.8)', pointRadius: true, pointRadius: 3, pointColor: '#3b8bba', pointStrokeColor: 'rgba(0, 150, 255,1)', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(0, 150, 255,1)', data: data_counts }, { lineTension: 0, label: 'Closed', backgroundColor: 'rgba(255, 0, 0, 0.9)', borderColor: 'rgba(255, 0, 0, 0.8)', pointRadius: true, pointRadius: 3, pointColor: 'rgba(255, 0, 0, 1)', pointStrokeColor: '#c1c7d1', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(255, 0, 0,1)', data: data_counts_close }, ] } var areaChartOptions = { maintainAspectRatio: false, responsive: true, legend: { display: false }, scales: { xAxes: [{ gridLines: { display: false, } }], yAxes: [{ gridLines: { display: false, } }] } } //------------- //- LINE CHART - //-------------- var lineChartOptions2 = { // bezierCurve: false, responsive: true, maintainAspectRatio: false, // tooltips: { // callbacks: { // label: function(tooltipItem, data) { // var value = data.datasets[0].data[tooltipItem.index]; // return addCommas(value) // } // } // end callbacks: // }, //end tooltips scales: { yAxes: [{ ticks: { precision: 0, beginAtZero: true, callback: function(label, index, labels) { if (parseInt(label) >= 1000000) { return label / 1000000 + 'M'; } else if (parseInt(label) >= 1000) { return label / 1000 + 'K'; } else { return label; } } }, // scaleLabel: { // display: true, // labelString: '1k = 1000' // } }], xAxes: [{ ticks: { autoSkip: false, maxRotation: 90, minRotation: 90 } }] }, // elements: { // line: { // tension: 0 // } // } title: { fontSize: 15, display: true, text: 'Recieved & Closed Monitoring', padding: 3 }, } var lineChartCanvas = $('#open_close_graph').get(0).getContext('2d') var lineChartOptions = $.extend(true, {}, areaChartOptions) var lineChartData = $.extend(true, {}, areaChartData) lineChartData.datasets[0].fill = false; lineChartData.datasets[1].fill = false; lineChartOptions.datasetFill = false if (open_close_graph != null) { open_close_graph.destroy(); } open_close_graph = new Chart(lineChartCanvas, { type: 'line', data: lineChartData, options: lineChartOptions2, }) $('.open_close_graph_overlay').hide(); } function dataCountings() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); var owned_ticket_only = '1'; if(dashboard_role.indexOf("2_8") !== -1){ owned_ticket_only = ""; } return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_data_countings', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date, owned_ticket_only:owned_ticket_only }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { $.each(result, function(i, n) { $('#' + i).text(n); }); $('.ticket_by_progress_count').hide(); }, error: function() {} }); } function dataActiveSupport() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_active_support_count', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { activeSupportGraph(result); }, error: function() {} }); } function dataRecievedClosed() { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_open_close_graph', filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { openCloseGraph(result); }, error: function() {} }); } function initDashboard() { // console.log(dashboard_role); dataCountings(); // if(dashboard_role.indexOf("2_8") !== -1){ // dataCountings(); // } if(dashboard_role.indexOf("2_7") !== -1){ dataActiveSupport(); } if(dashboard_role.indexOf("2_6") !== -1){ dataRecievedClosed(); } if(dashboard_role.indexOf("2_3") !== -1){ initLatestTickets(); } if(dashboard_role.indexOf("2_4") !== -1){ initLatestArticle(); } if(dashboard_role.indexOf("2_5") !== -1){ initLatestTrainings(); } } function initFilterCategory() { $.when(loadTicketFilterCategory()).done(function(ajax1Results) { $(".ticket-filter-category li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initFilterFinalStatus() { $.when(loadTicketFilterFinalStatus()).done(function(ajax1Results) { $(".ticket-filter-final-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-final-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_final_status = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_final_status) // refreshTicketTableSilent(); }); }); }); } function initFilterStatus() { $.when(loadTicketFilterStatus()).done(function(ajax1Results) { $(".ticket-filter-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initFilterPriority() { $.when(loadTicketFilterPriority()).done(function(ajax1Results) { $(".ticket-filter-priority li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-priority').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_priority = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); }); }); }); } function initDateRangePicker() { var start = moment().startOf('year'); var end = moment().endOf('year'); $('#filter-date').daterangepicker({ // autoUpdateInput: false, showDropdowns: true, maxDate: new Date(), // parentEl: '#ticket-more-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { // 'Disable': [moment(), moment()], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('M/D/YYYY') + ' to<br>' + picker.endDate.format( 'M/D/YYYY')); // refreshTicketTableSilent(); // } }); } function resetDateRangePicker() { // daterangepicker_filter = false; var start = moment().startOf('year'); var end = moment().endOf('year'); // moment().startOf('month'), moment().endOf('month') $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); // $('.daterangepicker').css('width', 'auto'); // $('#filter-date span').html('Date Filter'); $('#filter-date span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } $(document).on('click', '.daterangepicker', function(e) { e.stopPropagation(); }); function initLatestArticle() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_list', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_kb_articles_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { // $('#latest_kb_articles_dash').append(` // <a onclick="viewKBInfo('`+n.source+`','`+n.id+`')" class="cursor-pointer">` + n.title + `</a> // <span class="font-xs left-margin-5">Posted on: ` + n.datew + `</span><br> // `); var uri = "#knowledgebase-view-" + n.id; if (parseInt(n.source) === 2) { uri = "#tickets-view-" + n.id; } $('#latest_kb_articles_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a href="` + uri + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.datew + `)</span> </span> </div> </li> `); }); $('.col_2_overlay').hide(); }, error: function() {} }); } function initLatestTickets() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_list', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_tickets_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { // $('#latest_kb_articles_dash').append(` // <a onclick="viewKBInfo('`+n.source+`','`+n.id+`')" class="cursor-pointer">` + n.title + `</a> // <span class="font-xs left-margin-5">Posted on: ` + n.datew + `</span><br> // `); $('#latest_tickets_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <!--<a href="index.php?category=tickets&action=view&id=` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a>--> <a href="#tickets-view-` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.datew + `)</span> </span> </div> </li> `); }); $('.col_1_overlay').hide(); }, error: function() {} }); } function initLatestTrainings() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_videos', offset: 0, // search_display_limit - search_display_limit_const, limit: 5 //search_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#latest_trainings_dash').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { $('#latest_trainings_dash').append(` <li class="item p-1"> <div class=""> <span class="product-description"> <i class="fa fa-circle text-xs text-primary" aria-hidden="true"></i> <a href="#videos-view-` + n.id + `" class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2">` + n.title + `</a> <span class="font-xs text-sm font-italic left-margin-5">(` + n.date + `)</span> </span> </div> </li> `); }); $('.col_3_overlay').hide(); }, error: function() {} }); } function getFilterData(){ var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return { start:start_date, end:end_date, status:JSON.parse(ticket_selected_filters_final_status).join(","), brand: $('#brand-filter').val(), model: $('#model-filter').val(), area:JSON.parse(ticket_selected_filters_category).join(","), priority:JSON.parse(ticket_selected_filters_priority).join(",") }; } function initClickableElement(){ $('#on_hold_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'On Hold', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#in_progress_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'In Progress', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#close_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'Close', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); $('#escalated_box').on("click", function(e) { var filter_data = getFilterData(); var myData = { 'category' : 'tickets', 'action' : (dashboard_role.indexOf("2_8") !== -1) ? 'list' : 'own', 'start' : filter_data.start, 'end' : filter_data.end, 'status' : 'Escalated (In Progress),Escalated (Close)', //filter_data.status, 'brand' : filter_data.brand, 'model' : filter_data.model, 'area' : filter_data.area, 'priority' : filter_data.priority }; var url = "index.php?" + $.param(myData); window.location.href = url; }); } $(function() { // $('.am-toggle-left-sidebar').trigger("click"); filterEvt(); initFilterCategory(); initFilterFinalStatus(); initFilterStatus(); initFilterPriority(); initDateRangePicker(); resetDateRangePicker(); initSelect2Element(); addSelectChangeEvt(); $('.dropdown-submenu a.children').on("click", function(e) { var $current_el = $(this); $(".dropdown-submenu a.children").each(function() { var $el = $(this); if ($current_el[0] != $el[0]) { $el.next('ul').hide(); } }); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); $('#btn_apply_filter').on("click", function(e) { initDashboard(); }); initDashboard(); initClickableElement(); }); </script>��home/password.php��0000644��00000001566�15024776124�0010067 0��ustar�00��<div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" "> <a class=" " href="#home-welcome">Dashboard</a> </li> <li class=" "> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" "> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" active"> <a class=" " href="#home-password">Change Password</a> </li> </ul> <div class="tab-content bg-white border-right p-3"> <div class="tab-pane active cont min-height-400"> Log in report </div> </div> </div> <!-- Common scripts --> <?php // include('resources/views/common/script/script.php'); ?> <!-- custom scripts for this page only --> <script type="text/javascript"> $(function() { }); </script>��home/welcome.php��0000644��00000002346�15024776124�0007655 0��ustar�00��<div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" active "> <a class="" href="#home-dashboard">Dashboard</a> </li> <!-- <li class=" "> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" "> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" "> <a class=" " href="#home-password">Change Password</a> </li> --> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <span class="welcometest">PIE GRAPH</span><br> <span class="welcometest">DOUGHNUT GRAPH</span><br> <span class="welcometest">BAR GRAPH</span><br> <span class="welcometest">LINE GRAPH</span><br> <span class="welcometest">NUMBERS</span><br> </div> </div> </div> <!-- Common scripts --> <?php // include('resources/views/common/script/script.php'); ?> <!-- custom scripts for this page only --> <script type="text/javascript"> $(function() { $('.welcometest').on('click', function(e) { alert('Test') }) }); </script>��home/connections.php��0000644��00000001553�15024776124�0010543 0��ustar�00��<div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm "> <li class=" "> <a class=" " href="#home-welcome">Dashboard</a> </li> <li class=" "> <a class=" " href="#home-messages">Contact Messages</a> </li> <li class=" active"> <a class=" " href="#home-connections">Log in report</a> </li> <li class=" "> <a class=" " href="#home-password">Change Password</a> </li> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> Log in report </div> </div> </div> <!-- Common scripts --> <?php // include('resources/views/common/script/script.php'); ?> <!-- custom scripts for this page only --> <script type="text/javascript"> $(function() { }); </script>��common/head.php��0000644��00000046133�15024776124�0007465 0��ustar�00��<head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title><?php echo $global_system_settings['name']; ?></title> <!-- Google Font: Source Sans Pro --> <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> --> <link href="dist/css/font.css" rel="stylesheet" type="text/css"> <link href="dist/img/favicon/<?php echo $global_system_settings['favicon']; ?>" rel="icon" /> <link type="text/css" href="dist/css/style.min.css" rel="stylesheet"> <!-- JQeury UI --> <link rel="stylesheet" href="plugins/jquery-ui/jquery-ui.min.css"> <!-- Font Awesome Icons --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> <!-- <link rel="stylesheet" href="plugins/fontawesome6-pro/css/all.min.css"> --> <!-- Ionicons --> <!-- <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> --> <!-- overlayScrollbars --> <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> <!-- Theme style --> <!-- <link rel="stylesheet" href="dist/css/adminlte.min.css"> --> <link rel="stylesheet" href="dist/css/alt/adminlte.light.min.css"> <!-- <link rel="stylesheet" href="dist/css/alt/adminlte.core.min.css"> --> <!-- Toastr --> <link rel="stylesheet" href="plugins/toastr/toastr.min.css"> <link href="plugins/bootstrap-table/css/bootstrap-table.min.css" rel="stylesheet"> <!-- SweetAlert2 --> <link rel="stylesheet" href="plugins/sweetalert2/sweetalert2.min.css"> <!-- Select2 --> <link rel="stylesheet" href="plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css"> <!-- summernote --> <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css"> <!-- Daterange picker --> <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css"> <!-- Tempusdominus Bootstrap 4 --> <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css"> <!-- dropzonejs --> <link rel="stylesheet" href="plugins/dropzone/min/dropzone.min.css"> <!-- Ekko Lightbox --> <link rel="stylesheet" href="plugins/ekko-lightbox/ekko-lightbox.css"> <!-- summernote --> <link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css"> <!-- BS Stepper --> <link rel="stylesheet" href="plugins/bs-stepper/css/bs-stepper.min.css"> <!-- STar Rating --> <link rel="stylesheet" href="node_modules/bootstrap-star-rating/css/star-rating.min.css"> <link rel="stylesheet" href="node_modules/bootstrap-star-rating/themes/krajee-svg/theme.css"> <style> @media (min-width: 768px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 100px !important; } .main-sidebar, .main-sidebar::before { width: 100px !important; } body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 100px !important; } } .hidden { display: none; } .auth-form-header h1 { font-size: 24px; font-weight: 300; letter-spacing: -0.5px; text-align: center; } .cursor-pointer { cursor: pointer; } .uppercase { text-transform: uppercase; } .no-arrow::-webkit-inner-spin-button, .no-arrow::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .swal-height { height: 230px; } .swal2-styled { padding: .20em 0.8em !important; } .swal2-actions { margin-top: 0px !important; } .swal2-input { font-size: .875rem !important; } / SELECT2 / .select2-selection { padding-left: .5rem !important; padding-right: 1.2rem !important; } .select2-selection__rendered { padding: 0px !important; } .select2-selection__arrow { top: 1px !important; } .select2-container--default .select2-selection--single { border: 1px solid #ced4da !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ced4da !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { color: black !important; } .select2-search__field { text-transform: uppercase; } #table_knowledgebase, / #table_users, / #table_tickets, #table_leadfile, #table_cnf_role, #table_groupfile, #table_rolefile, #table_group_member_file td { cursor: pointer; font-size: 13px; } .search-transition { transition: all .5s; } .default-search-size { width: 105px; } .expand-search-size { width: 220px; } .dropdown-toggle { padding-bottom: 0 !important; padding-top: 0 !important; } .pagination-detail { margin: 0 !important; } .btn-tool:hover { color: white; } #ticket-info-modal-tab .nav-link.active, .nav-item.active { color: rgb(0 123 255) !important; border-bottom: 1px solid rgb(0 123 255) !important; } #dd_lead_company .select2-selection__choice { background-color: #ffffff; border: 10px solid #ffffff; } .children-ul { / width: 1px !important; min-width: 8rem !important; / } .lead-progress-box { height: 40px; width: 100px; / or whatever width you want. / max-width: 100px; / or whatever width you want. / display: inline-block; } .style-underline { text-decoration: underline; text-decoration-color: #007bff !important; } .role-toggle:hover { color: #000 !important; } body { background-image: url('dist/img/9.png') !important; / overflow: overlay; / / overflow: hidden; / } .hideEl { display: none !important; } .word-wrap { word-break: break-all !important; } .white-space-wrap { white-space: pre-line !important; } </style> </head> </style> <style> .vab_dialog { font-family: 'Barlow', sans-serif; position: fixed; right: 0; left: 0; top: 15%; margin: auto; z-index: 2147483647; border-radius: 4px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-align: center; -webkit-box-align: center; align-items: center; max-width: 580px; background-color: #ffffff; -webkit-box-shadow: 0 0 22px 7px rgba(0, 0, 0, 0.78); box-shadow: 0 0 22px 7px rgba(0, 0, 0, 0.78); padding: 30px 0; } .vab_dialog .vab_no_entry { width: 40px; height: 40px; } .vab_dialog .are_you_sure { font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #718191; margin: 0 85px; } .vab_dialog .detected { margin: 30px 85px 0 85px; font-size: 30px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #718191; } .vab_dialog .do_you_want { font-size: 21px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #718191; margin: 40px 85px 0 85px; } .vab_dialog .opt_out_msg { margin: 20px 50px 0 50px; font-size: 21px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #718191; } .vab_dialog .vab_buttons { margin-top: 50px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vab_dialog .vab_buttons .vab_button { cursor: pointer; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 16px 24px; border-radius: 5px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .vab_dialog .vab_buttons .vab_button.cancel { border: solid 1px #718191; color: #718191; margin-right: 20px; } .vab_dialog .vab_buttons .vab_button.exit { color: #f55a2e; border: solid 1px #f55a2e; margin-right: 20px; } .vab_dialog .vab_buttons .vab_button.continue { background-color: #8a95ff; color: #ffffff; } #toast-container>div { opacity: 1; } .white-bg>.dropdown-item:active { background-color: #ffffff !important; } </style> <!-- File Explorer --> <style> .file_manager .file a:hover .hover, .file_manager .file .file-name small { display: block } .file_manager .file { padding: 0 !important } .file_manager .file .icon { text-align: center } .file_manager .file { position: relative; border-radius: .55rem; overflow: hidden } .file_manager .file .image, .file_manager .file .icon { max-height: 180px; overflow: hidden; background-size: cover; background-position: top } .file_manager .file .hover { position: absolute; right: 10px; top: 10px; display: none; transition: all 0.2s ease-in-out } .file_manager .file a:hover .hover { transition: all 0.2s ease-in-out } .file_manager .file .icon { padding: 15px 10px; display: table; width: 100% } .file_manager .file .icon i { display: table-cell; font-size: 30px; vertical-align: middle; color: #777; line-height: 100px } .file_manager .file .file-name { padding: 10px; border-top: 1px solid #f7f7f7 } .file_manager .file .file-name small .date { float: right } .folder { padding: 20px; display: block; color: #777 } @media only screen and (max-width: 992px) { .file_manager .nav-tabs { padding-left: 0; padding-right: 0 } .file_manager .nav-tabs .nav-item { display: inline-block } } .item-details-info { width: 100%; background: #f9f9f9; border-top: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .coveo-title { display: block; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; } .CoveoResultLink:hover, .CoveoResultLink:hover a, a.CoveoResultLink:hover, a.CoveoResultLink:hover a, .CoveoResult a.CoveoResultLink:hover, .CoveoResult a.CoveoResultLink:hover a { text-decoration: underline; } .coveo-list-layout.CoveoResult { border-bottom: thin solid #bcc3ca; padding: 16px 0 16px 16px; } .children:hover { background-color: transparent !important; } / .CoveoExcerpt p { display: inline-block; } / .fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .ekko-lightbox .modal-header { padding-bottom: 0.25rem !important; padding-top: 0.25rem !important; } @media(max-width:768px) { .waitpage-box { left: 35% !important; } } .waitpage { background: url(dist/img/BlockUI.png) repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 9999; } .waitpage-box { background: none repeat scroll center center #fff; border: 1px solid #999; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 4px 0 #666; left: 44%; overflow: auto; padding: 16px; position: fixed; text-align: center; top: 40%; z-index: 99999; } .waitpage-box p img { color: #d0622b; float: left; font-size: 14px; font-style: italic; font-weight: bold; } .waitpage-box p span { float: left; font-size: .8125em; font-weight: bold; padding: 6px 0 0 12px; white-space: nowrap; } .notification { left: 50% !important; transform: translateX(-50%) !important; max-height: 500px !important; overflow-y: scroll !important; } .dropdown-menu { / max-height:500px; overflow-y: scroll; / z-index: 9999; } .daterangepicker { z-index: 99999; } .select2-dropdown { z-index: 99999; } .custom-chk-rdo-size { width: 15px; height: 15px; } .custom-text-area { resize: none; overflow: hidden; min-height: calc(1.8125rem + 2px) !important; / max-height: 100px; / } @media print { .main-footer, .hide-print { display: none !important; } } .direct-chat-textt { border-radius: 0.0rem; background-color: #ffffff; / border: 1px solid #d2d6de; / color: #444; margin: 5px 0 0 50px; padding: 5px 10px; position: relative; } .direct-chat-textt { display: block; } .custom-right-border { / border-color: #007bff!important; / border-right: 5px solid #007bff !important; border-left: 1px solid #dee2e6 !important; border-top: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important; } .custom-left-border { / border-color: #007bff!important; / border-right: 1px solid #dee2e6 !important; border-left: 5px solid #dee2e6 !important; border-top: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important; } .scrollmenu { / background-color: #333; / overflow: auto; white-space: nowrap; } / Hide scrollbar for Chrome, Safari and Opera / .scrollmenu::-webkit-scrollbar { display: none; } / Hide scrollbar for IE, Edge and Firefox / .scrollmenu { -ms-overflow-style: none; / IE and Edge / scrollbar-width: none; / Firefox / } .checked-star { color: orange; } / video::-webkit-media-controls-current-time-display { display: none !important; } video::-webkit-media-controls-time-remaining-display { display: none !important; } / .video_el::-webkit-media-controls-timeline { display: none !important; } </style> <style> / body { font-family: 'Varela Round', sans-serif; } / .modal-newsletter { color: #999; font-size: 15px; } .modal-newsletter .modal-content { padding: 40px; border-radius: 0; border: none; } .modal-newsletter .modal-header { border-bottom: none; position: relative; text-align: center; border-radius: 5px 5px 0 0; } .modal-newsletter h4 { color: #000; text-align: center; font-size: 30px; margin: 0 0 25px; font-weight: bold; text-transform: capitalize; } .modal-newsletter .close { background: #c0c3c8; position: absolute; top: -15px; right: -15px; color: #fff; text-shadow: none; opacity: 0.5; width: 22px; height: 22px; border-radius: 20px; font-size: 16px; } .modal-newsletter .close span { position: relative; top: -1px; } .modal-newsletter .close:hover { opacity: 0.8; } .modal-newsletter .icon-box { color: #7265ea; display: inline-block; z-index: 9; text-align: center; position: relative; margin-bottom: 10px; } .modal-newsletter .icon-box i { font-size: 110px; } .modal-newsletter .form-control, .modal-newsletter .btn { min-height: 46px; border-radius: 3px; } .modal-newsletter .form-control { box-shadow: none; border-color: #dbdbdb; } .modal-newsletter .form-control:focus { border-color: #7265ea; box-shadow: 0 0 8px rgba(114, 101, 234, 0.5); } .modal-newsletter .btn { color: #fff; border-radius: 4px; background: #7265ea; text-decoration: none; transition: all 0.4s; line-height: normal; padding: 6px 20px; min-width: 150px; border: none; } .modal-newsletter .btn:hover, .modal-newsletter .btn:focus { background: #4e3de4; outline: none; } .modal-newsletter .input-group { margin: 30px 0 15px; } .hint-text { margin: 100px auto; text-align: center; } </style> <?php // include dirname(__FILE__) . '/script/script.php'; ?> </head>��common/sidebar.php��0000644��00000021046�15024776124�0010171 0��ustar�00��<aside class="main-sidebar sidebar-dark-primary elevation-4"> <!-- Brand Logo --> <a href="index.php" class="brand-link clr-btn-dark" style="width: 100px!important; background-color: #222222 !important;"> <span class="brand-text font-weight-bold "><?php echo $global_system_settings['name']; ?></span> </a> <!-- Sidebar --> <div class="am-left-sidebar"> <div class="content"> <div class="xam-logo"> </div> <ul class="sidebar-elements"> <?php // if(isset($session_access['2']) && count($session_access['2']) > 0){ ?> <li class="parent"><a href="index.php" class="py-2" class="py-2"><i class="icon s7-display1"></i><span class="text-sm">Home</span></a> <ul class="sub-menu"> <li><a class="s-level" href="index.php"><span class="text-md">Dashboard</span></a></li> </ul> </li> <?php // } ?> <?php if(isset($session_access['3']) && count($session_access['3']) > 0){ ?> <?php if(in_array('3_2', $session_access['3'])){ ?> <li class="parent"><a href="index.php?category=tickets&action=new" class="py-2"><i class="icon s7-note2"></i><span class="text-sm">Support Tickets</span></a> <?php }else{ ?> <li class="parent"><a href="index.php?category=tickets&action=list" class="py-2"><i class="icon s7-note2"></i><span class="text-sm">Support Tickets</span></a> <?php } ?> <ul class="sub-menu"> <?php if(in_array('3_2', $session_access['3'])){ ?> <li><a class="s-level" href="#tickets-new"><span class="text-md">New Ticket</span></a></li> <?php } ?> <li><a class="s-level" href="#tickets-list"><span class="text-md">All Tickets</span></a></li> <li><a class="s-level" href="#tickets-own"><span class="text-md">My Tickets</span></a></li> </ul> </li> <?php } ?> <?php if(isset($session_access['4']) && count($session_access['4']) > 0){ ?> <li class="parent"><a href="index.php?category=knowledgebase&action=search" class="py-2"><i class="icon s7-light"></i><span class="text-sm">Knowledge Base</span></a> <ul class="sub-menu"> <li><a class="s-level" href="#knowledgebase-search"><span class="text-md">Search</span></a></li> <li><a class="s-level" href="#knowledgebase-list"><span class="text-md">Articles</span></a></li> <?php if(in_array('4_3', $session_access['4'])){ ?> <li><a class="s-level" href="#knowledgebase-ait"><span class="text-md">AIT Articles</span></a></li> <?php } ?> <li><a class="s-level" href="#knowledgebase-own"><span class="text-md">My Articles</span></a></li> </ul> </li> <?php } ?> <?php if(isset($session_access['5']) && count($session_access['5']) > 0){ ?> <li class="parent"><a href="index.php?category=videos&action=list" class="py-2"><i class="icon s7-video"></i><span class="text-sm">Training Videos</span></a> <ul class="sub-menu"> <li><a class="s-level" href="#videos-list"><span class="text-md">Videos</span></a></li> <?php if(in_array('5_4', $session_access['5'])){ ?> <li><a class="s-level" href="#videos-ait"><span class="text-md">AIT Videos</span></a></li> <?php } ?> <li><a class="s-level" href="#videos-own"><span class="text-md">My Videos</span></a></li> </ul> </li> <?php } ?> <?php if(isset($session_access['1']) && count($session_access['1']) > 0){ ?> <?php // echo $session_access['1'][0]; // sort($session_access['1']); $settings_action = ""; switch($session_access['1'][0]){ case '1_1': $settings_action = 'system'; break; case '1_2': $settings_action = 'role'; break; case '1_3': $settings_action = 'sms'; break; case '1_4': $settings_action = 'notification'; break; case '1_5': $settings_action = 'users'; break; default: $settings_action = 'system'; } echo '<li class="parent"><a href="index.php?category=settings&action='.$settings_action.'" class="py-2"><i class="icon s7-config"></i><span class="text-sm">Settings</span></a>'; ?> <ul class="sub-menu"> <?php if(in_array('1_1', $session_access['1'])){ ?> <li><a class="s-level" href="#settings-system"><span class="text-md">System</span></a></li> <?php } ?> <?php if(in_array('1_5', $session_access['1'])){ ?> <li><a class="s-level" href="#settings-users"><span class="text-md">Users</span></a></li> <?php } ?> <?php if(in_array('1_2', $session_access['1'])){ ?> <li><a class="s-level" href="#settings-role"><span class="text-md">Roles</span></a></li> <?php } ?> <?php if(in_array('1_3', $session_access['1'])){ ?> <li><a class="s-level" href="#settings-sms"><span class="text-md">SMS</span></a></li> <?php } ?> <?php if(in_array('1_4', $session_access['1'])){ ?> <li><a class="s-level" href="#settings-notification"><span class="text-md">Notification</span></a></li> <?php } ?> </ul> </li> <?php } ?> <li class="parent"><a href="#" class="py-2"><i class="icon s7-user"></i><span class="text-sm">Account</span></a> <ul class="sub-menu"> <!-- <li><a class="s-level" href="index.php?category=user&action=profile"><span class="text-md">Profile</span></a></li> <li><a class="s-level" href="index.php?category=user&action=password"><span class="text-md">Password</span></a></li> --> <li><a class="s-level" href="signout.php"><span class="text-md">Logout</span></a></li> </ul> </li> </ul> <!--Sidebar bottom content--> </div> </div> <!-- /.sidebar --> </aside>��common/footer.php��0000644��00000000521�15024776124�0010051 0��ustar�00�� <footer class="main-footer"> <strong>Copyright © 2021 <a href="https://adminlte.io"><?php echo $global_system_settings['name']; ?></a>.</strong> All rights reserved. <div class="float-right d-none d-sm-inline-block"> <b>Version</b> 1.0.0-beta </div> </footer>��common/script/knowledegebase_list.php��0000644��00000071062�15024776124�0014101 0��ustar�00��<script> // alert(owned_kb_only) var selected_kb_data = 0; var is_new_kb = 0; var kb_json_data = ""; var uploaded_kb_attachments_arr = []; var uploaded_kb_attachments_has_error = false; var uploaded_kb_attachments_error_msg; var remove_kb_attachment_mock_files = []; // var ticket_selected_filters = "[]"; // var ticket_selected_filters_priority = "[]"; var ticket_selected_filters_category = "[]"; var ticket_selected_filters_final_status = "[]"; // Ticket Replies var ticket_replies_display_limit_const = 999; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; // DROPZONE 2 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument var kbNode = document.querySelector("#kb_modal_template") kbNode.id = "" var kbTemplate = kbNode.parentNode.innerHTML kbNode.parentNode.removeChild(kbNode) var kbDropzone = new Dropzone("#knowledgebase_modal", { removedfile: function(file) { if (!isEmpty(file.id)) { remove_kb_attachment_mock_files.push(file.id); } var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, 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", "knowledgebase"); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: kbTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#kb_modal_previews", // Define the container to display the previews clickable: ".kb-modal-button" // Define the element that should be used as click trigger to select files. }); function startUpload() { if (kbDropzone.getAcceptedFiles().length < 1) { createKB(); } for (var i = 0; i < kbDropzone.getAcceptedFiles().length; i++) { kbDropzone.processFile(kbDropzone.getAcceptedFiles()[i]); } } kbDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var uploaded_kb_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } uploaded_kb_attachments_arr.push(uploaded_kb_attachments_obj); //console.log(uploaded_kb_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_kb_attachments_has_error) { uploaded_kb_attachments_has_error = true; uploaded_kb_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (kbDropzone.getQueuedFiles().length === 0 && kbDropzone.getUploadingFiles().length === 0) { // console.log(uploaded_kb_attachments_arr) if (uploaded_kb_attachments_has_error) { toastr.remove(); toastr.error(uploaded_kb_attachments_error_msg.filename + ' - ' + uploaded_kb_attachments_error_msg.message) //remove uploaded files $.ajax({ url: "app/models/file.php", data: { model: 'delete_file', file: 'knowledgebase', file_names: JSON.stringify(uploaded_kb_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // kbDropzone.removeAllFiles(true); createKB(); } uploaded_kb_attachments_has_error = false; uploaded_kb_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); function kbActionFormatter(value, row, index) { return "<span id='update_kb_" + row.id + "' update-kb-action='" + row.id + "' class='border-primary text-primary border-bottom'>Update</span>" } function ticketStatusFormatter(value, row, index) { if (row.final_status_id == '1') { return "<span class='text-success font-weight-bold'>" + value + "<span>"; } if (row.final_status_id == '2') { return "<span class='text-danger font-weight-bold'>" + value + "<span>"; } return "<span class='text-primary font-weight-bold'>" + value + "<span>";; // return "<span id='update_kb_" + row.id + "' update-kb-action='" + row.id + "' class='border-primary text-primary border-bottom'>Update</span>" } function createKB() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'create_knowledgebase', json_data: kb_json_data, attachments: JSON.stringify(uploaded_kb_attachments_arr), knowledgebase_id: selected_kb_data, is_new_kb: is_new_kb, remove_attachments: JSON.stringify(remove_kb_attachment_mock_files) }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_kb_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving article..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; createKBDone(result.message) } else { $('#btn_kb_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_kb_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function createKBDone(message) { toastr.remove(); toastr.success(message); resetKBModal(); $('#knowledgebase_modal').modal( 'hide'); $('#btn_kb_save').prop( 'disabled', false); refreshKBTableSilent(); } function refreshKBTable() { initTicketList(); var $table = $('#table_knowledgebase') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/knowledgebase.php' }); }) } function refreshKBTableSilent() { var $table = $('#table_knowledgebase') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/knowledgebase.php' }); }) } function initTicketList() { var $table = $('#table_knowledgebase'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { initTicketActionColVisibility(); initKBActionEvent(); }, exportOptions: { fileName: function() { return 'titile' } } }); } function initKBActionEvent() { $("[update-kb-action]").each(function() { $(this).on('click', function() { // removeSelectChangeEvt(); // is_new_kb = 0; // resetKBModal(); // // fetch selected ticket // $('#ticket_modal').modal('show'); // setTimeout(function() { // initKBData(); // }, 100) is_new_kb = 0; resetKBModal(); $('#knowledgebase_modal').modal('show'); setTimeout(function() { initKBData(); }, 100) }); }); } function initKBData() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_data', knowledgebase_id: selected_kb_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { addSelectChangeEvt(); remove_kb_attachment_mock_files = []; $.each(result.rows, function(i, n) { if (i == 'description') { $('#description').summernote('code', n); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') var newState = new Option(n, n, true, true); // Append it to the select $("#" + i).append(newState).trigger('change'); } }); $.each(result.attachments, function(key, value) { var mockFile = { id: value.id, name: value.original_name, size: value.unreadable_size }; kbDropzone.emit("addedfile", mockFile); kbDropzone.emit("complete", mockFile); kbDropzone.files.push(mockFile); // here you add them into the files array }); // delete ticket_attachment_mock_files[57]; }, error: function() {} }); } function initTicketActionColVisibility() { if (owned_kb_only) { $('.action-formatter-th').show() } else { $('.action-formatter-th').hide() } } function kbQueryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return { search: $('#ticket-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, // filter_status: ticket_selected_filters, filter_category: ticket_selected_filters_category, // filter_priority: ticket_selected_filters_priority, // filter_final_status: ticket_selected_filters_final_status, filter_brand: $('#brand-filter').val(), filter_section: isEmpty(param_section) ? $('#section-filter').val() : param_section, filter_model: $('#model-filter').val(), filter_type: $('#type-filter').val(), start_date: start_date, end_date: end_date, owned_kb_only: owned_kb_only, model: 'read_knowledgebase_list', }; } function resetKBModal() { var $el = $('#knowledgebase_modal'); resetElementForm($el); $('#description').summernote('reset'); $('#description').summernote('focus'); kbDropzone.removeAllFiles(true); // $('.select2bs4').val('').trigger('change'); } // function createTicketDone(message) { // toastr.remove(); // toastr.success(message); // resetKBModal(); // $('#ticket_modal').modal( // 'hide'); // $('#btn_kb_save').prop( // 'disabled', false); // refreshKBTableSilent(); // } function resetDateRangePicker() { // daterangepicker_filter = false; var start = moment().startOf('year'); var end = moment().endOf('year'); // moment().startOf('month'), moment().endOf('month') $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); // $('.daterangepicker').css('width', 'auto'); // $('#filter-date span').html('Date Filter'); $('#filter-date span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } function initFilterCategory() { $.when(loadTicketFilterCategory()).done(function(ajax1Results) { $(".ticket-filter-category li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) refreshKBTableSilent(); }); }); $(".ticket-filter-category li").each(function() { var cur_text = $(this).text(); if (param_category.includes(cur_text)) { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); } }); if (param_category.length > 0) { refreshKBTableSilent(); } }); } function initFilterFinalStatus() { $.when(loadTicketFilterFinalStatus()).done(function(ajax1Results) { $(".ticket-filter-final-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-final-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_final_status = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_final_status) refreshKBTableSilent(); }); }); }); } // function initFilterStatus() { // $.when(loadTicketFilterStatus()).done(function(ajax1Results) { // $(".ticket-filter-status li").each(function() { // $(this).on('click', function() { // $(this).toggleClass("active"); // var active_items = $('.ticket-filter-status').find('li.active').map( // function() { // var item = {}; // // item.id = this.value; // item.status = $(this).text(); // return item; // }); // var active_items_arr = []; // $.each(active_items, function(i, n) { // active_items_arr.push(n.status) // }); // ticket_selected_filters = JSON.stringify(active_items_arr); // // alert(ticket_selected_filters_category) // refreshKBTableSilent(); // }); // }); // }); // } // function initFilterPriority() { // $.when(loadTicketFilterPriority()).done(function(ajax1Results) { // $(".ticket-filter-priority li").each(function() { // $(this).on('click', function() { // $(this).toggleClass("active"); // var active_items = $('.ticket-filter-priority').find('li.active').map( // function() { // var item = {}; // // item.id = this.value; // item.status = $(this).text(); // return item; // }); // var active_items_arr = []; // $.each(active_items, function(i, n) { // active_items_arr.push(n.status) // }); // ticket_selected_filters_priority = JSON.stringify(active_items_arr); // // alert(ticket_selected_filters_category) // refreshKBTableSilent(); // }); // }); // }); // } function kbTableCellClickEvt() { $('#table_knowledgebase').on('click-cell.bs.table', function(field, value, row, $el) { selected_kb_data = $el.id; var source = $el.source; if (value != 'action') { if(parseInt(source) === 2){ // uri = "#tickets-view-"+selected_kb_data; window.location.hash = 'tickets-view-'+$el.id; }else{ // window.location.href = uri; window.location.hash = 'knowledgebase-view-'+$el.id; } return; switch (source) { case '1': $('#kb_view_modal').modal('show'); break; case '2': $('#kb_view_ticket_modal').modal('show'); break; } } }); } function btnNewKBEvt() { $('#new_knowledgebase').on("click", function(e) { is_new_kb = 1; resetKBModal(); $('#knowledgebase_modal').modal('show'); if(!isEmpty(param_section) && param_section != 'EMPTY_SECTION'){ var newState = new Option(param_section, param_section, true, true); $("#section").append(newState).trigger('change'); } }); } function initDateRangePicker() { var start = moment().startOf('year'); var end = moment().endOf('year'); $('#filter-date').daterangepicker({ // autoUpdateInput: false, showDropdowns: true, maxDate: new Date(), // parentEl: '#ticket-more-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { // 'Disable': [moment(), moment()], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('M/D/YYYY') + ' to<br>' + picker.endDate.format( 'M/D/YYYY')); refreshKBTableSilent(); // } }); } function initTicketSearchEvt() { $('#ticket-search').focusin(function() { $('#ticket-search-div').removeClass('default-search-size'); $('#ticket-search-div').addClass('expand-search-size'); }); $('#ticket-search').focusout(function() { if (isEmpty($(this).val())) { $('#ticket-search-div').removeClass('expand-search-size'); $('#ticket-search-div').addClass('default-search-size'); } }); $('#ticket-search').on('keyup', delay(function(e) { refreshKBTableSilent(); }, 500)); } function saveTicketEvt() { $('#btn_kb_save').on('click', function() { if (check_if_empty_field($('#category'), 'Category is required.')) { return; } if (check_if_empty_field($('#title'), 'Subject is required.')) { return; } if ($('#title').val().length <= 4) { toastr.remove(); toastr.error("Subject is too short..."); $('#title').trigger('focus'); return; } if ( $('#description').summernote('code') == '<p><br></p>' \|\| $('#description').summernote('code') == '') { $('#description').summernote('focus'); toastr.remove(); toastr.error("Description is required..."); return false; } if ($('#description').val().trim().length <= 5) { $('#description').summernote('focus'); toastr.remove(); toastr.error("Description is too short..."); return false; } if (!isEmpty($('#year_model').val())) { if ($('#year_model').val().length != 4) { toastr.remove(); toastr.error("Invalid year model..."); $('#year_model').trigger('focus'); return; } } var $element = $("[json-kb-modal]"); kb_json_data = generate_json( 'json-kb-modal', $element); // alert(kb_json_data); // return; startUpload(); }); } function kbInformationEvt() { $('#kb_view_modal').on('shown.bs.modal', function(e) { $('#kb-view-info-modal-tab li a').removeClass('active') $('#kb-view-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-info-modal-tab-information').addClass('active') $('#kb-view-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBInformation(); readKBAttachments(); }) } function initSelect2UnselectElement() { $('#brand-filter,#model-filter,#type-filter,#section-filter').on('select2:select select2:unselecting', function(e) { refreshKBTableSilent(); }); } function exportPdf() { $('.kb-col').toggleClass('hide-sm'); $('#table_knowledgebase').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Knowledgebase_'+Date.now(), type: 'pdf', jspdf: { orientation: 'p', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", tableExport: {onAfterAutotable: function(){ $('.kb-col').toggleClass('hide-sm'); }}, beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.text('Knowledge Base', data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment().format('MMMM DD, YYYY'), data.settings.margin.top-30, 32); var str = "Page " + doc.internal.getNumberOfPages(); //+ ' - ' + 'Sample 3'; doc.setFont('Times', 'normal'); doc.setFontSize(10); // jsPDF 1.4+ uses getWidth, <1.4 uses .width var pageSize = doc.internal.pageSize; var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); } function exportXlsx() { $('#table_knowledgebase').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Knowledgebase_'+Date.now(), type: 'xlsx' }); } //Processing export content, this method can customize the content of a row, column, or even cell, that is, set its value to what you want. function DoOnCellHtmlData(cell, row, col, data) { if(col == '5' ){ //action col return ''; } // if ((col == '8' \|\| col == '10') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var spanObj2 = $(spanObj[0].innerHTML); // var title = spanObj2.attr( // "title"); //Read the value of title attribute in <span title="val"</span>. // if (typeof(title) != 'undefined') { // return title; // } // }else if((col == '9') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // return spanObj[1].innerText; // }else { return data; // } } function DoCellData(cell, row, col, data) { } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} $(function() { // initLightBox(); refreshKBTable() // initTicketList(); kbTableCellClickEvt(); hideTicketTypes(); btnNewKBEvt(); filterEvt(); initDateRangePicker(); resetDateRangePicker(); initFilterCategory(); initFilterFinalStatus(); // initFilterStatus(); // initFilterPriority(); initTicketSearchEvt(); initSelect2Element(); initSelect2UnselectElement(); modelVariantEvt(); addSelectChangeEvt(); saveTicketEvt(); kbTicketInformationEvt(); kbInformationEvt(); kbAutoComplete(); $('#description').summernote({ placeholder: '', tabsize: 2, height: 250, dialogsInBody: true, tooltip: false, toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript', 'subscript']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['insert', ['picture', 'video', 'link']], ['view', ['fullscreen']] ] }); // $('.dropdown-submenu a.children').on("click", function(e){ // var $current_el = $(this); // $(".dropdown-submenu a.children").each(function() { // var $el = $(this); // if($current_el[0] != $el[0]){ // $el.next('ul').hide(); // } // }); // $(this).next('ul').toggle(); // e.stopPropagation(); // e.preventDefault(); // }); $('#type-filter').select2({ placeholder: "Select source", minimumResultsForSearch: -1, allowClear: true, escapeMarkup: function(markup) { return markup; }, language: { noResults: function(params) { return "Select source"; } } }); }); </script>��common/script/knowledegebase_video.php��0000644��00000123045�15024776124�0014233 0��ustar�00��<script> var selected_video_data = 0; var is_new_video = 0; var ticket_selected_filters = "[]"; var ticket_selected_filters_priority = "[]"; var ticket_selected_filters_category = "[]"; var upload_video_json_data = ""; var upload_video_attachments_arr = []; var upload_video_attachments_has_error = false; var upload_video_attachments_error_msg; var remove_video_attachment_mock_files = []; var upload_video_file_attachments_arr = []; var upload_video_file_attachments_has_error = false; var remove_video_file_attachment_mock_files = []; var video_display_limit_const = 8; var video_display_limit = video_display_limit_const; var video_display_count = 0; var selected_positions = []; var send_notif_selected_positions = 0; // DROPZONE 2 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument var videoModalNode = document.querySelector("#video_modal_template") videoModalNode.id = "" var videoModalTemplate = videoModalNode.parentNode.innerHTML videoModalNode.parentNode.removeChild(videoModalNode) var uploadVideoDropzone = new Dropzone("#video_modal", { url: "app/models/file.php", paramName: "file", maxFilesize: 205, maxFiles: 1, autoProcessQueue: false, acceptedFiles: '.mp4, .mkv, .mov, .avi, .wmv', init: function() { this.on('sending', function(file, xhr, formData) { formData.append("model", "create_file"); formData.append("file", "videos"); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: videoModalTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#video_modal_previews", // Define the container to display the previews clickable: ".video-modal-button" // Define the element that should be used as click trigger to select files. }); function startVideoUpload() { if (!is_new_video) { createVideo(); return false; } if (uploadVideoDropzone.getAcceptedFiles().length < 1) { toastr.remove(); toastr.info("Select video to upload..."); return false; } for (var i = 0; i < uploadVideoDropzone.getAcceptedFiles().length; i++) { uploadVideoDropzone.processFile(uploadVideoDropzone.getAcceptedFiles()[i]); } } uploadVideoDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var upload_video_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } upload_video_attachments_arr.push(upload_video_attachments_obj); } else if (parseInt(result.status) === 0) { //put the first error only if (!upload_video_attachments_has_error) { upload_video_attachments_has_error = true; uploaded_ticket_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (uploadVideoDropzone.getQueuedFiles().length === 0 && uploadVideoDropzone.getUploadingFiles().length === 0) { // console.log(upload_video_attachments_arr) if (upload_video_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: 'videos', file_names: JSON.stringify(upload_video_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // uploadVideoDropzone.removeAllFiles(true); createVideo(); } upload_video_attachments_has_error = false; upload_video_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); function createVideo() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'create_video', json_data: upload_video_json_data, is_new_video: is_new_video, video_id: selected_video_data, attachments: JSON.stringify(upload_video_attachments_arr), remove_attachments: JSON.stringify(remove_video_attachment_mock_files), rsc_attachments: JSON.stringify(upload_video_file_attachments_arr), rsc_remove_attachments: JSON.stringify(remove_video_file_attachment_mock_files), position_data: JSON.stringify(selected_positions), send_notif: send_notif_selected_positions }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_video_save').prop( 'disabled', true); // toastr.remove(); // toastr.info("Adding entry..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; createVideoDone(result.message) } else { $('#btn_video_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_video_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function createVideoDone(message) { upload_video_file_attachments_has_error = false; upload_video_file_attachments_arr = []; toastr.remove(); toastr.success(message); resetVideoModal(); $('#video_modal').modal( 'hide'); $('#btn_video_save').prop( 'disabled', false); // refreshTicketTableSilent(); defaultVideos(); } // DROPZONE 2 END // DROPZONE 3 START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument var videoFileModalNode = document.querySelector("#attach_modal_template") videoFileModalNode.id = "" var videoFileModalTemplate = videoFileModalNode.parentNode.innerHTML videoFileModalNode.parentNode.removeChild(videoFileModalNode) var uploadVideoFileDropzone = new Dropzone("#attach-file-dropzone-div", { removedfile: function(file) { if (!isEmpty(file.id)) { remove_video_file_attachment_mock_files.push(file.id); } var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, url: "app/models/file.php", paramName: "file", maxFilesize: 1024, maxFiles: 999, 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", "video_attach"); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: videoFileModalTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#attach_modal_previews", // Define the container to display the previews clickable: ".attach-modal-button" // Define the element that should be used as click trigger to select files. }); function startVideoFileUpload() { if (uploadVideoDropzone.getAcceptedFiles().length < 1 && is_new_video) { toastr.remove(); toastr.info("Select video to upload..."); return false; } $('#btn_video_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving entry..."); if (uploadVideoFileDropzone.getAcceptedFiles().length < 1) { // createVideoFile(); startVideoUpload(); return false; } for (var i = 0; i < uploadVideoFileDropzone.getAcceptedFiles().length; i++) { uploadVideoFileDropzone.processFile(uploadVideoFileDropzone.getAcceptedFiles()[i]); } } uploadVideoFileDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var upload_video_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } upload_video_file_attachments_arr.push(upload_video_attachments_obj); } else if (parseInt(result.status) === 0) { //put the first error only if (!upload_video_file_attachments_has_error) { upload_video_file_attachments_has_error = true; uploaded_ticket_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (uploadVideoFileDropzone.getQueuedFiles().length === 0 && uploadVideoFileDropzone.getUploadingFiles().length === 0) { // console.log(upload_video_file_attachments_arr) if (upload_video_file_attachments_has_error) { upload_video_file_attachments_has_error = false; upload_video_file_attachments_arr = []; 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: 'video_attach', file_names: JSON.stringify(upload_video_file_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // uploadVideoFileDropzone.removeAllFiles(true); startVideoUpload(); } } } //TODO - } catch (e) { //TODO - console.log(e) } }); // DROPZONE 3 END function initFilterCategory() { $.when(loadTicketFilterCategory()).done(function(ajax1Results) { $(".ticket-filter-category li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) // refreshTicketTableSilent(); // refreshVideoList(); defaultVideos(); }); }); }); } function initVideoSearchEvt() { $('.search-data').focusin(function() { $('.search-data-div').removeClass('default-search-size'); $('.search-data-div').addClass('expand-search-size'); }); $('.search-data').focusout(function() { if (isEmpty($(this).val())) { $('.search-data-div').removeClass('expand-search-size'); $('.search-data-div').addClass('default-search-size'); } }); $('.search-data').on('keyup', delay(function(e) { // if($('.search-data').val().length >= 3){ // defaultVideos(); // } if (e.key === 'Enter' \|\| e.keyCode === 13) { // Do something // if($('.search-data').val().length > 0){ defaultVideos(); // } } }, 500)); $('.search-data-button').on('click', function(e) { // if($('.search-data').val().length > 0){ defaultVideos(); // } }); } function resetVideoModal() { var $el = $('#video_modal'); resetElementForm($el); uploadVideoDropzone.removeAllFiles(true); uploadVideoFileDropzone.removeAllFiles(true); } function btnNewVideoEvt() { $('#btn_new_video').on("click", function(e) { is_new_video = 1; resetVideoModal(); $('#video_modal').modal('show'); selected_positions = []; send_notif_selected_positions = 0; refreshRoleBrandfileTableSilent(); $('#video-file-dropzone-div').show(); if(!isEmpty(param_section) && param_section != 'EMPTY_SECTION'){ var newState = new Option(param_section, param_section, true, true); $("#section").append(newState).trigger('change'); } }); } function saveVideoEvt() { $('#btn_video_save').on('click', function() { if (check_if_empty_field($('#category'), 'Category is required.')) { return false; } if (check_if_empty_field($('#title'), 'Title is required.')) { return false; } if ($('#title').val().length <= 4) { toastr.remove(); toastr.error("Title is too short..."); $('#title').trigger('focus'); return false; } if (check_if_empty_field($('#description'), 'Description is required.')) { return false; } if ($('#description').val().length <= 5) { toastr.remove(); toastr.error("Description is too short..."); $('#description').trigger('focus'); return false; } if (!isEmpty($('#year_model').val())) { if ($('#year_model').val().length != 4) { toastr.remove(); toastr.error("Invalid year model..."); $('#year_model').trigger('focus'); return; } } var $element = $("[json-video-modal]"); upload_video_json_data = generate_json( 'json-video-modal', $element); // alert(upload_video_json_data); // return false; // startVideoUpload(); startVideoFileUpload(); }); } function refreshVideoList() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_videos', search: $('.search-data').val(), filter_category: ticket_selected_filters_category, owned_video_only: owned_video_only, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), filter_position: $('#position-filter').val(), // filter_section: $('#section-filter').val(), filter_section: isEmpty(param_section) ? $('#section-filter').val() : param_section, offset: video_display_limit - video_display_limit_const, limit: video_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { // $('#video_container').html('') }, success: function(result) { // console.log(result) $.each(result.rows, function(i, n) { // console.log(i); // console.log(n); var remove_btn = (owned_video_only) ? `<button type="button" title="Update" action-video-update="` + n.id + `" class="tooltip-me btn btn-icon btn-primary "> <i class="fa fa-pen"></i> </button> <button type="button" title="Remove" action-video-remove="` + n.id + `" class="tooltip-me btn btn-icon btn-danger "> <i class="fa fa-trash"></i> </button> ` : ``; $('#video_container').append(` <div class="col-lg-3 col-md-4 col-sm-12 pb-3" > <div class="card h-100"> <div class="file"> <a href="javascript:void(0);"> <div class="hover "> ` + remove_btn + ` </div> <div class="icon p-0" id="play_video_` + n.id + `" > <i class="fa fa-play text-danger" aria-hidden="true"></i> </div> <div class="file-name"> <p class="m-0 text-muted text-sm"><span class="font-weight-bold">Title:</span> ` + n.title + `</p> <p class="mb-2 text-muted text-sm"><span class="font-weight-bold">Description:</span> ` + n.description + `</p> <small><!--Size: ` + n.size + `--><span class="date text-muted">` + n.date + `</span></small> </div> </a> </div> </div> </div> `); $('#play_video_' + n.id).on('click', function() { window.location.hash = 'videos-view-' + n.id; // videoPlayer(n) }) video_display_count++; }); $("[action-video-update]").each(function() { $(this).off('click').on('click', function() { var video_id = $(this).attr('action-video-update'); // alert(video_id) selected_video_data = video_id; // var ticket_id = $(this).attr("update-ticket-action"); // removeSelectChangeEvt(); is_new_video = 0; resetVideoModal(); $('#video_modal').modal('show'); selected_positions = []; send_notif_selected_positions = 0; refreshRoleBrandfileTableSilent(); $('#video-file-dropzone-div').hide(); setTimeout(function() { initVideoData(); }, 100) }); }); $("[action-video-remove]").each(function() { $(this).off('click').on('click', function() { var video_id = $(this).attr('action-video-remove'); // SWAL Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this video?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'delete_video', video_id: video_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info('Removing video...') }, success: function(result) { toastr.remove(); toastr.success(result.message); $('#video_container').html('') refreshVideoList(); }, error: function() {} }); } else if (result.isDenied) {} else {} }) // SWAL }); }); if (result['rows'].length == 0) { // $('#view_more_videos').addClass('hideEl'); } else { // $('#view_more_videos').removeClass('hideEl'); defaultFunctions(); } if (video_display_count == 0) { $('#video_container').html('<div class="col-12 text-center"><span class="text-center">No result</span></div>') $('#view_more_videos').addClass('hideEl'); } else if (video_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more videos.") } else { $('#view_more_videos').removeClass('hideEl'); } }, error: function() {} }); } function videoPlayer(n) { selected_video_data = n.id; $('#video_player_modal').modal('show'); $.when(init_video_player_modal(n)).done(function(ajax1Results) { $('#video_player_modal').modal('show'); $('#video_player_modal').on('hidden.bs.modal', function() { $('#video_player_modal').remove(); }); initVideoDataView(); }); } function initVideoDataView() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_video_data', video_id: selected_video_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { if (isEmpty(result.rows.brand) && isEmpty(result.rows.model) && isEmpty(result.rows.model_variant)) { $('#vehicle_info').hide(); } $.each(result.rows, function(i, n) { if (i == 'description') { // var description = n.replaceAll("\n", "<br>") // $("#span_video_description").html(description); } else if (i == 'brand' && isEmpty(n)) { $("#v_view_brand_p").hide(); } else if (i == 'model' && isEmpty(n)) { $("#v_view_model_p").hide(); } else if (i == 'model_variant' && isEmpty(n)) { $("#v_view_model_variant_p").hide(); } else { // $("#" + i).text(n); // $("#span_video_title" + i).text(n); } }); $("#span_video_title").text(result.rows.title); var description = result.rows.description.replaceAll("\n", "<br>") $("#span_video_description").html(description); $("#v_view_brand").text(result.rows.brand); $("#v_view_model").text(result.rows.model); $("#v_view_model_variant").text(result.rows.model_variant); if (result.attachments.length > 0) { $('#video_attachment_container').html(''); $.each(result.attachments, function(i, n) { var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") switch (fileExt) { case 'png': case 'jpg': case 'jpeg': $('#video_attachment_container').append(`<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br>`); break; case 'pdf': $('#video_attachment_container').append(`<a target="_blank" href="pdf/pdf.php?token=` + filename + `@4" > <u><span>` + n.original_name + `</span></u> </a><br> `); break; default: $('#video_attachment_container').append(`<a href="javascript:void(0);" onclick="downloadTicketAttachment('` + n.change_name + `','4')"> <u><span>` + n.original_name + `</span></u> </a> <br> `); } }); } else { $('#video_attachment').hide(); } var src_vid = 'dist/videos/' + result.rows.attachment_name; $("#video_el").html('<source src="' + src_vid + '" type="video/mp4"></source>'); }, error: function() {} }); } function init_video_player_modal(n) { var file_location = "dist/videos/" + n.attachment_name; return $.ajax({ url: "resources/views/modals/video_player_modal.php", data: { file: file_location, json_data: JSON.stringify(n) }, type: "POST", beforeSend: function() {}, success: function(data) { $('#modal_container').append(data); }, error: function() { toastr.remove(); toastr.error("Error has occurred. Try again.") } }); } function initVideoData() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_video_data', video_id: selected_video_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { addSelectChangeEvt(); remove_video_attachment_mock_files = []; remove_video_file_attachment_mock_files = []; selected_positions = isEmpty(result.rows.position_access) ? [] : JSON.parse(result.rows.position_access); // console.log(selected_positions) $.each(result.rows, function(i, n) { // if(i == 'description'){ // var description = n.replaceAll("<br>", "\n") // $("#" + i).val(n+'asd'); // }else{ $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') var newState = new Option(n, n, true, true); // Append it to the select $("#" + i).append(newState).trigger('change'); // } }); $.each(result.attachments, function(key, value) { var mockFile = { id: value.id, name: value.original_name, size: value.unreadable_size }; uploadVideoFileDropzone.emit("addedfile", mockFile); uploadVideoFileDropzone.emit("complete", mockFile); uploadVideoFileDropzone.files.push(mockFile); // here you add them into the files array }); // delete ticket_attachment_mock_files[57]; }, error: function() {} }); } function initSelect2UnselectElement() { $('#brand-filter,#model-filter,#position-filter,#section-filter').on('select2:select select2:unselecting', function(e) { defaultVideos(); }); } function defaultVideos() { video_display_limit = video_display_limit_const; video_display_count = 0; $('#video_container').html('') refreshVideoList(); } function kbVideoAutoComplete() { var xhr = null; $('#txt_video_search').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/knowledgebase.php', { data: { 'search': qry, offset: 0, limit: 10, 'model': 'read_knowledgebase_video_autocomplete' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#txt_video_search').on('autocomplete.select', function(evt, item) { // $("#title_id").val(item.id); defaultVideos(); }); } function checkViberSubscription() { $.ajax({ url: "app/models/user.php", data: { model: 'read_viber_subscription' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { if (parseInt(result.status) === 0) { if (Cookies.get('viber_modal_shown')) { // alert('exist'); } else { // alert('not exist'); var inMinutes = new Date(new Date().getTime() + 5 /minutes/ 60 * 1000); Cookies.set('viber_modal_shown', true, { expires: inMinutes }); $('#btn_viber_subscribe').on('click', function() { window.location.href = "viber://pa?chatURI=autohub-tasks&context=" + result.user_id; }); $("#viberModal").modal('show'); } } }, error: function() {} }); } ////START ROLE DEALER function refreshRoleBrandfileTable() { initRoleBrandfileList(); var $table = $('#table_position_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshRoleBrandfileTableSilent() { var $table = $('#table_position_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function initRoleBrandfileList() { var $table = $('#table_position_file'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function roleBrandfileQueryParams(params) { return { search: $('#position-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, selected_positions: JSON.stringify(selected_positions), model: 'read_position_list', }; } function roleBrandFormatter(value, row, index) { var html = '<input class="" type="checkbox">'; if (parseInt(row.status) === 1) { html = '<input class="" type="checkbox" checked>'; } return html; } window.roleBrandEvent = { 'click input': function(e, value, row, index) { //get selected id if (row.status == '0') { selected_positions.push(row.id); } else { var index = selected_positions.indexOf(row.id); if (index !== -1) { selected_positions.splice(index, 1); } } refreshRoleBrandfileTableSilent(); } }; ////END ROLE DEALER function initPositionSearchEvt() { $('#position-search-div').removeClass('default-search-size'); $('#position-search-div').addClass('expand-search-size'); // $('#position-search').focusin(function() { // $('#position-search-div').removeClass('default-search-size'); // $('#position-search-div').addClass('expand-search-size'); // }); // $('#position-search').focusout(function() { // if (isEmpty($(this).val())) { // $('#position-search-div').removeClass('expand-search-size'); // $('#position-search-div').addClass('default-search-size'); // } // }); $('#position-search').on('keyup', delay(function(e) { refreshRoleBrandfileTableSilent(); }, 500)); } $(function() { // initLightBox(); defaultVideos(); // ticketTableCellClickEvt(); // hideTicketTypes(); btnNewVideoEvt(); // initDateRangePicker(); // resetDateRangePicker(); filterEvt(); initFilterCategory(); // initFilterStatus(); // initFilterPriority(); initVideoSearchEvt(); initSelect2Element(); modelVariantEvt(); addSelectChangeEvt(); saveVideoEvt(); initSelect2UnselectElement(); // ticketInformationEvt(); kbVideoAutoComplete(); checkViberSubscription(); $('#btn_get_updates').on('click', function() { $("#viberModal").modal('show'); $('#btn_viber_subscribe').on('click', function() { window.location.href = "viber://pa?chatURI=autohub-tasks&context=" + global_user_id; $("#viberModal").modal('hide'); }); }); $('#btn_filter_video').on('click', function() { // $('#video_filter_modal').modal('show'); var send_notification_div = ''; if (is_new_video) { send_notification_div = `<div class="text-right-lg text-left"> <input json-video-modal="true" type="checkbox" name="" id="chk_send_notification"> <label for="chk_send_notification" class="text-black font-weight-normal cursor-pointer m-0">Send Notification</label> </div> `; } Swal.fire({ title: '', icon: '', html: ` <div class="tab-content m-0 p-2" id="video-filter-modal-tab-content"> <div class="tab-pane fade show active" id="video-filter-modal-tab-information-sec" role="tabpanel" aria-labelledby="video-filter-modal-tab-information"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show p-0" id="navbarNav"> <ul class="nav nav-tabs mt-0 navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-0 mb-1"> <div class="input-group search-transition default-search-size" id="position-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="position-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> </li> </ul> <ul class="nav nav-tabs navbar-nav ml-auto-md " style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> ` + send_notification_div + ` </li> </ul> </div> </nav> </div> <table id="table_position_file" data-search="false" data-show-refresh="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="10" data-page-list="[10, 25, 50, 100, all]" data-query-params="roleBrandfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="name"> Position </th> <th data-events="roleBrandEvent" data-formatter="roleBrandFormatter" class="text-center" data-width="30" data-field="status"> Status </th> </tr> </thead> </table> </div> </div> `, showCloseButton: false, showCancelButton: false, focusConfirm: false, confirmButtonText: 'Save', confirmButtonAriaLabel: 'Thumbs up, great!', cancelButtonText: '<i class="fa fa-thumbs-down"></i>', cancelButtonAriaLabel: 'Thumbs down', showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: { container: 'container-class', popup: 'popup-class', header: 'header-class', title: 'title-class', closeButton: 'close-button-class', content: 'content-class p-0', input: 'input-class', actions: 'actions-class', footer: 'footer-class' }, didOpen: function() { refreshRoleBrandfileTable(); initPositionSearchEvt(); if (is_new_video) { $('#chk_send_notification').on('change', function() { if (this.checked) { send_notif_selected_positions = 1; } else { send_notif_selected_positions = 0; } }); if (send_notif_selected_positions) { $('#chk_send_notification').prop('checked', true); } else { $('#chk_send_notification').prop('checked', false); } } } }); }); $('#videos_view_more').on('click', function() { video_display_limit = video_display_limit + video_display_limit_const; refreshVideoList(); }); $("#position-filter").select2({ // tags:true, minimumResultsForSearch: -1, placeholder: "Select position", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/user.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_positions', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); }); </script>��common/script/ticket_list.php��0000644��00000035532�15024776124�0012407 0��ustar�00��<script> // DROPZONE START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument try{ var previewNode = document.querySelector("#ticket_template") previewNode.id = "" var previewTemplate = previewNode.parentNode.innerHTML previewNode.parentNode.removeChild(previewNode) // $valid_ext_doc = array('pdf','doc','docx','txt','html','htm','ppt','pptx','xls','csv','xlsx'); // $valid_ext_img = array('png','jpeg','jpg'); // $valid_ext_vid = array('mp4','mkv','mov','avi','wmv'); var myDropzone = new Dropzone("#ticket_modal", { removedfile: function(file) { // alert(file.id) if (!isEmpty(file.id)) { remove_ticket_attachment_mock_files.push(file.id); } // console.log(remove_ticket_attachment_mock_files) var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, 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: previewTemplate, autoQueue: false, // Make sure the files aren't queued until manually added previewsContainer: "#ticket_previews", // Define the container to display the previews clickable: ".fileinput-button" // Define the element that should be used as click trigger to select files. }); myDropzone.on('success', function(file, result) { try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var uploaded_ticket_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name } uploaded_ticket_attachments_arr.push(uploaded_ticket_attachments_obj); // console.log(uploaded_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_ticket_attachments_has_error) { uploaded_ticket_attachments_has_error = true; uploaded_ticket_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (myDropzone.getQueuedFiles().length === 0 && myDropzone.getUploadingFiles().length === 0) { // console.log(uploaded_ticket_attachments_arr) if (uploaded_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_ticket_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // myDropzone.removeAllFiles(true); createTicket(); } uploaded_ticket_attachments_has_error = false; uploaded_ticket_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); }catch(e){ } function startUpload() { if (myDropzone.getAcceptedFiles().length < 1) { createTicket(); } for (var i = 0; i < myDropzone.getAcceptedFiles().length; i++) { myDropzone.processFile(myDropzone.getAcceptedFiles()[i]); } } // DROPZONE END // 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_info_modal", { 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 { ticketReplyDropzone.removeAllFiles(true); createReplyTicket(); } uploaded_reply_ticket_attachments_has_error = false; uploaded_reply_ticket_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); }catch(e){ // console.log(e); } function exportPdf() { $('.ticket-col').toggleClass('hide-sm'); $('#table_tickets').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Tickets_'+Date.now(), type: 'pdf', jspdf: { orientation: 'p', margins: { left: 10, right: 10, top: 40, bottom: 20 }, autotable: { startY: false, startX: 10, showHeader: 'firstPage', margin: { top: 10 }, bodyStyles: { valign: "top" }, theme: "striped", tableExport: {onAfterAutotable: function(){ $('.ticket-col').toggleClass('hide-sm'); }}, beforePageContent: function(data) { //console.log(data.settings.tableExport.doc);return; var doc = data.settings.tableExport.doc; // Internal jspdf instance console.log(doc.getFontList()); doc.setFont('helvetica', 'normal'); doc.setFontSize(12); doc.text('Tickets', data.settings.margin.top - 30, 20); doc.setFont('helvetica', 'normal'); doc.setFontSize(10); doc.text(moment().format('MMMM DD, YYYY'), data.settings.margin.top-30, 32); var str = "Page " + doc.internal.getNumberOfPages(); //+ ' - ' + 'Sample 3'; doc.setFont('Times', 'normal'); doc.setFontSize(10); // jsPDF 1.4+ uses getWidth, <1.4 uses .width var pageSize = doc.internal.pageSize; var pageHeight = pageSize.height ? pageSize.height : pageSize.getHeight(); doc.text(str, data.settings.margin.left, pageHeight - 10); }, styles: { overflow: 'linebreak', fontSize: 8, overflowColumns: 'linebreak' } } } }); } function exportXlsx() { $('#table_tickets').tableExport({ onCellHtmlData: DoOnCellHtmlData, // ignoreColumn: [9,10], fileName: 'Tickets_'+Date.now(), type: 'xlsx' }); } //Processing export content, this method can customize the content of a row, column, or even cell, that is, set its value to what you want. function DoOnCellHtmlData(cell, row, col, data) { if(col == '9' ){ //action col return false; } // if ((col == '8' \|\| col == '10') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // var spanObj2 = $(spanObj[0].innerHTML); // var title = spanObj2.attr( // "title"); //Read the value of title attribute in <span title="val"</span>. // if (typeof(title) != 'undefined') { // return title; // } // }else if((col == '9') && parseInt(row) > 0) { // var spanObj = $(data); //Convert a string labeled <span title="val"> </span> to a jQuery object // return spanObj[1].innerText; // }else { return data; // } } function DoCellData(cell, row, col, data) { } function DoBeforeAutotable(table, headers, rows, AutotableSettings) {} $(function() { // initLightBox(); // refreshTicketTable() initTicketList() refreshTicketTableSilent(); ticketTableCellClickEvt(); hideTicketTypes(); btnNewTicketEvt(); filterEvt(); initDateRangePicker(); resetDateRangePicker(); initFilterCategory(); initFilterFinalStatus(); initFilterStatus(); initFilterPriority(); initTicketSearchEvt(); initSelect2Element(); initSelect2UnselectElement(); modelVariantEvt(); ticketSubjectEvt(); ticketSearchEvt(); addSelectChangeEvt(); saveTicketEvt(); ticketInformationEvt(); classifiedTicketsEvt(); if(json_notification){ // fetch notification information var notification_obj = JSON.parse(json_notification); selected_ticket_data = notification_obj[0]; var to_user_id = notification_obj[1]; $('#ticket_info_modal').modal('show'); // mark notif as read updateNotificationMarkAsRead(selected_ticket_data,to_user_id); } if(param_brand){ var newState = new Option(param_brand, param_brand, true, true); // Append it to the select $("#brand-filter").append(newState).trigger('change'); refreshTicketTableSilent(); } // $('.menu-item-has-children .menu-item-has-children a').on("click", function(e){ // $(this).next('ul').toggle(); // e.stopPropagation(); // e.preventDefault(); // }); $('.dropdown-submenu a.children').on("click", function(e) { var $current_el = $(this); $(".dropdown-submenu a.children").each(function() { var $el = $(this); if ($current_el[0] != $el[0]) { $el.next('ul').hide(); } }); $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); $('#kb_search_view_more').on('click', function() { kb_display_limit = kb_display_limit + kb_display_limit_const; read_related_kb_tickets(); }); $('#ticket_export_pdf').on("click", function(e) { exportPdf(); }); }); </script>��common/script/function.php��0000644��00000121555�15024776124�0011717 0��ustar�00��<script> $(document).ready(function() { $('.no-sp-ch').on('input', function() { //no special character var c = this.selectionStart, r = /[^a-z0-9]/gi, v = $(this).val(); if (r.test(v)) { $(this).val(v.replace(r, '')); c--; } this.setSelectionRange(c, c); }); $('.uppercase').on('input', function() { this.value = this.value.toUpperCase(); }); init_toastr(); defaultFunctions(); $('.am-toggle-left-sidebar').trigger("click"); }); function testf() { alert('test aler') } function init_toastr() { toastr.options = { "closeButton": true, "debug": false, "progressBar": true, "positionClass": "toast-top-right", "showDuration": "300", "hideDuration": "1000", "timeOut": "3000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; } function isEmpty(string) { // alert(string) var flag = false; try { if (string == null) { flag = true; } else if (typeof string === 'undefined') { flag = true; } else if (string.trim() == '') { flag = true; } } catch (err) { console.log(err); flag = true; } return flag; } function generate_json(attribute, $element) { var /* Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute(attribute) == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = {}; } else { / Set the value of the input to the referred object. / if (this.getAttribute(attribute) == "true") { if (isEmpty($(this).val())) { ref[id] = ''; } else { ref[id] = $(this).val().trim(); } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } function check_if_empty_field($element, msg) { if (isEmpty($element.val())) { $element.focus(); toastr.remove(); toastr.error(msg); return true; } else { return false; } } function resetElementForm($el) { $el .find("input,textarea,select") .val('') .trigger('change') .end() .find("input[type=checkbox], input[type=radio]") .prop("checked", "") .end(); } function delay(callback, ms) { var timer = 0; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { callback.apply(context, args); }, ms \|\| 0); }; } function defaultFunctions() { initToolTip() } function initToolTip() { $('.tooltip-me').bstooltip(); $('.tooltip-me').on('click', function() { // $(this).bstooltip('hide') }) } function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } // function getRandomColor() { // var letters = 'BE26'.split(''); // var color = '#'; // for (var i = 0; i < 6; i++ ) { // color += letters[Math.floor(Math.random() letters.length)]; // } // return color; // } function getRandomColor() { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } function filterEvt() { $(document).on('click', '.ticket-filter-final-status,.ticket-more-filter,.ticket-filter-category,.ticket-filter-status,.ticket-filter-priority', function(e) { e.stopPropagation(); }); } function initSelect2Element() { $("#brand,#brand-filter").select2({ // tags:true, minimumResultsForSearch: -1, placeholder: "Select brand", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/brand.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_brands', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $("#section-filter").select2({ // tags:true, minimumResultsForSearch: -1, placeholder: "Select section", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/ticket.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_sections', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $("#category").select2({ // tags:true, placeholder: "Select category", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/ticket.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_sub_categories', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $("#section").select2({ // tags:true, placeholder: "Select section", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/ticket.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_sections', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $("#priority_level").select2({ // tags:true, minimumResultsForSearch: -1, placeholder: "Select priority", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/ticket.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_priority_level', search: data.term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#model').select2({ placeholder: "Select brand first", minimumResultsForSearch: -1 }); $('#model-filter').select2({ placeholder: "Select model", minimumResultsForSearch: -1, escapeMarkup: function(markup) { return markup; }, language: { noResults: function(params) { return "Select brand first"; } } }); } function loadTicketFilterCategory() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_sub_categories', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) $.each(result, function(i, n) { // console.log(n.text) // $.each(n,function(j,m){ $('.ticket-filter-category').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n.text + `</span></li>`); // }) }); }, error: function() {} }); } function loadTicketFilterFinalStatus() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_status', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) $.each(result, function(i, n) { // console.log(n.text) // $.each(n,function(j,m){ $('.ticket-filter-final-status').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n.text + `</span></li>`); // }) }); // $('.ticket-filter-final-status').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">Escalated (Solve)</span></li>`); }, error: function() {} }); } function loadTicketFilterStatus() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_status', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) $.each(result, function(i, n) { // console.log(n.text) // $.each(n,function(j,m){ $('.ticket-filter-status').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n.text + `</span></li>`); // }) }); }, error: function() {} }); } function loadTicketFilterPriority() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_priority_level', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) $.each(result, function(i, n) { // console.log(n.text) // $.each(n,function(j,m){ $('.ticket-filter-priority').append(`<li class="dropdown-item cursor-pointer py-0"><span class="text-sm">` + n.text + `</span></li>`); // }) }); }, error: function() {} }); } function hideTicketTypes() { $('.type_vehicle').hide(); } function addSelectChangeEvt() { $('#category').on('change', function(e) { var sub_category = $('#category').val(); $.ajax({ url: "app/models/ticket.php", data: { model: 'read_category_id_by_sub_category_name', sub_category: sub_category }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_ticket_save').prop( 'disabled', true); hideTicketTypes(); }, success: function(result) { $('#btn_ticket_save').prop( 'disabled', false); if (parseInt(result.show_vehicle) === 1) { $('.type_vehicle').show(); } }, error: function() { $('#btn_ticket_save').prop( 'disabled', false); } }); }); $('#brand').on('change', function(e) { var brand_name = $('#brand').val(); $("#model").val(''); $("#model").select2('destroy').select2({ // tags:true, placeholder: "Select model", allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/model.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_models', brand_name: brand_name, search: data .term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); }); $('#brand-filter').on('change', function(e) { var brand_name = $('#brand-filter').val(); $("#model-filter").val(''); $("#model-filter").select2('destroy').select2({ // tags:true, placeholder: "Select model", minimumResultsForSearch: -1, allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/model.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_models', brand_name: brand_name, search: data .term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); }); } function modelVariantEvt() { var xhr = null; $('#model_variant').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/model.php', { data: { 'search': qry, 'vehicle_model': $("#model").val(), 'model': 'read_model_variants' } } ).done(function(res) { results = JSON.parse(res) callback(results.data) }); } } }); $('#model_variant').on('autocomplete.select', function(evt, item) { $("#model_variant_id").val(item.id); var newBrandState = new Option(item.brand, item.brand, true, true); // Append it to the select $("#brand").append(newBrandState).trigger('change'); var newModelState = new Option(item.model, item.model, true, true); // Append it to the select $("#model").append(newModelState).trigger('change'); }); $("#model_variant").on("keyup change", function(e) { $("#model_variant_id").val(''); }) } function readKBInformation() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_information', knowledgebase_id: selected_kb_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { var has_vehicle_info = false; if (parseInt(result.show_vehicle) === 1) { $('.type_vehicle_reply_modal').show(); } else { $('.type_vehicle_reply_modal').hide(); } $.each(result, function(i, n) { if (i.startsWith('lbl_v_')) { if (!isEmpty(n)) { has_vehicle_info = true; } } if (i == "lbl_kb_description") { $("#" + i).html(n); } else { $("#" + i).text(n); $("#" + i + "_2").text(n); } if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } }); if (has_vehicle_info) { $('.has_vehicle_info').show(); } else { $('.has_vehicle_info').hide(); } }, error: function() {} }); } function updateNotificationMarkAsRead(target_id, to_user_id) { $.ajax({ url: "app/models/user.php", data: { model: 'update_notification_status', target_id: target_id, to_user_id: to_user_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { read_user_notification_count(); }, error: function() {} }); } function close_notification(target_id) { $.ajax({ url: "app/models/user.php", data: { model: 'update_notification_status_close', target_id: target_id }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { read_user_notification_count(); }, error: function() {} }); } function readKBAttachments() { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_knowledgebase_attachments', knowledgebase_id: selected_kb_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#kb_attachment').html('') }, success: function(result) { $.each(result, function(i, n) { var dl_hover = ` <div class="hover "> <button type="button" onClick="downloadTicketAttachment('` + n.change_name + `','3')" title="Download" class="tooltip-me btn btn-icon btn-primary"> <i class="fa fa-download"></i> </button> </div>`; var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") var href_uri = `href="javascript:void(0);"`; switch (fileExt) { case 'png': case 'jpg': case 'jpeg': href_uri = ` data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@` + `3"`; dl_hover = ""; break; case 'pdf': href_uri = `target="_blank" href="pdf/pdf.php?token=` + filename + `@` + `3"`; dl_hover = ""; break; default: } $('#kb_attachment').append(` <div class="col-lg-3 col-md-4 col-sm-12 pb-3"> <div class="card h-100"> <div class="file" > <a ` + href_uri + `> ` + dl_hover + ` <div class="icon p-0"> ` + n.icon + ` </div> <div class="file-name"> <p class="m-b-5 text-muted">` + n.original_name + `</p> <small>Size: ` + n.size + ` <span class="date text-muted">` + n.date + `</span></small> </div> </a> </div> </div> </div> `); }); if (result.length == 0) { $('#kb_attachment').html('<div class="col-12 text-center"><span class="text-center">No attachment</span></div>') } else { defaultFunctions(); } }, error: function() {} }); } function viewKBInfo(source, id) { selected_kb_data = id; var source = source; switch (source) { case '1': $('#kb_view_modal').modal('show'); break; case '2': $('#kb_view_ticket_modal').modal('show'); break; } } function kbTicketInformationEvt() { $('#kb_view_ticket_modal').on('shown.bs.modal', function(e) { $('#kb-view-ticket-info-modal-tab li a').removeClass('active') $('#kb-view-ticket-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#kb-view-ticket-info-modal-tab-information').addClass('active') $('#kb-view-ticket-info-modal-tab-information-sec').addClass('active').addClass('show') $("[kb-view-ticket-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readKBTicketInformation(); readTicketAttachments(); defaultTicketReplies(); }) $('#ticket_replies_view_more').on('click', function() { ticket_replies_display_limit = ticket_replies_display_limit + ticket_replies_display_limit_const; readTicketReplies(); }); } function auto_grow(element) { element.style.height = "5px"; element.style.height = (element.scrollHeight) + "px"; } function readKBTicketInformation() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_information', ticket_id: selected_kb_data }, type: "POST", dataType: 'json', beforeSend: function() {}, 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 { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } } }); }, error: function() {} }); } function readTicketAttachments() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_attachments', ticket_id: selected_kb_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#kb_ticket_attachment').html('') }, success: function(result) { $.each(result, function(i, n) { var dl_hover = ` <div class="hover "> <button type="button" onClick="downloadTicketAttachment('` + n.change_name + `','1')" title="Download" class="tooltip-me btn btn-icon btn-primary"> <i class="fa fa-download"></i> </button> </div>`; var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") var href_uri = `href="javascript:void(0);"`; switch (fileExt) { case 'png': case 'jpg': case 'jpeg': href_uri = ` data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@` + `1"`; dl_hover = ""; break; case 'pdf': href_uri = `target="_blank" href="pdf/pdf.php?token=` + filename + `@` + `1"`; dl_hover = ""; break; default: } $('#kb_ticket_attachment').append(` <div class="col-lg-3 col-md-4 col-sm-12 pb-3"> <div class="card h-100"> <div class="file" > <a ` + href_uri + `> ` + dl_hover + ` <div class="icon p-0"> ` + n.icon + ` </div> <div class="file-name"> <p class="m-b-5 text-muted">` + n.original_name + `</p> <small>Size: ` + n.size + ` <span class="date text-muted">` + n.date + `</span></small> </div> </a> </div> </div> </div> `); }); if (result.length == 0) { $('#kb_ticket_attachment').html('<div class="col-12 text-center"><span class="text-center">No attachment</span></div>') } else { defaultFunctions(); } }, error: function() {} }); } function defaultTicketReplies() { ticket_replies_display_limit = ticket_replies_display_limit_const; ticket_replies_display_count = 0; $('#ticket_replies').html('') readTicketReplies(); } function readTicketReplies() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_replies', ticket_id: selected_kb_data, order: 'asc', offset: ticket_replies_display_limit - ticket_replies_display_limit_const, limit: ticket_replies_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { // $('#ticket_replies').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { var content_description = isEmpty(n.description) ? '' : n.description; var this_reply_attachment_count = 0; var reply_attachments = ``; $.each(result['attachments'], function(j, m) { if (n.id == m.reply_id) { var fileExt = m.attachment_name.split('.').pop(); var filename = m.attachment_name.replace(/\.[^/.]+$/, "") switch (fileExt) { case 'png': case 'jpg': case 'jpeg': reply_attachments = reply_attachments + `<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@1" > <u><span>` + m.original_name + `</span></u> </a><br>`; break; case 'pdf': reply_attachments = reply_attachments + `<a target="_blank" href="pdf/pdf.php?token=` + filename + `@1" > <u><span>` + m.original_name + `</span></u> </a><br>`; break; default: reply_attachments = reply_attachments + `<a href="javascript:void(0);" onClick="downloadTicketAttachment('` + m.attachment_name + `','2')"> <u><span>` + m.original_name + `</span></u> </a><br>`; } this_reply_attachment_count++; } }); var hide_attachment_area = (this_reply_attachment_count > 0) ? '' : 'hidden'; // var final_status_msg = (isEmpty(n.final_status_id) ? (isEmpty(n.reopen_ticket_id) ? '' : 'Reopen the ticket.') : 'Closed the ticket.') ; var final_status_msg = (isEmpty(n.final_status_id) ? (isEmpty(n.reopen_ticket_id) ? '' : 'Reopen the ticket.') : (isEmpty(n.escalated_ticket_id) ? 'Closed the ticket.' : 'Closed, solve in plant.')); $('#ticket_replies').append(` <li> <a href="javascript:void(0);"> <img class="contacts-list-img" src="dist/img/profile.png" alt="User Avatar"> <div class="contacts-list-info"> <div class="pl-1 row"> <div class="col-lg-6 col-sm-12"> <span class="contacts-list-name text-dark"> ` + n.user + `<small class="text-primary">` + n.creator + `</small> <small class="text-primary text-muted font-italic">` + final_status_msg + `</small> </span> </div> <div class="col-lg-6 col-sm-12"> <small class="contacts-list-date pt-1 float-lg-right text-dark">` + n.date_added + `</small> <!-- <br> <small class="text-danger float-lg-right" remove-ticket-reply="` + n.id + `" ><u>` + n.remove + `</u></small> --> </div> </div> <div class="col pl-1"> <span class="contacts-list-msg text-dark">` + content_description + `</span> </div> <div class="pl-1 pt-2 reply-attachment" ` + hide_attachment_area + `> <span class="text-dark font-weight-normal">Attachment(s):</span><br> ` + reply_attachments + ` </div> </div> <!-- /.contacts-list-info --> </a> </li> <!-- End Contact Item --> `); ticket_replies_display_count++; }); // add ticket reply remove listner $("[remove-ticket-reply]").each(function() { $(this).off('click').on('click', function() { var ticket_reply_id = $(this).attr('remove-ticket-reply'); // SWAL Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this reply?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'delete_ticket_reply', ticket_reply_id: ticket_reply_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info('Removing reply...') }, success: function(result) { toastr.remove(); toastr.success(result.message); $('#ticket_replies').html('') readTicketReplies(); }, error: function() {} }); } else if (result.isDenied) {} else {} }) // SWAL }); }); if (result['rows'].length == 0) { $('#view_more_replies').addClass('hideEl'); } else { $('#view_more_replies').removeClass('hideEl'); } if (ticket_replies_display_count == 0) { $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') } else if (ticket_replies_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more replies.") } }, error: function() {} }); } function downloadTicketAttachment(file, src) { var fileExt = file.split('.').pop(); var filename = file.replace(/\.[^/.]+$/, "") switch (fileExt) { case 'pdf': var url = "pdf/pdf.php?token=" + filename + "@" + src; window.open(url, '_blank').focus(); return; case 'png': case 'jpg': case 'jpeg': var url = "viewer/image.php?token=" + filename + "@" + src; window.open(url, '_blank').focus(); return; default: var url = "download.php?src=" + src + "&file=" + file; window.open(url, '_blank').focus(); } } function viewTicketAttachment(file, name) { var re = /(?:\.([^.]+))?$/; var ext = re.exec(file)[1]; switch (ext) { case "jpg": case "jpeg": case "png": break; default: // toastr.remove(); // toastr.info("This file can't open online, download the file instead."); } } function kbAutoComplete() { var xhr = null; $('#search_by,#ticket-search').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/knowledgebase.php', { data: { 'search': qry, offset: 0, limit: 10, 'model': 'read_knowledgebase_list_autocomplete' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#search_by,#ticket-search').on('autocomplete.select', function(evt, item) { // $("#title_id").val(item.id); try { refreshKBTableSilent(); } catch (e) { console.log(e.message); } }); } </script>��common/script/script.php��0000644��00000003613�15024776124�0011370 0��ustar�00��<!-- REQUIRED SCRIPTS --> <!-- jQuery --> <script src="plugins/jquery/jquery.min.js"></script> <script src="plugins/jquery-ui/jquery-ui.min.js"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button) </script> <!-- Popper --> <script src="plugins/popper/umd/popper.min.js"></script> <!-- Bootstrap --> <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- overlayScrollbars --> <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script> <!-- AdminLTE App --> <script src="dist/js/adminlte.js"></script> <script src="node_modules/js-cookie/dist/js.cookie.min.js"></script> <script type="text/javascript"> $.fn.extend({ insertAtCaret: function(myValue) { this.each(function() { if (document.selection) { this.focus(); var sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if (this.selectionStart \|\| this.selectionStart == '0') { var startPos = this.selectionStart; var endPos = this.selectionEnd; var scrollTop = this.scrollTop; this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length); this.focus(); this.selectionStart = startPos + myValue.length; this.selectionEnd = startPos + myValue.length; this.scrollTop = scrollTop; } else { this.value += myValue; this.focus(); } }); return this; } }); var bootstrapTooltip = $.fn.tooltip.noConflict(); $.fn.bstooltip = bootstrapTooltip; </script>��common/script/others.php��0000644��00000003237�15024776124�0011372 0��ustar�00�� <!-- PAGE PLUGINS --> <!-- jQuery Mapael --> <script src="plugins/jquery-mousewheel/jquery.mousewheel.js"></script> <script src="plugins/raphael/raphael.min.js"></script> <script src="plugins/jquery-mapael/jquery.mapael.min.js"></script> <script src="plugins/jquery-mapael/maps/usa_states.min.js"></script> <!-- ChartJS --> <script src="plugins/chart.js/Chart.min.js"></script> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- BTAble --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <!-- SweetAlert2 --> <script src="plugins/sweetalert2/sweetalert2.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.min.js"></script> <!-- AutoCommplete --> <script src="dist/js/bootstrap-autocomplete/bootstrap-autocomplete.min.js"></script> <!-- InputMask --> <script src="plugins/moment/moment.min.js"></script> <script src="plugins/inputmask/jquery.inputmask.min.js"></script> <!-- Tempusdominus Bootstrap 4 --> <script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script> <!-- Summernote --> <script src="plugins/summernote/summernote-bs4.min.js"></script> ��common/script/ticket_list_functions.php��0000644��00000210504�15024776124�0014471 0��ustar�00��<script> // alert(owned_ticket_only) var selected_ticket_data = 0; var is_new_ticket = 0; var ticket_json_data = ""; var uploaded_ticket_attachments_arr = []; var uploaded_ticket_attachments_has_error = false; var uploaded_ticket_attachments_error_msg; var remove_ticket_attachment_mock_files = []; var reply_ticket_json_data = ""; var uploaded_reply_ticket_attachments_arr = []; var uploaded_reply_ticket_attachments_has_error = false; var uploaded_reply_ticket_attachments_error_msg; var ticket_selected_filters = "[]"; var ticket_selected_filters_priority = "[]"; var ticket_selected_filters_category = "[]"; var ticket_selected_filters_final_status = "[]"; // Ticket Replies var ticket_replies_display_limit_const = 5; var ticket_replies_display_limit = ticket_replies_display_limit_const; var ticket_replies_display_count = 0; var selected_kb_data = 0; var kb_display_limit_const = 5; var kb_display_limit = kb_display_limit_const; var kb_display_count = 0; // Ticket activity var ticket_activities_display_limit_const = 5; var ticket_activities_display_limit = ticket_activities_display_limit_const; var ticket_activities_display_count = 0; Dropzone.autoDiscover = false; function startReplyTicketUpload() { if (ticketReplyDropzone.getAcceptedFiles().length < 1) { // createReplyTicket(); createReplyTicketV2(); return false; } for (var i = 0; i < ticketReplyDropzone.getAcceptedFiles().length; i++) { ticketReplyDropzone.processFile(ticketReplyDropzone.getAcceptedFiles()[i]); } } function ticketActionFormatter(value, row, index) { return "<span id='update_ticket_" + row.id + "' update-ticket-action='" + row.id + "' class='border-primary text-primary border-bottom'>Update</span>" } function removeTicketFormatter(value, row, index) { // return '<span class="font-weight-bold"><i class="fa fa-times text-danger text-lg cursor-pointer" aria-hidden="true"></i></span>'; return '<span class="font-weight-bold"><i class="fas fa-trash text-danger text-md cursor-pointer"></i></span>'; } function ticketTitleFormatter(value, row, index) { var color = "badge-primary"; if(row.status == 'In Progress'){ color = "badge-warning"; }else if(row.status == 'On Hold'){ color = "badge-danger"; }else if(row.status == 'Close'){ color = "badge-success"; }else if(row.status == 'Escalated (In Progress)' \|\| row.status == 'Escalated (Close)'){ color = "badge-secondary"; }else if(row.status == 'Close (Solve Escalated)'){ color = "badge-info"; } return "<span style='font-size:15px;' class='font-weight-bold'>"+value+"</span><br><span style='font-size:12px; border-radius: 0.0rem;' class='badge "+color+"'>"+row.status+"</span>"; } function ticketStatusFormatter(value, row, index) { if (row.final_status_id == '1') { return "<span class='text-success font-weight-bold'>" + value + "<span>"; } if (row.final_status_id == '2') { return "<span class='text-danger font-weight-bold'>" + value + "<span>"; } return "<span class='text-primary font-weight-bold'>" + value + "<span>";; // return "<span id='update_ticket_" + row.id + "' update-ticket-action='" + row.id + "' class='border-primary text-primary border-bottom'>Update</span>" } function createReplyTicketV2() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket_reply_v2', json_data: reply_ticket_json_data, attachments: JSON.stringify(uploaded_reply_ticket_attachments_arr), ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#reply_ticket_send_btn').prop( 'disabled', true); toastr.remove(); toastr.info("Sending response..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; //reset readTicketRepliesV2(); readTicketInformationData(); ticketReplyDropzone.removeAllFiles(true); $('#ticket_reply').val(''); uploaded_reply_ticket_attachments_has_error = false; uploaded_reply_ticket_attachments_arr = []; resetTicketActivities(); toastr.remove(); toastr.success(result.message); } else { toastr.remove(); toastr.error(result.message); } $('#reply_ticket_send_btn').prop( 'disabled', false); }, error: function() { $('#reply_ticket_send_btn').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function createReplyTicket() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket_reply', json_data: reply_ticket_json_data, attachments: JSON.stringify(uploaded_reply_ticket_attachments_arr), ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#reply_ticket_send_btn').prop( 'disabled', true); toastr.remove(); toastr.info("Sending response..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; createReplyTicketDone(result.message) } else { $('#reply_ticket_send_btn').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#reply_ticket_send_btn').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function showReopenTicket() { $('.ticket-reopen-status').show(); // hide close, resolve, unresolve option $('.ticket-final-status').hide(); // $('#reply_ticket_send_btn').removeClass('mt-3') } function showCloseTicket() { $('.ticket-reopen-status').hide(); $('.ticket-escalated-status').hide(); // show close, resolve, unresolve option $('.ticket-final-status').show(); // $('#reply_ticket_send_btn').addClass('mt-3') } function showEscalatedTicket(){ $('.ticket-escalated-status').show(); } function resetTicketInfoChk() { $('#ticket_reply').val(''); $('#txt_final_status').val(''); $('#chk_resolve_ticket').prop('checked', false); $('#chk_unresolve_ticket').prop('checked', false); $('#chk_reopen_ticket').val(''); $('#chk_reopen_ticket').prop('checked', false); $('#chk_escalated_solve_ticket').val(''); $('#chk_escalated_solve_ticket').prop('checked', false); } function createReplyTicketDone(message) { toastr.remove(); toastr.success(message); // var $el = $('#ticket_info_modal'); // resetElementForm($el); $('#ticket_reply').val(''); $('#chk_close_ticket').val('2'); $('#chk_close_ticket').prop('checked', false); if (!isEmpty($('#chk_reopen_ticket').val()) && isEmpty($('#txt_final_status').val())) { showCloseTicket(); } else if (isEmpty($('#chk_reopen_ticket').val()) && !isEmpty($('#txt_final_status').val())) { showReopenTicket(); } else { // No changes in status // $('.ticket-reopen-status').hide(); // $('.ticket-final-status').hide(); } if($('#chk_unresolve_ticket').is(":checked")){ showEscalatedTicket(); } if($('#chk_escalated_solve_ticket').is(":checked")){ $('.ticket-escalated-status').hide(); } resetTicketInfoChk(); // $('#ticket_info_modal').modal( // 'hide'); $('#reply_ticket_send_btn').prop( 'disabled', false); defaultTicketReplies(); refreshTicketTableSilent(); } // DROPZONE 2 END function refreshTicketTable() { initTicketList(); var $table = $('#table_tickets') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/ticket.php' }); }) } function refreshTicketTableSilent() { var $table = $('#table_tickets') $(function() { try { $table.bootstrapTable('refresh', { url: 'app/models/ticket.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initTicketList() { var $table = $('#table_tickets'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { initTicketActionColVisibility(); initTicketActionEvent(); }, exportOptions: { fileName: function() { return 'titile' } } }); } function initTicketActionEvent() { $("[update-ticket-action]").each(function() { $(this).on('click', function() { // var ticket_id = $(this).attr("update-ticket-action"); removeSelectChangeEvt(); is_new_ticket = 0; resetTicketModal(); // myDropzone.removeAllFiles(true); // fetch selected ticket $('#ticket_modal').modal('show'); setTimeout(function() { initTicketData(); }, 100) }); }); } function initTicketData() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_data', ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { addSelectChangeEvt(); remove_ticket_attachment_mock_files = []; $.each(result.rows, function(i, n) { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') var newState = new Option(n, n, true, true); // Append it to the select $("#" + i).append(newState).trigger('change'); }); $.each(result.attachments, function(key, value) { var mockFile = { id: value.id, name: value.original_name, size: value.unreadable_size }; myDropzone.emit("addedfile", mockFile); myDropzone.emit("complete", mockFile); myDropzone.files.push(mockFile); // here you add them into the files array }); // delete ticket_attachment_mock_files[57]; }, error: function() {} }); } function initTicketActionColVisibility() { if (owned_ticket_only) { // $('.action-formatter-th').show() $('.action-formatter-th').hide() } else { $('.action-formatter-th').hide() } if (remove_access) { $('.remove-formatter-th').show() } else { $('.remove-formatter-th').hide() } } function ticketsQueryParams(params) { var start = $('#filter-date').data('daterangepicker').startDate; var end = $('#filter-date').data('daterangepicker').endDate; var start_date = start.format('YYYY-MM-DD'); var end_date = end.format('YYYY-MM-DD'); return { search: $('#ticket-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, filter_status: ticket_selected_filters_final_status, filter_category: ticket_selected_filters_category, filter_priority: ticket_selected_filters_priority, filter_brand: $('#brand-filter').val(), filter_model: $('#model-filter').val(), start_date: start_date, end_date: end_date, owned_ticket_only: owned_ticket_only, model: 'read_ticket_list', }; } function resetTicketModal() { var $el = $('#ticket_modal'); resetElementForm($el); myDropzone.removeAllFiles(true); // $('.select2bs4').val('').trigger('change'); } function createTicketDone(message) { toastr.remove(); toastr.success(message); resetTicketModal(); $('#ticket_modal').modal( 'hide'); $('#kb_suggestion_modal').modal( 'hide'); $('#btn_ticket_save').prop( 'disabled', false); $('#btn_ticket_save_2').prop( 'disabled', false); refreshTicketTableSilent(); } function createTicket() { // console.log(remove_ticket_attachment_mock_files); return $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket', json_data: ticket_json_data, attachments: JSON.stringify(uploaded_ticket_attachments_arr), is_new_ticket: is_new_ticket, ticket_id: selected_ticket_data, remove_attachments: JSON.stringify(remove_ticket_attachment_mock_files) }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_ticket_save').prop( 'disabled', true); $('#btn_ticket_save_2').prop( 'disabled', true); toastr.remove(); toastr.info("Creating ticket..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; createTicketDone(result.message) } else { $('#btn_ticket_save').prop( 'disabled', false); $('#btn_ticket_save_2').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_ticket_save').prop( 'disabled', false); $('#btn_ticket_save_2').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function resetDateRangePicker() { // daterangepicker_filter = false; var start = isEmpty(param_start) ? moment().startOf('year') : moment(param_start); var end = isEmpty(param_end) ? moment().endOf('year') : moment(param_end); // moment().startOf('month'), moment().endOf('month') $("#filter-date").data('daterangepicker').setStartDate(start); $("#filter-date").data('daterangepicker').setEndDate(end); // $('#filter-date').data('daterangepicker').chosenLabel = 'Disable'; $('#filter-date').data('daterangepicker').hideCalendars(); // $('.daterangepicker').css('width', 'auto'); // $('#filter-date span').html('Date Filter'); $('#filter-date span').html(start.format('M/D/YYYY') + ' to<br>' + end.format( 'M/D/YYYY')); } function readTicketInformation() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_information', ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { resetTicketInfoChk(); $('.type_vehicle_reply_modal').hide(); $('#reply_ticket_send_btn').prop( 'disabled', true); }, success: function(result) { if (result.ticket_type == '1') { $('#chk_classified').prop('checked', true); }else{ $('#chk_classified').prop('checked', false); } if (parseInt(result.show_vehicle) === 1) { $('.type_vehicle_reply_modal').show(); } // alert(result.category_id) if (parseInt(result.ticket_status_id) === 3) { $("#chk_close_ticket").val('3'); $('#chk_close_ticket').prop('checked', true); // show reopen ticket showReopenTicket(); if(result.ticket_final_status_id == '2' && isEmpty(result.escalated_ticket_id)){ showEscalatedTicket(); } } else { $("#chk_close_ticket").val('2'); $('#chk_close_ticket').prop('checked', false); // hide reopen ticket showCloseTicket(); } $.each(result, function(i, n) { if (i.startsWith("lbl_")) { if (i == "lbl_ticket_description") { $("#" + i).html(n); } else { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } } }); $('#reply_ticket_send_btn').prop( 'disabled', false); }, error: function() { $('#reply_ticket_send_btn').prop( 'disabled', false); } }); } function readTicketAttachments() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_attachments', ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#ticket_attachment').html('') }, success: function(result) { $.each(result, function(i, n) { var dl_hover = ` <div class="hover "> <button type="button" onClick="downloadTicketAttachment('` + n.change_name + `','1')" title="Download" class="tooltip-me btn btn-icon btn-primary"> <i class="fa fa-download"></i> </button> </div>`; var fileExt = n.change_name.split('.').pop(); var filename = n.change_name.replace(/\.[^/.]+$/, "") var href_uri = `href="javascript:void(0);"`; switch(fileExt){ case 'png': case 'jpg': case 'jpeg': // href_uri = `data-toggle="lightbox" href="dist/attachments/`+n.change_name+`"`; href_uri = ` data-type="image" data-toggle="lightbox" href="viewer/image.php?token=` + filename + `@` + `1"`; dl_hover = ""; break; case 'pdf': href_uri = `target="_blank" href="pdf/pdf.php?token=` + filename + `@` + `1"`; dl_hover = ""; break; default: } $('#ticket_attachment').append(` <div class="col-lg-3 col-md-4 col-sm-12 pb-3"> <div class="card h-100"> <div class="file" > <a `+href_uri+`> `+dl_hover+` <div class="icon p-0"> ` + n.icon + ` </div> <div class="file-name"> <p class="mb-0 text-muted">` + n.original_name + `</p> <small>Size: ` + n.size + ` <span class="date text-muted">` + n.date + `</span></small> </div> </a> </div> </div> </div> `); }); if (result.length == 0) { $('#ticket_attachment').html('<div class="col-12 text-center"><span class="text-center">No attachment</span></div>') } else { defaultFunctions(); } }, error: function() {} }); } // function downloadTicketAttachment(file, src) { // var fileExt = file.split('.').pop(); // alert(fileExt);return false; // var url = "download.php?src=" + src + "&file=" + file; // window.open(url, '_blank').focus(); // } // function viewTicketAttachment(file, name) { // var re = /(?:\.([^.]+))?$/; // var ext = re.exec(file)[1]; // switch (ext) { // case "jpg": // case "jpeg": // case "png": // break; // default: // // toastr.remove(); // // toastr.info("This file can't open online, download the file instead."); // } // } function readTicketReplies() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_replies', ticket_id: selected_ticket_data, order: 'desc', offset: ticket_replies_display_limit - ticket_replies_display_limit_const, limit: ticket_replies_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { // $('#ticket_replies').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { var content_description = isEmpty(n.description) ? '' : n.description; var this_reply_attachment_count = 0; var reply_attachments = ``; $.each(result['attachments'], function(j, m) { if (n.id == m.reply_id) { var fileExt = m.attachment_name.split('.').pop(); var filename = m.attachment_name.replace(/\.[^/.]+$/, "") switch(fileExt){ case 'png': case 'jpg': case 'jpeg': // reply_attachments = reply_attachments + `<a data-toggle="lightbox" href="dist/attachments/`+m.attachment_name+`" > // <u><span>` + m.original_name + `</span></u> // </a><br>`; reply_attachments = reply_attachments + `<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=`+ filename + `@1" > <u><span>` + m.original_name + `</span></u> </a><br>`; break; case 'pdf': reply_attachments = reply_attachments + `<a target="_blank" href="pdf/pdf.php?token=` + filename + `@1" > <u><span>` + m.original_name + `</span></u> </a><br>`; break; default: reply_attachments = reply_attachments + `<a href="javascript:void(0);" onClick="downloadTicketAttachment('` + m.attachment_name + `','2')"> <u><span>` + m.original_name + `</span></u> </a><br>`; } this_reply_attachment_count++; } }); var hide_attachment_area = (this_reply_attachment_count > 0) ? '' : 'hidden'; var final_status_msg = (isEmpty(n.final_status_id) ? (isEmpty(n.reopen_ticket_id) ? '' : 'Reopen the ticket.') : (isEmpty(n.escalated_ticket_id) ? 'Closed the ticket.' : 'Closed, solve in plant.')) ; var remove_reply = isEmpty(final_status_msg) ? `<br><small class="text-danger float-lg-right" remove-ticket-reply="` + n.id + `" ><u>` + n.remove + `</u></small>` : '' ; $('#ticket_replies').append(` <li> <a href="javascript:void(0);"> <img class="contacts-list-img" src="dist/img/profile.png" alt="User Avatar"> <div class="contacts-list-info"> <div class="pl-1 row"> <div class="col-lg-6 col-sm-12"> <span class="contacts-list-name text-dark"> ` + n.user + `<small class="text-primary">` + n.creator + `</small> <small class="text-primary text-muted font-italic">`+final_status_msg+`</small> </span> </div> <div class="col-lg-6 col-sm-12"> <small class="contacts-list-date pt-1 float-lg-right text-dark">` + n.date_added + `</small> `+remove_reply+` </div> </div> <div class="col pl-1"> <span class="contacts-list-msg text-dark">` + content_description + `</span> </div> <div class="pl-1 pt-2 reply-attachment" ` + hide_attachment_area + `> <span class="text-dark font-weight-normal">Attachment(s):</span><br> ` + reply_attachments + ` </div> </div> <!-- /.contacts-list-info --> </a> </li> <!-- End Contact Item --> `); ticket_replies_display_count++; }); // add ticket reply remove listner $("[remove-ticket-reply]").each(function() { $(this).off('click').on('click', function() { var ticket_reply_id = $(this).attr('remove-ticket-reply'); // SWAL Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this reply?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/ticket.php", data: { model: 'delete_ticket_reply', ticket_reply_id: ticket_reply_id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info('Removing reply...') }, success: function(result) { toastr.remove(); toastr.success(result.message); $('#ticket_replies').html('') readTicketReplies(); }, error: function() {} }); } else if (result.isDenied) {} else {} }) // SWAL }); }); if (result['rows'].length == 0) { $('#view_more_replies').addClass('hideEl'); } else { $('#view_more_replies').removeClass('hideEl'); } if (ticket_replies_display_count == 0) { $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') } else if (ticket_replies_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more replies.") } }, error: function() {} }); } function readTicketRepliesV2() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_replies_v2', ticket_id: selected_ticket_data, order: 'desc', offset: ticket_replies_display_limit - ticket_replies_display_limit_const, limit: ticket_replies_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#ticket_replies').html('') }, success: function(result) { if (result['rows'].length <= 0) { $('#ticket_replies').html(`<div class="col-12 text-center"><span class="text-center">No feedback</span></div>`) return false; } $.each(result['rows'], function(i, n) { var content_description = isEmpty(n.description) ? '' : n.description; var this_reply_attachment_count = 0; var reply_attachments = ``; $.each(result['attachments'], function(j, m) { if (n.id == m.reply_id) { var fileExt = m.attachment_name.split('.').pop(); var filename = m.attachment_name.replace(/\.[^/.]+$/, "") switch(fileExt){ case 'png': case 'jpg': case 'jpeg': reply_attachments = reply_attachments + `<a data-type="image" data-toggle="lightbox" href="viewer/image.php?token=`+ filename + `@1"> <u> <p class="text-sm p-0 m-0">`+ m.original_name + `</p> </u> </a>`; break; case 'pdf': reply_attachments = reply_attachments + `<a target="_blank" href="pdf/pdf.php?token=` + filename + `@1"> <u> <p class="text-sm p-0 m-0">` + m.original_name + `</p> </u> </a>`; break; default: reply_attachments = reply_attachments + `<a href="javascript:void(0);" onClick="downloadTicketAttachment('` + m.attachment_name + `','2')"> <u> <p class="text-sm p-0 m-0">` + m.original_name + `</p> </u> </a>`; } this_reply_attachment_count++; } }); var hide_attachment_area = (this_reply_attachment_count > 0) ? '' : 'hidden'; var final_status_msg = (isEmpty(n.final_status_id) ? (isEmpty(n.reopen_ticket_id) ? '' : 'Reopen the ticket.') : (isEmpty(n.escalated_ticket_id) ? 'Closed the ticket.' : 'Closed, solve in plant.')) ; var remove_reply = isEmpty(final_status_msg) ? `<br><small class="text-danger float-lg-right" remove-ticket-reply="` + n.id + `" ><u>` + n.remove + `</u></small>` : '' ; var default_chat_one = '' var default_chat_two = 'mr-5 ml-0 custom-left-border' if(n.reply_owner){ default_chat_one = 'right' default_chat_two = 'mr-0 ml-5 custom-right-border' } $('#ticket_replies').append(`<div class="direct-chat-msg `+default_chat_one+`"> <div class="direct-chat-textt `+default_chat_two+`"> <div class="direct-chat-infos clearfix"> <span class="direct-chat-name float-left"> ` + n.user + `</span> </div> ` + content_description + ` <div class="pl-1 pt-2 reply-attachment" ` + hide_attachment_area + `> <p class="text-dark text-sm font-weight-normal m-0 p-0">Attachment(s):</p> ` + reply_attachments + ` </div> <div class="direct-chat-infos clearfix mt-3"> <span class="float-left">Posted on </span> <span class="direct-chat-name float-left">` + n.date_added + `</span> </div> </div> </div>`) // $('#ticket_replies').append(` // <li> // <a href="javascript:void(0);"> // <img class="contacts-list-img" src="dist/img/profile.png" alt="User Avatar"> // <div class="contacts-list-info"> // <div class="pl-1 row"> // <div class="col-lg-6 col-sm-12"> // <span class="contacts-list-name text-dark"> // ` + n.user + `<small class="text-primary">` + n.creator + `</small> // <small class="text-primary text-muted font-italic">`+final_status_msg+`</small> // </span> // </div> // <div class="col-lg-6 col-sm-12"> // <small class="contacts-list-date pt-1 float-lg-right text-dark">` + n.date_added + `</small> // `+remove_reply+` // </div> // </div> // <div class="col pl-1"> // <span class="contacts-list-msg text-dark">` + content_description + `</span> // </div> // <div class="pl-1 pt-2 reply-attachment" ` + hide_attachment_area + `> // <span class="text-dark font-weight-normal">Attachment(s):</span><br> // ` + reply_attachments + ` // </div> // </div> // <!-- /.contacts-list-info --> // </a> // </li> // <!-- End Contact Item --> // `); ticket_replies_display_count++; }); // add ticket reply remove listner // $("[remove-ticket-reply]").each(function() { // $(this).off('click').on('click', function() { // var ticket_reply_id = $(this).attr('remove-ticket-reply'); // // SWAL // Swal.fire({ // icon: 'warning', // html: 'Are you sure you want to remove this reply?', // showDenyButton: false, // showCancelButton: true, // confirmButtonText: `Yes`, // cancelButtonText: `No`, // denyButtonText: `Don't Confirm`, // showClass: { // backdrop: 'swal2-noanimation', // disable backdrop animation // popup: '', // disable popup animation // icon: '' // disable icon animation // }, // hideClass: { // popup: '', // disable popup fade-out animation // }, // customClass: 'swal-height' // }).then((result) => { // if (result.isConfirmed) { // $.ajax({ // url: "app/models/ticket.php", // data: { // model: 'delete_ticket_reply', // ticket_reply_id: ticket_reply_id // }, // type: "POST", // dataType: 'json', // beforeSend: function() { // toastr.remove(); // toastr.info('Removing reply...') // }, // success: function(result) { // toastr.remove(); // toastr.success(result.message); // $('#ticket_replies').html('') // readTicketReplies(); // }, // error: function() {} // }); // } else if (result.isDenied) {} else {} // }) // // SWAL // }); // }); // if (result['rows'].length == 0) { // $('#view_more_replies').addClass('hideEl'); // } else { // $('#view_more_replies').removeClass('hideEl'); // } // if (ticket_replies_display_count == 0) { // $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') // } else if (ticket_replies_display_count != 0 && result['rows'].length == 0) { // toastr.remove(); // toastr.info("No more replies.") // } }, error: function() {} }); } function readTicketActivities() { $.ajax({ url: "app/models/ticket.php", data: { model: 'read_ticket_activities', // model: 'read_ticket_replies_v2', ticket_id: selected_ticket_data, order: 'ASC', offset: ticket_activities_display_limit - ticket_activities_display_limit_const, limit: ticket_activities_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { // $('#ticket_activities').html('') }, success: function(result) { $.each(result['rows'], function(i, n) { $('#ticket_activities').append(` <div class="direct-chat-textt mr-0 ml-0 custom-left-border py-1"> <div class="direct-chat-infos clearfix my-0"> <span class="direct-chat-name float-left">`+n.user+`</span> <br> <span class="m-0 p-0 text-md">`+n.description+`</span> <br> <span class="direct-chat-name float-left">`+n.date_added+`</span> </div> </div> `); ticket_activities_display_count++; }); if (result['rows'].length == 0) { $('#view_more_activities').addClass('hideEl'); } else { $('#view_more_activities').removeClass('hideEl'); } if (ticket_activities_display_count == 0) { $('#ticket_activities').html('<div class="col-12 text-center"><span class="text-center">No activities</span></div>') } else if (ticket_activities_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more activities.") } }, error: function() {} }); } function defaultTicketReplies() { ticket_replies_display_limit = ticket_replies_display_limit_const; ticket_replies_display_count = 0; $('#ticket_replies').html('') readTicketReplies(); } function removeSelectChangeEvt() { // $('#category').off('change'); // $('#brand').off('change'); // $('#brand-filter').off('change'); } function initFilterCategory() { $.when(loadTicketFilterCategory()).done(function(ajax1Results) { $(".ticket-filter-category li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) refreshTicketTableSilent(); }); }); $(".ticket-filter-category li").each(function() { var cur_text = $(this).text(); if (param_category.includes(cur_text)) { $(this).toggleClass("active"); var active_items = $('.ticket-filter-category').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_category = JSON.stringify(active_items_arr); } }); if (param_category.length > 0) { refreshTicketTableSilent(); } }); } function initFilterFinalStatus() { $.when(loadTicketFilterFinalStatus()).done(function(ajax1Results) { $(".ticket-filter-final-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-final-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_final_status = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_final_status) refreshTicketTableSilent(); }); }); $(".ticket-filter-final-status li").each(function() { var cur_text = $(this).text(); if (param_status.includes(cur_text)) { $(this).toggleClass("active"); var active_items = $('.ticket-filter-final-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_final_status = JSON.stringify(active_items_arr); } }); if (param_status.length > 0) { refreshTicketTableSilent(); } }); } function initFilterStatus() { $.when(loadTicketFilterStatus()).done(function(ajax1Results) { $(".ticket-filter-status li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) refreshTicketTableSilent(); }); }); $(".ticket-filter-status li").each(function() { var cur_text = $(this).text(); if (param_progress.includes(cur_text)) { $(this).toggleClass("active"); var active_items = $('.ticket-filter-status').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters = JSON.stringify(active_items_arr); } }); if (param_progress.length > 0) { refreshTicketTableSilent(); } }); } function initFilterPriority() { $.when(loadTicketFilterPriority()).done(function(ajax1Results) { $(".ticket-filter-priority li").each(function() { $(this).on('click', function() { $(this).toggleClass("active"); var active_items = $('.ticket-filter-priority').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_priority = JSON.stringify(active_items_arr); // alert(ticket_selected_filters_category) refreshTicketTableSilent(); }); }); $(".ticket-filter-priority li").each(function() { var cur_text = $(this).text(); if (param_priority.includes(cur_text)) { $(this).toggleClass("active"); var active_items = $('.ticket-filter-priority').find('li.active').map( function() { var item = {}; // item.id = this.value; item.status = $(this).text(); return item; }); var active_items_arr = []; $.each(active_items, function(i, n) { active_items_arr.push(n.status) }); ticket_selected_filters_priority = JSON.stringify(active_items_arr); } }); if (param_priority.length > 0) { refreshTicketTableSilent(); } }); } function ticketTableCellClickEvt() { $('#table_tickets').on('click-cell.bs.table', function(field, value, row, $el) { if (value == 'action_remove') { removeTicket($el.id) return; } window.location.hash = 'tickets-view-'+$el.id; return; }); } function removeTicket(id){ Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this case?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/ticket.php", data: { model: 'delete_ticket', id: id }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { toastr.remove(); toastr.success(result.message); refreshTicketTableSilent(); }, error: function() {} }); } else if (result.isDenied) {} else {} }) } function btnNewTicketEvt() { $('#new_ticket').on("click", function(e) { is_new_ticket = 1; resetTicketModal(); $('#ticket_modal').modal('show'); }); } function initDateRangePicker() { // var start = moment().startOf('year');//, moment().endOf('year')//moment().startOf('month'); // var end = moment().endOf('year'); var start = isEmpty(param_start) ? moment().startOf('year') : moment(param_start); var end = isEmpty(param_end) ? moment().endOf('year') : moment(param_end); $('#filter-date').daterangepicker({ // autoUpdateInput: false, showDropdowns: true, maxDate: new Date(), // parentEl: '#ticket-more-filter', locale: { cancelLabel: 'Cancel' }, startDate: start, opens: "left", endDate: end, ranges: { // 'Disable': [moment(), moment()], 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'This Year': [moment().startOf('year'), moment().endOf('year')], 'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')] } }); $('#filter-date').on('apply.daterangepicker', function(ev, picker) { $('#filter-date span').html(picker.startDate.format('M/D/YYYY') + ' to<br>' + picker.endDate.format( 'M/D/YYYY')); refreshTicketTableSilent(); // } }); } function initTicketSearchEvt() { $('#ticket-search').focusin(function() { $('#ticket-search-div').removeClass('default-search-size'); $('#ticket-search-div').addClass('expand-search-size'); }); $('#ticket-search').focusout(function() { if (isEmpty($(this).val())) { $('#ticket-search-div').removeClass('expand-search-size'); $('#ticket-search-div').addClass('default-search-size'); } }); $('#ticket-search').on('keyup', delay(function(e) { refreshTicketTableSilent(); }, 500)); } function saveTicketEvt() { $('#btn_ticket_save').on('click', function() { if (check_if_empty_field($('#category'), 'Category is required.')) { return; } if (check_if_empty_field($('#title'), 'Subject is required.')) { return; } if ($('#title').val().length <= 4) { toastr.remove(); toastr.error("Subject is too short..."); $('#title').trigger('focus'); return; } if (check_if_empty_field($('#description'), 'Description is required.')) { return; } if ($('#description').val().length <= 5) { toastr.remove(); toastr.error("Description is too short..."); $('#description').trigger('focus'); return; } if (check_if_empty_field($('#priority_level'), 'Priority level is required.')) { return; } // if (check_if_empty_field($('#brand'), // 'Brand is required.')) { // return; // } // if (check_if_empty_field($('#model'), // 'Model is required.')) { // return; // } // if (check_if_empty_field($('#plate_cs'), // 'Plate is required.')) { // return; // } if (!isEmpty($('#year_model').val())) { if ($('#year_model').val().length != 4) { toastr.remove(); toastr.error("Invalid year model..."); $('#year_model').trigger('focus'); return; } } var $element = $("[json-ticket-modal]"); ticket_json_data = generate_json( 'json-ticket-modal', $element); // alert(ticket_json_data); // return; if (is_new_ticket) { // suggest a possible or related solution 101 using modal // if user view pop up related content cancel the creation and view the clicked content //Logic // load possible 5 solution with 50 characters // if no posbile solution create ticket end // if meron // hide current modal // show solution modal // load solution contents resetRelatedArticleResult(); read_related_kb_tickets(); // $.when(read_related_kb_tickets()).done(function(result) { // }); } else { startUpload(); } }); $('#btn_ticket_save_2').on('click', function() { startUpload(); }); } function ticketSubjectEvt() { var xhr = null; $('#title').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/knowledgebase.php', { data: { 'search': qry, offset: 0, limit:10, 'model': 'read_knowledgebase_list_autocomplete' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#title').on('autocomplete.select', function(evt, item) { // $("#title_id").val(item.id); }); } function ticketSearchEvt() { var xhr = null; $('#ticket-search').autoComplete({ resolver: 'custom', noResultsText: '', events: { search: function(qry, callback) { // let's do a custom ajax call if (xhr != null) { //kill the request xhr.abort() } xhr = $.ajax( 'app/models/ticket.php', { data: { 'search': qry, offset: 0, limit:10, 'model': 'read_ticket_list_autocomplete' } } ).done(function(res) { // console.log(res) results = JSON.parse(res) // console.log(results.rows); callback(results.rows) }); } } }); $('#ticket-search').on('autocomplete.select', function(evt, item) { refreshTicketTableSilent(); }); } function read_related_kb_tickets() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_related_articles', json_data: ticket_json_data, offset: kb_display_limit - kb_display_limit_const, limit: kb_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_ticket_save').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.total) > 0) { $("#ticket_modal").modal('hide'); $("#kb_suggestion_modal").modal('show'); $.each(result['rows'], function(i, n) { $('#search-result-lbl').show(); var html = n.descriptionf; html = html.replace(/<style([\s\S]?)<\/style>/gi, ''); html = html.replace(/<script([\s\S]?)<\/script>/gi, ''); html = html.replace(/<\/div>/ig, '\n'); html = html.replace(/<\/li>/ig, '\n'); html = html.replace(/<li>/ig, ' * '); html = html.replace(/<\/ul>/ig, '\n'); html = html.replace(/<\/p>/ig, '\n'); html = html.replace(/<br\s[\/]?>/gi, "\n"); html = html.replace(/<[^>]+>/ig, ''); var uri = "#knowledgebase-view-"+n.id; // window.location.hash = 'knowledgebase-view-'+$el.id; if(parseInt(n.source) === 2){ uri = "#tickets-view-"+n.id; } $('.coveo-result-list-container').append(` <div class="coveo-list-layout CoveoResult p-2"> <div> <div class="coveo-title"> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2" href="`+uri+`" target="_blank" >` + n.title + `</a> </div> <div class="CoveoExcerpt">` + html + `</div> </div> </div> `); kb_display_count++; }); if (result['rows'].length == 0) { $('#view_more_kb_search').addClass('hideEl'); } else { $('#view_more_kb_search').removeClass('hideEl'); } if (kb_display_count == 0) { // $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') toastr.remove(); toastr.info("No result found..."); toastr.remove } else if (kb_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more result.") } if (parseInt(result.total) > kb_display_limit_const) { $('#view_more_kb_search').removeClass('hideEl'); } else { $('#view_more_kb_search').addClass('hideEl'); } } else { startUpload(); } $('#btn_ticket_save').prop( 'disabled', false); }, error: function() { $('#btn_ticket_save').prop( 'disabled', false); } }); } function ticketInformationEvt() { $('#reply_ticket_send_btn').on('click', function(evt) { var $element = $("[json-reply-ticket-modal]"); reply_ticket_json_data = generate_json( 'json-reply-ticket-modal', $element); // alert(reply_ticket_json_data); // return; if (isEmpty($('#ticket_reply').val()) && ticketReplyDropzone.getAcceptedFiles().length < 1 && !$('#chk_resolve_ticket').is(":checked") && !$('#chk_unresolve_ticket').is(":checked") && !$('#chk_reopen_ticket').is(":checked") && !$('#chk_escalated_solve_ticket').is(":checked") ) { toastr.remove(); toastr.error("Enter your response or attach a file."); } else { startReplyTicketUpload(); } }); $("[reply-ticket-chk]").each(function() { $(this).on('change', function() { if (this.checked) { $(this).val("3"); } else { $(this).val("2"); } }); }); $('#chk_resolve_ticket').on('change', function() { $('#chk_unresolve_ticket').prop('checked', false); $('#txt_final_status').val(""); if (this.checked) { $('#txt_final_status').val("1"); } else { $('#txt_final_status').val(""); } }); $('#chk_unresolve_ticket').on('change', function() { $('#chk_resolve_ticket').prop('checked', false); $('#txt_final_status').val(""); if (this.checked) { $('#txt_final_status').val("2"); } else { $('#txt_final_status').val(""); } }); $('#chk_reopen_ticket').on('change', function() { $('#chk_escalated_solve_ticket').prop('checked', false); if (this.checked) { $(this).val("1"); } else { $(this).val(""); } }); $('#chk_escalated_solve_ticket').on('change', function() { $('#chk_reopen_ticket').prop('checked', false); if (this.checked) { $(this).val("1"); } else { $(this).val(""); } }); $('#ticket_info_modal').on('shown.bs.modal', function(e) { $('#ticket-info-modal-tab li a').removeClass('active') $('#ticket-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#ticket-info-modal-tab-information').addClass('active') $('#ticket-info-modal-tab-information-sec').addClass('active').addClass('show') $("[ticket-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readTicketInformation(); readTicketAttachments(); defaultTicketReplies(); }) $('#ticket_replies_view_more').on('click', function() { ticket_replies_display_limit = ticket_replies_display_limit + ticket_replies_display_limit_const; readTicketReplies(); }); } function initSelect2UnselectElement() { $('#brand-filter,#model-filter').on('select2:select select2:unselecting', function(e) { refreshTicketTableSilent(); }); } function resetRelatedArticleResult() { kb_display_limit = kb_display_limit_const; kb_display_count = 0; $('.coveo-result-list-container').html('') $('#view_more_kb_search').addClass('hideEl'); } function classifiedTicketsEvt(){ $('#chk_classified').on('change', function() { var updated_type = 0; if (this.checked) { updated_type = 1; } return $.ajax({ url: "app/models/ticket.php", data: { model: 'update_ticket_type', type: updated_type, ticket_id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { toastr.remove(); toastr.info("Updating..."); }, success: function(result) { toastr.remove(); toastr.info("Done..."); }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); } </script>��common/script/notification.php��0000644��00000012214�15024776124�0012547 0��ustar�00��<script> var notification_display_limit_const = 5; var notification_display_limit = notification_display_limit_const; var notification_display_count = 0; function resetNotificationResult() { notification_display_limit = notification_display_limit_const; notification_display_count = 0; $('.notification-container').html('') } function read_user_notification() { $.ajax({ url: "app/models/user.php", data: { model: 'read_user_notification', offset: notification_display_limit - notification_display_limit_const, // limit: notification_display_limit_const, limit: notification_display_limit }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result) $.each(result['rows'], function(i, n) { var is_read = parseInt(n.is_read) ? 'hidden' : '' ; var uri = `index.php?category=tickets&action=list&notification=[`+ n.target_id+ `,` +n.to_user_id+ `]`; if(n.type == '1'){ uri = "#tickets-view-"+n.target_id; //add future type else if }else{ } $('.notification-container').append(` <a href="`+uri+`" class="dropdown-item"> <!-- Message Start --> <div class="media"> <div class="media-body"> <h3 class="dropdown-item-title" `+is_read+`> <!-- Name --> <span class="float-right text-sm text-primary"><i class="fas fa-star"></i></span> </h3> <p class="text-sm">` + n.description + `</p> <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i>` + n.ago + ` ago</p> </div> </div> <!-- Message End --> </a> <div class="dropdown-divider"></div> `); notification_display_count++; }); // if(parseInt(result['total']) > 0){ // $('.notification-count').html(result['total']); // }else{ // $('.notification-count').html(''); // } if (result['rows'].length == 0) { $('#notif_view_more_div').addClass('hideEl'); } else { $('#notif_view_more_div').removeClass('hideEl'); } if (notification_display_count == 0) { // toastr.remove(); // toastr.info("No result found..."); // toastr.remove $('#notif_view_more_div').addClass('hideEl'); } else if (notification_display_count != 0 && result['rows'].length == 0) { // toastr.remove(); // toastr.info("No more result."); } if (parseInt(result.total) > notification_display_limit_const) { $('#notif_view_more_div').removeClass('hideEl'); } else { $('#notif_view_more_div').addClass('hideEl'); } }, error: function() {} }); } function read_user_notification_count() { $.ajax({ url: "app/models/user.php", data: { model: 'read_user_notification_count' }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { if(parseInt(result['total']) > 0){ $('.notification-count').html(result['total']); }else{ $('.notification-count').html(''); } }, error: function() {} }); } function updateDate(){ var current_date = moment().format('MMM. DD, YYYY'); $('.current-date').text(current_date) } function notifEvt(){ $('.notification-container').html('') read_user_notification(); read_user_notification_count(); } $( document ).ready(function() { updateDate(); $(document).on('click', '#notif_view_more_div', function(e) { e.stopPropagation(); }); // resetNotificationResult(); read_user_notification(); read_user_notification_count(); $('#notif_view_more').on('click', function() { notification_display_limit = notification_display_limit + notification_display_limit_const; $('.notification-container').html('') read_user_notification(); // alert(notification_display_count) }); }); </script>��common/header.php��0000644��00000010357�15024776124�0010013 0��ustar�00�� <!-- Navbar --> <!-- navbar navbar-expand-lg navbar-dark border-bottom border-secondary clr-btn-dark --> <!-- <nav class="main-header navbar navbar-expand navbar-fixed-top am-top-header clr-btn-dark"> --> <nav class="main-header navbar navbar-expand clr-btn-dark "> <a href="#" class="am-toggle-left-sidebar navbar-toggle collapsed clr-btn-dark"><i class="fa fa-bars text-white" aria-hidden="true"></i></a> <!-- Left navbar links --> <ul class="navbar-nav"> </ul> <!-- Right navbar links --> <ul class="navbar-nav ml-auto"> <!-- <li class="nav-item" id="user_nav"> <a class="nav-link pr-1" data-widget="fullscreen" href="#" role="button"> <i class="fas fa-expand-arrows-alt"></i> </a> </li> --> <li class="nav-item" id="user_nav"> <a class="nav-link pr-1">User: <span> <?php $display_name = $session_user['firstname']. ' '.substr($session_user['lastname'],0,1); echo ucwords(strtolower($display_name)); ?></span></a> </li> <!-- Messages Dropdown Menu --> <li class="nav-item dropdown"> <a class="nav-link pr-1" data-toggle="dropdown" href="#"> <i class="far fa-bell"></i> <span class="badge badge-primary navbar-badge notification-count"></span> </a> <div class="notification dropdown-menu dropdown-menu-lg "> <!-- array -> target_id,notification_id,notification_type --> <div class="notification-container"> <!-- <a href="index.php?category=tickets&action=list&notification=[122,0,4]" class="dropdown-item"> <div class="media"> <div class="media-body"> <p class="text-sm">Clarence A reply to your ticket Lorem Ipsum</p> <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p> </div> </div> </a> <div class="dropdown-divider"></div> --> </div> <div class="bg-light" id="notif_view_more_div"> <div class="col-12 text-center"> <span class="cursor-pointer text-primary" id="notif_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> </div> </li> <li class="nav-item" id="user_nav"> <a class="nav-link pr-3 current-date"> </a> </li> <!-- Notifications Dropdown Menu --> <!-- <li class="nav-item dropdown"> <a class="nav-link" data-toggle="dropdown" href="#"> <i class="far fa-bell"></i> <span class="badge badge-warning navbar-badge">15</span> </a> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"> <span class="dropdown-item dropdown-header">15 Notifications</span> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="fas fa-envelope mr-2"></i> 4 new messages <span class="float-right text-muted text-sm">3 mins</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="fas fa-users mr-2"></i> 8 friend requests <span class="float-right text-muted text-sm">12 hours</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item"> <i class="fas fa-file mr-2"></i> 3 new reports <span class="float-right text-muted text-sm">2 days</span> </a> <div class="dropdown-divider"></div> <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a> </div> </li> --> </ul> </nav> <!-- /.navbar -->��modals/position_list_modal.php��0000644��00000011457�15024776124�0012627 0��ustar�00��<!-- MAP --> <!-- 1. SYstem 2. Dashboard 3. Support Ticket 4. Knowledge Base 5. Training Videos --> <div class="modal" id="video_filter_modal" role="dialog" aria-labelledby="video_filter_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-md modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-1 pb-1"> <div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="tab-content m-0 p-2" id="video-filter-modal-tab-content"> <div class="tab-pane fade show active" id="video-filter-modal-tab-information-sec" role="tabpanel" aria-labelledby="video-filter-modal-tab-information"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <input json-video-modal="true" type="checkbox" name="" id="chk_send_notification"> <label for="chk_send_notification" class="text-black font-weight-normal cursor-pointer m-0">Send Notification</label> <!-- <button type="submit" class="btn btn-dark btn-sm" id="btn_new_role">New Role</button> --> </li> </ul> <ul class="nav nav-tabs mt-0 navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="position-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="position-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search position name."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_position_file" data-search="false" data-show-refresh="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="roleBrandfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="name"> Position </th> <th data-events="roleBrandEvent" data-formatter="roleBrandFormatter" class="text-center" data-width="30" data-field="status"> Status </th> </tr> </thead> </table> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_cnf_role_save">Save</button> </div> </div> <!--modal content--> </div> </div>��modals/kb_modal.php��0000644��00000024663�15024776124�0010327 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="knowledgebase_modal" role="dialog" aria-labelledby="knowledgebase_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="knowledgebase_modal_title">KNOWLEDGEBASE</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="form-group row mb-1"> <label for="category" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Category:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="category" json-kb-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="section" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Section:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="section" json-kb-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="title" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Title:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-kb-modal="true" id="title" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Description:</label> <div class="col-sm-12"> <textarea style="height: 100px;" type="text" class="form-control form-control-sm " json-kb-modal="true" id="description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <!-- <div class="col-sm-4"> <div class="form-group row mb-1"> <label for="priority_level" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Priority Level:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="priority_level" json-kb-modal="true" style="width: 100%;"> </select> </div> </div> </div> --> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="brand_div" style="display:;"> <label for="brand" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Brand:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="brand" json-kb-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_div" style="display:;"> <label for="model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="model" json-kb-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_variant_div" style="display:;"> <label for="model_variant" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model Variant:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm uppercase" json-kb-modal="true" autocomplete="off" id="model_variant" placeholder=""> <input type="text" json-kb-modal="true" id="model_variant_id" style="display:none;"> </div> </div> </div> </div> <div class="form-group row mb-1"> <label for="fault_codes" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Fault Codes: (separated by comma)</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-kb-modal="true" id="fault_codes" placeholder=""> </div> </div> </div> <div class="col-12" id="kb-file-dropzone-div"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Attachments:</label> </div> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm kb-modal-button"> <i class="fas fa-plus"></i> <span>Browse/Drag Files</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="kb_modal_previews"> <div id="kb_modal_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 word-wrap"> <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>Remove</span> </button> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_kb_save">Save Article</button> </div> </div> </div> </div>��modals/kb_view_modal.php��0000644��00000001457�15024776124�0011355 0��ustar�00��<div class="modal" id="kb_view_modal" role="dialog" aria-labelledby="kb_view_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-1 pb-1"> <?php include('resources/views/modals/components/kb_view_modal.php'); ?> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <!-- <button type="button" class="btn btn-sm btn-primary" id="btn_kb_view_save">Save</button> --> </div> </div> <!--modal content--> </div> </div>��modals/kb_view_ticket_modal.php��0000644��00000001513�15024776124�0012711 0��ustar�00��<div class="modal" id="kb_view_ticket_modal" role="dialog" aria-labelledby="kb_view_ticket_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-1 pb-1"> <?php include('resources/views/modals/components/kb_view_ticket_modal.php'); ?> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <!-- <button type="button" class="btn btn-sm btn-primary" id="btn_kb_view_ticket_save">Save</button> --> </div> </div> <!--modal content--> </div> </div>��modals/components/kb_view_modal.php��0000644��00000023063�15024776124�0013537 0��ustar�00�� <div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="role-grid"> <div class="mb-0"> <!-- <nav class="navbar navbar-expand-md navbar-light m-0 p-0" style="background-color: #ffffff;"> --> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 " style="background-color: #ffffff;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNavKBInfo"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse show" id="navbarNavKBInfo"> <!-- <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 kb-view-info-modal-tab" id="kb-view-info-modal-tab" role="tablist"> <li class="nav-item"> <a class=" active border-0 " id="kb-view-info-modal-tab-information" data-toggle="pill" href="#kb-view-info-modal-tab-information-sec" role="tab" aria-controls="kb-view-info-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item"> <a class=" border-0 " id="kb-view-info-modal-tab-attachment" data-toggle="pill" href="#kb-view-info-modal-tab-attachment-sec" role="tab" aria-controls="kb-view-info-modal-information" aria-selected="false"> Attachments</a> </a> </li> </ul> </div> </nav> </div> </div> <div class="tab-content m-0 p-2" id="kb-view-info-modal-tab-content"> <div class="tab-pane fade show active" id="kb-view-info-modal-tab-information-sec" role="tabpanel" aria-labelledby="kb-view-info-modal-tab-information"> <div class="col-sm-12 "> <div class="col-sm-12 p-0"> <div class="card"> <!-- <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Information:</h3> </div> --> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0"> <!-- <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> --> <div class="col"> <h2 class="m-0" style="font-size: 27px !important;"> <label class="p-0 col-form-label font-weight-normal " placeholder="" kb-view-info-data id="lbl_kb_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </h2> </div> </div> <div class="item-details-info"> <div class="row"> <div class="col-md-6"> Posted by: <strong><span id="lbl_kb_posted_by"></span></strong> on <strong><span id="lbl_kb_posted_date_2"></span></strong> </div> <div class="col-md-6"> Category: <strong><span id="lbl_kb_category_2"></span></strong> </div> </div> <div class="clearfix"></div> </div> <div class="form-group row mb-0 "> <!-- <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> --> <div class="col-12 has_vehicle_info mb-3"> <label class="text-lg m-0 p-0" style="font-size: 16px !important;"> VEHICLE INFORMATION </label> <div class="form-group row col mb-0 type_vehicle_reply_modal" id="lbl_v_kb_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_v_kb_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_v_kb_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_v_kb_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_v_kb_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_v_kb_mv"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <div class="col-12"> <label class="text-lg m-0 p-0" style="font-size: 16px !important;"> DESCRIPTION </label> </div> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-info-data id="lbl_kb_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0" style="font-size: 16px !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> <!-- /.card-body --> </div> <!-- /.card --> </div> </div> </div> <div class="tab-pane fade" id="kb-view-info-modal-tab-attachment-sec" role="tabpanel" aria-labelledby="kb-view-info-modal-tab-sales-picture"> <!-- START FILE EXPLORER --> <div id="main-content-attach" class="file_manager"> <div class="container p-0" id="kb_view_attachment_container"> <div class="row clearfix " id="kb_attachment"> </div> </div> </div> <!-- END FILE EXPLORER --> </div> </div> </div>��modals/components/kb_view_ticket_modal.php��0000644��00000035740�15024776124�0015107 0��ustar�00��<div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="role-grid"> <div class="mb-0"> <!-- <nav class="navbar navbar-expand-md navbar-light m-0 p-0" style="background-color: #ffffff;"> --> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 " 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="collapse navbar-collapse show" 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 kb-view-ticket-info-modal-tab" id="kb-view-ticket-info-modal-tab" role="tablist"> <li class="nav-item"> <a class=" active border-0 " id="kb-view-ticket-info-modal-tab-information" data-toggle="pill" href="#kb-view-ticket-info-modal-tab-information-sec" role="tab" aria-controls="kb-view-ticket-info-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item"> <a class=" border-0 " id="kb-view-ticket-info-modal-tab-attachment" data-toggle="pill" href="#kb-view-ticket-info-modal-tab-attachment-sec" role="tab" aria-controls="kb-view-ticket-info-modal-information" aria-selected="false"> Attachments</a> </a> </li> </ul> </div> </nav> </div> </div> <div class="tab-content m-0 p-2" id="kb-view-ticket-info-modal-tab-content"> <div class="tab-pane fade show active" id="kb-view-ticket-info-modal-tab-information-sec" role="tabpanel" aria-labelledby="kb-view-ticket-info-modal-tab-information"> <div class="col-sm-12 "> <div class="col-sm-12 p-0"> <div class="card"> <!-- <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Information:</h3> </div> --> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0"> <!-- <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> --> <div class="col"> <h2 class="m-0" style="font-size: 27px !important;"> <label class="p-0 col-form-label font-weight-normal " placeholder="" kb-view-ticket-info-data id="lbl_ticket_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </h2> </div> </div> <div class="item-details-info"> <div class="row"> <div class="col-md-6"> Posted on: <strong><span id="lbl_kb_posted_date"></span></strong> </div> <div class="col-md-6"> Category: <strong><span id="lbl_kb_category"></span></strong> </div> </div> <div class="clearfix"></div> </div> <div class="form-group row mb-0 "> <!-- <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> --> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-ticket-info-data id="lbl_ticket_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <!-- <div class="form-group row mb-0"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-ticket-info-data id="lbl_ticket_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row mb-0 "> <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" kb-view-ticket-info-data id="lbl_ticket_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> --> <!-- OTHER --> <!-- <div class="form-group row mb-0 " id="lbl_ticket_category_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold" >Category:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" ticket-info-data placeholder="" id="lbl_ticket_category"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row mb-0 person-field" id="lbl_ticket_priority_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Priority:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">Plate/CS:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">VIN:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">Brand:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">Model:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">Model Variant:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" 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 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-bold">Year Model:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" ticket-info-data placeholder="" id="lbl_ticket_ym"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> --> <!-- OTHER --> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <div class="col-sm-12 p-0"> <div class="card "> <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Actions/Communication History:</h3> </div> <div class="card-body py-2"> <ul class="contacts-list m-0" id="ticket_replies"> </ul> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <!-- /.card-body --> <!-- /.card-footer --> </div> <!-- /.card --> </div> </div> </div> <div class="tab-pane fade" id="kb-view-ticket-info-modal-tab-attachment-sec" role="tabpanel" aria-labelledby="kb-view-ticket-info-modal-tab-sales-picture"> <!-- START FILE EXPLORER --> <div id="main-content-attach" class="file_manager"> <div class="container p-0" id= "kb_view_ticket_attachment_container"> <div class="row clearfix " id="kb_ticket_attachment"> </div> </div> </div> <!-- END FILE EXPLORER --> </div> </div> </div>��modals/components/ticket_modal.php��0000644��00000026456�15024776124�0013405 0��ustar�00�� <div class="col-12"> <div class="form-group row mb-1"> <label for="category" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Category:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="category" json-ticket-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="title" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Subject:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-ticket-modal="true" id="title" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Description:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea style="height: 102px;" type="text" class="form-control form-control-sm " json-ticket-modal="true" id="description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-4"> <div class="form-group row mb-1"> <label for="priority_level" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Priority Level:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="priority_level" json-ticket-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="brand_div" style="display:;"> <label for="brand" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Brand:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="brand" json-ticket-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_div" style="display:;"> <label for="model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="model" json-ticket-modal="true" style="width: 100%;"> </select> </div> </div> </div> </div> </div> <div class="col-12"> <div class="row"> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="plate_cs_div" style="display:;"> <label for="plate_cs" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Plate/CS:<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="no-sp-ch form-control form-control-sm uppercase" style="text-transform:uppercase" json-ticket-modal="true" id="plate_cs" placeholder=""> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="plate_cs_div" style="display:;"> <label for="vin" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">VIN:</label> <div class="col-sm-12"> <input type="text" class="no-sp-ch form-control form-control-sm uppercase" style="text-transform:uppercase" json-ticket-modal="true" id="vin" placeholder=""> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_variant_div" style="display:;"> <label for="model_variant" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model Variant:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm uppercase" json-ticket-modal="true" autocomplete="off" id="model_variant" placeholder=""> <input type="text" json-ticket-modal="true" id="model_variant_id" style="display:none;"> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="year_model_div" style="display:;"> <label for="year_model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Year Model:</label> <div class="col-sm-12"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-ticket-modal="true" id="year_model" placeholder=""> --> <input type="number" class="form-control form-control-sm no-arrow uppercase" id="year_model" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="4" json-ticket-modal="true" placeholder=""> </div> </div> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Attachments:</label> </div> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm fileinput-button"> <i class="fas fa-plus"></i> <span>Browse/Drag Files</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_previews"> <div id="ticket_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 word-wrap"> <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>Remove</span> </button> </div> </div> </div> </div> </div> </div>��modals/components/ticket_information_modal.php��0000644��00000063235�15024776124�0016006 0��ustar�00��<div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="role-grid"> <div class="mb-0"> <!-- <nav class="navbar navbar-expand-md navbar-light m-0 p-0" style="background-color: #ffffff;"> --> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 " 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" 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" id="ticket-info-modal-tab" role="tablist"> <li class="nav-item"> <a class=" active border-0 " id="ticket-info-modal-tab-information" data-toggle="pill" href="#ticket-info-modal-tab-information-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item"> <a class=" border-0 " id="ticket-info-modal-tab-attachment" data-toggle="pill" href="#ticket-info-modal-tab-attachment-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="false"> Attachments</a> </a> </li> <li class="nav-item"> <a class=" border-0 " id="ticket-info-modal-tab-replies" data-toggle="pill" href="#ticket-info-modal-tab-replies-sec" role="tab" aria-controls="ticket-info-modal-information" aria-selected="false"> Replies </a> </li> </ul> </div> </nav> </div> </div> <!-- <div class="form-group row mb-0 float-right" id=""> <div class="form-check classified-ticket-status " style=""> <input id="chk_classified" json-ticket-modal="true" name="" value="" class="form-check-input mt-2" type="checkbox"> <label for="chk_classified" class="text-sm form-check-label mt-1">Mark as classified ticket</label> <i class=" cursor-pointer tooltip-me fas fa-question-circle text-primary " title="" data-original-title="Hide this ticket in knowledgebase."></i> </div> </div> --> <div class="tab-content m-0 p-2" id="ticket-info-modal-tab-content"> <div class="tab-pane fade show active" id="ticket-info-modal-tab-information-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-information"> <div class="row"> <div class="col-sm"> <div class="col-sm-12 p-0"> <div class="card"> <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Reported Concern: #<span id="lbl_reference_no"></span></h3> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0"> <div class="col-sm p-0"> <span id="lbl_ticket_info" class="text-sm text-dark font-italic"></span> </div> <?php if(in_array('3_6', $session_access['3'])){ ?> <div class="col-sm-5 p-0"> <div class="form-check classified-ticket-status float-lg-right" style=""> <input id="chk_classified" class="form-check-input mt-2" type="checkbox"> <label for="chk_classified" class="text-sm form-check-label mt-1">Mark as classified ticket</label> <i class=" cursor-pointer tooltip-me fas fa-question-circle text-primary" title="" data-original-title="Hide this ticket in knowledgebase when it's close."></i> </div> </div> <?php } ?> </div> <div class="form-group row mb-0"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Subject:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" ticket-info-data id="lbl_ticket_subject"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row mb-0 "> <label for="" style="width: 115px;" class="pl-0 pb-0 pt-1 col-form-label font-weight-bold">Description:</label> <div class="col-sm-12 col-lg"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" placeholder="" ticket-info-data id="lbl_ticket_description"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <div class="col-sm-12 p-0"> <div class="card "> <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Other Information:</h3> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-0 " id="lbl_ticket_category_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Category:</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-normal" ticket-info-data placeholder="" id="lbl_ticket_category"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> <div class="form-group row mb-0 person-field" id="lbl_ticket_priority_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-bold">Priority:</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-normal" 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 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-bold">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-normal" 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 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-bold">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-normal" 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 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-bold">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-normal" 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 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-bold">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-normal" 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 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-bold">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-normal" 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 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-bold">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-normal" ticket-info-data placeholder="" id="lbl_ticket_ym"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <!-- /.card-body --> <!-- /.card-footer --> </div> <!-- /.card --> </div> </div> <?php if(in_array('3_4', $session_access['3'])){ ?> <div class="col-sm"> <div class="card h-100"> <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Send Update/Instruction/User Guide:</h3> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group row mb-1"> <!-- <label for="txt_lead_address" class="col-sm-4 text-lg-right pb-0 pt-1 col-form-label font-weight-normal">Comment:</label> --> <!-- <div class="col-sm-12 "> --> <textarea style="height: 200px;" type="text" id="ticket_reply" json-reply-ticket-modal="true" placeholder="Enter your response or plant actions here..." class="form-control form-control-md"></textarea> <!-- </div> --> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 pl-0 col-form-label font-weight-normal">Attach Files</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-12 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="col-12 mt-3"> <div class="row"> <div class="col-sm-6"> <input id="txt_final_status" name="" value="" json-reply-ticket-modal="true" class="form-check-input mt-2" type="text" style="display:none;"> <div class="form-check" style="display:none;"> <input id="chk_close_ticket" value="2" json-reply-ticket-modal="true" reply-ticket-chk class="form-check-input mt-2" type="checkbox"> <label for="chk_close_ticket" class="text-sm form-check-label mt-1">Close Ticket </label> </div> <?php if(in_array('3_3', $session_access['3'])){ ?> <div class="form-check ticket-final-status" style="display:none;"> <input id="chk_resolve_ticket" name="rdo_final_status" value="" class="form-check-input mt-2" type="checkbox"> <label for="chk_resolve_ticket" class="text-sm form-check-label mt-1">Close and mark as <span class="text-success font-weight-bold">solve</span> </label> </div> <div class="form-check ticket-final-status" style="display:none;"> <input id="chk_unresolve_ticket" name="rdo_final_status" value="" class="form-check-input mt-2" type="checkbox"> <label for="chk_unresolve_ticket" class="text-sm form-check-label mt-1">Close and mark as <span class="text-danger font-weight-bold">escalated</span> </label> </div> <?php } ?> <?php if(in_array('3_5', $session_access['3'])){ ?> <div class="form-check ticket-reopen-status" style="display:none;"> <input id="chk_reopen_ticket" value="" json-reply-ticket-modal="true" class="form-check-input mt-2" type="checkbox"> <label for="chk_reopen_ticket" class="text-sm form-check-label mt-1">Reopen ticket </label> </div> <?php } ?> <?php if(in_array('3_7', $session_access['3'])){ ?> <div class="form-check ticket-escalated-status" style="display:none;"> <input id="chk_escalated_solve_ticket" value="" json-reply-ticket-modal="true" class="form-check-input mt-2" type="checkbox"> <label for="chk_escalated_solve_ticket" class="text-sm form-check-label mt-1">Mark as solve in plant </label> </div> <?php } ?> </div> <div class="col-sm-6"> <button type="button" id="reply_ticket_send_btn" class="float-lg-right btn btn-sm btn-primary">Send</button> </div> </div> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> <?php } ?> </div> </div> <div class="tab-pane fade" id="ticket-info-modal-tab-attachment-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-sales-picture"> <!-- 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="ticket-info-modal-tab-replies-sec" role="tabpanel" aria-labelledby="ticket-info-modal-tab-sales-record"> <!-- START REPLIES --> <!-- DIRECT CHAT --> <!-- Contacts are loaded here --> <div class="bg-white"> <ul class="contacts-list" id="ticket_replies"> </ul> <!-- /.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_replies"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="ticket_replies_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> <!-- <div class="m-2"></div> --> <!-- END REPLIES --> </div> </div> </div>��modals/ticket_modal.php��0000644��00000002071�15024776124�0011203 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="ticket_modal" role="dialog" aria-labelledby="ticket_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="ticket_modal_title">TICKET</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <?php include('resources/views/modals/components/ticket_modal.php'); ?> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_ticket_save">Save Ticket</button> </div> </div> </div> </div> ��modals/subscribe_viber_modal.php��0000644��00000001532�15024776124�0013071 0��ustar�00��<div id="viberModal" class="modal fade"> <div class="modal-dialog modal-newsletter modal-dialog-centered"> <div class="modal-content"> <div class="modal-header p-0" style="display: block !important;"> <div class="icon-box "> <!-- <i class="fa fa-envelope-open-o"></i> --> <i class='fab fa-viber '></i> </div> <button style="padding: 0rem !important;" type="button" class="close" data-dismiss="modal" aria-hidden="true"><span>×</span></button> </div> <div class="modal-body text-center p-0"> <h4>Subscribe to Viber</h4> <p class="text-muted">Join to viber to get the latest news and updates delivered directly in your inbox.</p> <input type="submit" class="btn btn-primary" id="btn_viber_subscribe" value="Subscribe"> </div> </div> </div> </div>��modals/video_player_modal.php��0000644��00000005254�15024776124�0012410 0��ustar�00��<div class="modal bd-example-modal-lg" id="video_player_modal" role="dialog" aria-labelledby="video_player_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <!-- <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="video_player_modal_title">VIDEO</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> --> <div class="modal-body "> <div class="col-12"> <div class="embed-responsive embed-responsive-16by9"> <video controls id="video_el"> <source id="video_src" src="" type="video/mp4"> </video> </div> </div> <div class="col-12 mt-2"> <span class="font-weight-bold text-lg" id="span_video_title"></span> <br> <div id="vehicle_info" > <hr class="mt-2 mb-0"> <span class="font-weight-bold text-md">Vehicle Information:</span> <p class="font-weight-normal text-sm m-0" id="v_view_brand_p" >Brand: <span id="v_view_brand"></span></p> <p class="font-weight-normal text-sm m-0" id="v_view_model_p" >Model: <span id="v_view_model"></span></p> <p class="font-weight-normal text-sm m-0" id="v_view_model_variant_p" >Model Variant: <span id="v_view_model_variant"></span></p> <hr class="mt-0 mb-2"> </div> <!-- <span class="font-weight-bold text-md">Description:</span> --> <span class="font-weight-bold text-md">Description:</span> <p class="font-weight-normal text-md word-wrap m-0" id="span_video_description"> </p> <div id="video_attachment"> <hr class="mt-2 mb-0"> <span class="font-weight-bold text-md">Files:</span> <br> <div id="video_attachment_container"> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>��modals/video_modal.php��0000644��00000037464�15024776124�0011044 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="video_modal" role="dialog" aria-labelledby="video_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="video_modal_title">VIDEO</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="col-12"> <div class="form-group row mb-1"> <label for="category" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Category:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="category" json-video-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="section" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Section:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="section" json-video-modal="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1"> <label for="title" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Title:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-video-modal="true" id="title" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Description:</label> <div class="col-sm-12"> <textarea style="height: 102px;" type="text" class="form-control form-control-sm " json-video-modal="true" id="description"></textarea> </div> </div> </div> <div class="col-12"> <div class="row"> <!-- <div class="col-sm-4"> <div class="form-group row mb-1"> <label for="priority_level" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Priority Level:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="priority_level" json-video-modal="true" style="width: 100%;"> </select> </div> </div> </div> --> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="brand_div" style="display:;"> <label for="brand" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Brand:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="brand" json-video-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_div" style="display:;"> <label for="model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model:</label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="model" json-video-modal="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-sm-4 type_vehicle"> <div class="form-group row mb-1" id="model_variant_div" style="display:;"> <label for="model_variant" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model Variant:</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm uppercase" json-video-modal="true" autocomplete="off" id="model_variant" placeholder=""> <input type="text" json-video-modal="true" id="model_variant_id" style="display:none;"> </div> </div> </div> </div> <div class="form-group row mb-1"> <label for="fault_codes" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Fault Codes: (separated by comma)</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-video-modal="true" id="fault_codes" placeholder=""> </div> </div> </div> <div class="col-12" id="video-file-dropzone-div"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Select video file: <small> (Max 200MB)</small></label> </div> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm video-modal-button"> <i class="fas fa-plus"></i> <span>Browse/Drag Video</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="video_modal_previews"> <div id="video_modal_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 word-wrap"> <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>Remove</span> </button> </div> </div> </div> </div> </div> </div> <div class="col-12 mt-1" id="attach-file-dropzone-div"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Select resource file/s:</label> </div> <div class="card-body p-0"> <div id="" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm attach-modal-button"> <i class="fas fa-plus"></i> <span>Browse/Drag Files</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="attach_modal_previews"> <div id="attach_modal_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 word-wrap"> <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>Remove</span> </button> </div> </div> </div> </div> </div> </div> <div class="col-12 mt-1"> <div class="form-group row mb-1"> <label for="" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Selected Positions (Default: All)</label> </div> <div class="card-body p-0"> <div id="" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-primary col btn-sm " id="btn_filter_video"> <i class="fas fa-filter"></i> <span>Filter</span> </span> </div> </div> </div> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_video_save">Save Video</button> </div> </div> </div>��modals/ticket_information_modal.php��0000644��00000001505�15024776124�0013611 0��ustar�00��<div class="modal" id="ticket_info_modal" role="dialog" aria-labelledby="ticket_info_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-1 pb-1"> <?php include('resources/views/modals/components/ticket_information_modal.php'); ?> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <!-- <button type="button" class="btn btn-sm btn-primary" id="btn_ticket_info_save">Save</button> --> </div> </div> <!--modal content--> </div> </div>��modals/kb_suggestion_modal.php��0000644��00000002737�15024776124�0012574 0��ustar�00��<!-- Modal --> <div class="modal bd-example-modal-lg" id="kb_suggestion_modal" role="dialog" aria-labelledby="kb_suggestion_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-light py-1"> <span class="modal-title text-md" id="kb_suggestion_modal_title">RELATED ARTICLES</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body pt-2"> <div class="coveo-result-list-container coveo-list-layout-container"> </div> <div class="row d-flex justify-content-center bg-light" id="view_more_kb_search"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="kb_search_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> </div> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_ticket_save_2">Create Ticket</button> </div> </div> </div> </div> ��modals/role_modal.php��0000644��00000101706�15024776124�0010666 0��ustar�00��<!-- MAP --> <!-- 1. SYstem 2. Dashboard 3. Support Ticket 4. Knowledge Base 5. Training Videos --> <div class="modal" id="cnf_role_modal" role="dialog" aria-labelledby="cnf_role_modalTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable modal-xl modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body pt-1 pb-1"> <div class="card m-0 p-0" id="grid-card" style="box-shadow: 0 0 0 0"> <div class="card-body m-0 p-0" id="role-grid"> <div class="mb-0"> <!-- <nav class="navbar navbar-expand-md navbar-light m-0 p-0" style="background-color: #ffffff;"> --> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 " style="background-color: #ffffff;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNavKBInfo"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show" id="navbarNavKBInfo"> <!-- <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 cnf-role-modal-tab" id="cnf-role-modal-tab" role="tablist"> <li class="nav-item"> <a class=" active border-0 " id="cnf-role-modal-tab-information" data-toggle="pill" href="#cnf-role-modal-tab-information-sec" role="tab" aria-controls="cnf-role-modal-information" aria-selected="true"> Information</a> </li> <li class="nav-item"> <a class=" border-0 " id="cnf-role-modal-tab-brand" data-toggle="pill" href="#cnf-role-modal-tab-brand-sec" role="tab" aria-controls="cnf-role-modal-information" aria-selected="false"> Brand Access</a> </a> </li> </ul> </div> </nav> </div> </div> <div class="tab-content m-0 p-2" id="cnf-role-modal-tab-content"> <div class="tab-pane fade show active" id="cnf-role-modal-tab-information-sec" role="tabpanel" aria-labelledby="cnf-role-modal-tab-information"> <div class="col-sm-12 "> <div class="col-sm-12 p-0"> <div class="card"> <!-- <div class="card-header clr-btn-dark pl-2 pt-1 pb-1"> <h3 class="card-title">Information:</h3> </div> --> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body py-2"> <div class="form-group mb-2"> <span for="txt_role_name" class="col-form-label font-weight-bold">Name:</span> <input type="text" json-role-modal="true" class="form-control form-control-sm uppercase" id="txt_role_name"> </div> <span for="txt_role_name" class="col-form-label font-weight-bold">Access: </span><u><a class="cursor-pointer" id="check_all">Check All</a></u> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Settings</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <input nodetype="parent" type="text" id="1" hidden> <div class="form-check"> <input id="1_1" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_1" class="form-check-label">System</label> </div> <div class="form-check"> <input id="1_5" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_5" class="form-check-label">Users</label> </div> <div class="form-check"> <input id="1_2" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_2" class="form-check-label">Role</label> </div> <div class="form-check"> <input id="1_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_3" class="form-check-label">SMS</label> </div> <div class="form-check"> <input id="1_4" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_4" class="form-check-label">Notification</label> </div> <!-- <div class="pl-4"> <div class="form-check"> <input id="1_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="1_3" class="form-check-label">Create Role</label> </div> </div> --> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Dashboard</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <input nodetype="parent" type="text" id="2" hidden> <!-- <div class="form-check"> <input id="2_1" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_1" class="form-check-label">AutoHub Wide</label> </div> <div class="form-check"> <input id="2_2" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_2" class="form-check-label">Per Company</label> </div> --> <div class="form-check"> <input id="2_8" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_8" class="form-check-label">Overall Status Countings</label> </div> <div class="form-check"> <input id="2_6" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_6" class="form-check-label">Recieved & Closed Monitoring</label> </div> <div class="form-check"> <input id="2_7" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_7" class="form-check-label">Active Support by Brand</label> </div> <div class="form-check"> <input id="2_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_3" class="form-check-label">Latest Open Tickets List</label> </div> <div class="form-check"> <input id="2_4" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_4" class="form-check-label">Latest Knowledge Base List</label> </div> <div class="form-check"> <input id="2_5" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="2_5" class="form-check-label">Latest Trainings List</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Support Tickets</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <input nodetype="parent" type="text" id="3" hidden> <div class="form-check"> <input id="3_1" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_1" class="form-check-label">View Support Tickets</label> </div> <div class="form-check"> <input id="3_2" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_2" class="form-check-label">Create Ticket</label> </div> <div class="form-check"> <input id="3_4" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_4" class="form-check-label">Reply to others Ticket</label> </div> <!-- <div class="form-check"> <input id="3_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_3" class="form-check-label">Close Ticket</label> </div> <div class="form-check"> <input id="3_5" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_5" class="form-check-label">Reopen Ticket</label> </div> <div class="form-check"> <input id="3_6" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_6" class="form-check-label">Classified Ticket</label> </div> <div class="form-check"> <input id="3_7" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_7" class="form-check-label">Solve in Plant</label> </div> --> <div class="form-check"> <input id="3_8" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_8" class="form-check-label">Change Status</label> </div> <div class="form-check"> <input id="3_9" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_9" class="form-check-label">Remove Ticket</label> </div> <!-- <div class="form-check"> <input id="3_7" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="3_7" class="form-check-label white-space-wrap">Recieve SMS if ticket created on brand that same on this role vehicle brand access.</label> <i class=" cursor-pointer tooltip-me fas fa-question-circle text-primary " title="" data-original-title="Create Ticket Expert SMS must be enabled in notification settings."></i> </div> --> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Knowledge Base</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <input nodetype="parent" type="text" id="4" hidden> <div class="form-check"> <input id="4_1" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="4_1" class="form-check-label">View Knowledge Base</label> </div> <div class="form-check"> <input id="4_2" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="4_2" class="form-check-label">Create Knowledge Base</label> </div> <div class="form-check"> <input id="4_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="4_3" class="form-check-label">Access AIT Knowledge Base</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Training Videos</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description"> <input nodetype="parent" type="text" id="5" hidden> <div class="form-check"> <input id="5_1" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="5_1" class="form-check-label">View Training Videos</label> </div> <div class="form-check"> <input id="5_2" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="5_2" class="form-check-label">Create Training Videos</label> </div> <div class="form-check"> <input id="5_3" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="5_3" class="form-check-label">Filter Videos by User Position</label> </div> <div class="form-check"> <input id="5_4" nodetype="child" role-access class="form-check-input" type="checkbox"> <label for="5_4" class="form-check-label">Access AIT Training Videos</label> </div> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> <div class="form-group mb-2"> <span for="dd_user_type" class="col-form-label font-weight-bold">User Type:</span> <select name="dd_user_type" id="dd_user_type" json-role-modal="true" class="form-control form-control-sm" style="width:300px;"> <option value="1">Technician</option> <option value="2">Expert</option> </select> </div> </div> <!-- /.card-body --> </div> <!-- /.card --> </div> </div> </div> <div class="tab-pane fade" id="cnf-role-modal-tab-brand-sec" role="tabpanel" aria-labelledby="cnf-role-modal-tab-sales-picture"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <!-- <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="btn_new_role">New Role</button> </li> --> </ul> <ul class="nav nav-tabs mt-0 navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="role-brand-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="role-brand-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search brand name."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_role_brand_file" data-search="false" data-show-refresh="false" class="table table-bordered table-hover table-sm" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="roleBrandfileQueryParams" data-pagination="true"> <thead> <tr> <th data-field="name"> Brand </th> <th data-events="roleBrandEvent" data-formatter="roleBrandFormatter" class="text-center" data-width="30" data-field="status"> Action </th> </tr> </thead> </table> </div> </div> </div> </div> <!--modal body--> <div class="modal-footer p-1"> <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary" id="btn_cnf_role_save">Save</button> </div> </div> <!--modal content--> </div> </div>��empty-page.php��0000644��00000000000�15024776124�0007323 0��ustar�00��settings/sms.php��0000644��00000026160�15024776124�0007734 0��ustar�00��<?php if(!isset($session_access['1']) \|\| !in_array('1_3', $session_access['1'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if(in_array('1_1', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-system">System</a> </li> <?php } ?> <?php if(in_array('1_5', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-users">Users</a> </li> <?php } ?> <?php if(in_array('1_2', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-role">Roles</a> </li> <?php } ?> <?php if(in_array('1_3', $session_access['1'])){ ?> <li class="active"> <a class="" href="#settings-sms">SMS</a> </li> <?php } ?> <?php if(in_array('1_4', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-notification">Notification</a> </li> <?php } ?> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <div class="form-group mb-2"> <span for="api" class="col-form-label font-weight-normal">Selected API:</span> <select name="api" id="api" json-cnf-sms="true" class="form-control form-control-sm" style="width:300px;"> </select> </div> <span for="txt_role_name" class="col-form-label font-weight-normal" hidden>Templates:</span> <div class="card collapsed-card mb-2" hidden> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">Expert SMS Notification</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2" id="sms-parameter-section"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the owner of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-sms-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <textarea style="height: 150px;" type="text" id="t_1" json-cnf-sms="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="col p-0 mt-3 text-right"> <button type="button" class="btn btn-sm btn-primary " id="btn_cnf_sms_save">Save SMS Configuration</button> </div> </div> </div> </div> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> function readSMSTemplates() { return $.ajax({ url: "app/models/user.php", data: { model: 'read_sms_templates', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result); $.each(result, function(i, n) { $("#t_" + n.id).text(n.description); $("#t_" + n.id).val(n.description); $("#t_" + n.id).trigger('change') }); }, error: function() {} }); } function readSMSApis(){ return $.ajax({ url: "app/models/user.php", data: { model: 'read_sms_apis', }, type: "POST", dataType: 'json', beforeSend: function() { $('#api').html(''); }, success: function(result) { $('#api').append(`<option value="">Disabled</option>`); $.each(result, function(i, n) { var selected = parseInt(n.activated) ? 'selected' : '' ; $('#api').append(`<option value="` + n.id + `" `+selected+`>` + n.text + `</option>`); }); }, error: function() {} }); } $(function() { readSMSApis(); readSMSTemplates(); $("[lead-sms-parameter]").each(function() { $(this).on('click', function() { $('#t_1').insertAtCaret($(this).text()); $('#t_1').trigger('focus'); }); }); $('#btn_cnf_sms_save').on('click', function() { var $element = $("[json-cnf-sms]"); var json_data = generate_json('json-cnf-sms', $element); // alert(json_data);return false; return $.ajax({ url: "app/models/user.php", data: { model: 'update_sms_config', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_cnf_sms_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); $('#btn_cnf_sms_save').prop( 'disabled', false); } else { $('#btn_cnf_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_cnf_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); }); </script>��settings/role.php��0000644��00000047122�15024776124�0010074 0��ustar�00�� <?php if(!isset($session_access['1']) \|\| !in_array('1_2', $session_access['1'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if(in_array('1_1', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-system">System</a> </li> <?php } ?> <?php if(in_array('1_5', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-users">Users</a> </li> <?php } ?> <?php if(in_array('1_2', $session_access['1'])){ ?> <li class="active"> <a class="" href="#settings-role">Roles</a> </li> <?php } ?> <?php if(in_array('1_3', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-sms">SMS</a> </li> <?php } ?> <?php if(in_array('1_4', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-notification">Notification</a> </li> <?php } ?> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="btn_new_role">New Role</button> </li> </ul> <ul class="nav nav-tabs navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="ticket-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="ticket-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search role name."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_cnf_role" data-search="false" data-show-refresh="false" data-show-header="true" class="table table-bordered table-hover table-sm small" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="roleQueryParams" data-pagination="true"> <thead> <tr> <th data-field="no" data-width="10"> No.</th> <th data-field="name"> Name </th> <th data-width="10" data-events="" data-formatter="removeRoleFormatter" class="text-center action-formatter-th" data-field="action"> Action </th> </tr> </thead> </table> </div> </div> </div> <?php include('resources/views/modals/role_modal.php'); ?> <!-- Common scripts --> <!-- BTAble --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <!-- custom scripts for this page only --> <script> // GLOBAL </script> <?php // IMPORTANT JS FUNCTIONS include('resources/views/common/script/function.php'); ?> <script> var role_json_data = ""; var selected_role_data = 0; var is_new_role = 0; var selected_brands = []; function getAllDataAdmin() { var /* Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $("#cnf_role_modal :input").each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute("nodetype") == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = []; } else { / Set the value of the input to the referred object. / if (this.getAttribute("nodetype") == "child") { // ref[id] = $(this).val(); // ref[id] = $(this).is(':checked'); // if ($(this).is(':checked')) { ref.push(id) // } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } function getAllData() { var / Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $("#cnf_role_modal :input").each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute("nodetype") == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = []; } else { / Set the value of the input to the referred object. / if (this.getAttribute("nodetype") == "child") { // ref[id] = $(this).val(); // ref[id] = $(this).is(':checked'); if ($(this).is(':checked')) { ref.push(id) } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } function loadUserCategories() { return $.ajax({ url: "app/models/user.php", data: { model: 'read_user_categories', }, type: "POST", dataType: 'json', beforeSend: function() { $('#dd_user_type').html(''); }, success: function(result) { $.each(result, function(i, n) { $('#dd_user_type').append(`<option value="` + n.id + `">` + n.text + `</option>`); }); }, error: function() {} }); } function createRole() { return $.ajax({ url: "app/models/user.php", data: { model: 'create_role', json_data: role_json_data, role_data: getAllData(), brand_data : JSON.stringify(selected_brands), role_id: selected_role_data, is_new_role: is_new_role }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_cnf_role_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving role..."); }, success: function(result) { if (parseInt(result.status) === 1) { // created_ticket_id = result.id; createRoleDone(result.message) } else { $('#btn_cnf_role_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_cnf_role_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function resetRoleModal() { var $el = $('#cnf_role_modal'); // resetElementForm($el); $el .find("input,textarea") .val('') .trigger('change') .end() .find("input[type=checkbox], input[type=radio]") .prop("checked", "") .end(); $el .find("select") .prop('selectedIndex', 0) .trigger('change') .end(); // loadUserCategories(); $('#cnf-role-modal-tab li a').removeClass('active') $('#cnf-role-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#cnf-role-modal-tab-information').addClass('active') $('#cnf-role-modal-tab-information-sec').addClass('active').addClass('show') } function createRoleDone(message) { toastr.remove(); toastr.success(message); refreshRoleTableSilent(); if(is_new_role){ resetRoleModal(); $('#cnf_role_modal').modal( 'hide'); } $('#btn_cnf_role_save').prop( 'disabled', false); } function refreshRoleTable() { initRoleList(); var $table = $('#table_cnf_role') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshRoleTableSilent() { var $table = $('#table_cnf_role') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function initRoleList() { var $table = $('#table_cnf_role'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { }, exportOptions: { fileName: function() { return 'titile' } } }); } function roleQueryParams(params) { return { search: $('#ticket-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, model: 'read_role_list', }; } function removeRoleFormatter(value, row, index) { return '<span class="font-weight-bold"><i class="fa fa-times text-danger text-md cursor-pointer" aria-hidden="true"></i></span>'; } function initRoleSearchEvt() { $('#ticket-search').focusin(function() { $('#ticket-search-div').removeClass('default-search-size'); $('#ticket-search-div').addClass('expand-search-size'); }); $('#ticket-search').focusout(function() { if (isEmpty($(this).val())) { $('#ticket-search-div').removeClass('expand-search-size'); $('#ticket-search-div').addClass('default-search-size'); } }); $('#ticket-search').on('keyup', delay(function(e) { refreshRoleTableSilent(); }, 500)); } function initBrandSearchEvt() { $('#role-brand-search').focusin(function() { $('#role-brand-search-div').removeClass('default-search-size'); $('#role-brand-search-div').addClass('expand-search-size'); }); $('#role-brand-search').focusout(function() { if (isEmpty($(this).val())) { $('#role-brand-search-div').removeClass('expand-search-size'); $('#role-brand-search-div').addClass('default-search-size'); } }); $('#role-brand-search').on('keyup', delay(function(e) { refreshRoleTableSilent(); refreshRoleBrandfileTableSilent(); }, 500)); } ////START ROLE DEALER function refreshRoleBrandfileTable() { initRoleBrandfileList(); var $table = $('#table_role_brand_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshRoleBrandfileTableSilent() { var $table = $('#table_role_brand_file') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function initRoleBrandfileList() { var $table = $('#table_role_brand_file'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() {}, exportOptions: { fileName: function() { return 'titile' } } }); } function roleBrandfileQueryParams(params) { return { search: $('#role-brand-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, selected_brands: JSON.stringify(selected_brands), model: 'read_role_brand_list', }; } function roleBrandFormatter(value, row, index) { var html = '<input class="" type="checkbox">'; if (parseInt(row.status) === 1) { html = '<input class="" type="checkbox" checked>'; } return html; } window.roleBrandEvent = { 'click input': function(e, value, row, index) { //get selected id if(row.status == '0') { selected_brands.push(row.id); }else{ var index = selected_brands.indexOf(row.id); if (index !== -1) { selected_brands.splice(index, 1); } } refreshRoleBrandfileTableSilent(); } }; ////END ROLE DEALER $(function() { loadUserCategories(); refreshRoleTable(); initRoleSearchEvt(); initBrandSearchEvt(); refreshRoleBrandfileTable(); $('#btn_new_role').on('click', function(e) { $('#cnf_role_modal').modal('show'); resetRoleModal(); is_new_role = 1; }) $('#check_all').on('click', function(e) { $("[role-access]").each(function() { $(this).prop("checked", true); }); $("#cnf_role_modal .collapsed-card").each(function() { $(this).toggleClass("collapsed-card"); }); }) $("#btn_cnf_role_save").click(function() { // console.log(getAllDataAdmin());return false; if (check_if_empty_field($('#txt_role_name'), 'Role names is required.')) { return; } var $element = $("[json-role-modal]"); role_json_data = generate_json( 'json-role-modal', $element); // console.log(getAllData()); // console.log(role_json_data); createRole(); }); $('#table_cnf_role').on('click-cell.bs.table', function(field, value, row, $el) { selected_role_data = $el.id; if (value != "action") { $('#cnf_role_modal').modal('show'); resetRoleModal(); is_new_role = 0; $('#txt_role_name').val($el.name) $('#dd_user_type').val($el.user_category) var role_access = $el.json_access; const menuobj = JSON.parse(role_access); // console.log(menuobj) $.each(menuobj, function(i, n) { $.each(n, function(j, m) { $('#' + m).prop("checked", true); // console.log(m) }); // $(this).prop("checked", true); // var $current_el = $('#ra_'+n); // $current_el.val("1"); // $current_el.attr('checked',true); }); selected_brands = []; var brand_access = $el.json_brand; const brandobj = JSON.parse(brand_access); $.each(brandobj, function(i, n) { selected_brands.push(n); }); refreshRoleBrandfileTableSilent(); } else if (value == "action") { if (parseInt($el.user_count) > 0) { toastr.remove(); toastr.error('Role is currently active in some users.'); return; } Swal.fire({ icon: 'warning', html: 'Are you sure you want to remove this role?', showDenyButton: false, showCancelButton: true, confirmButtonText: `Yes`, cancelButtonText: `No`, denyButtonText: `Don't Confirm`, showClass: { backdrop: 'swal2-noanimation', // disable backdrop animation popup: '', // disable popup animation icon: '' // disable icon animation }, hideClass: { popup: '', // disable popup fade-out animation }, customClass: 'swal-height' }).then((result) => { if (result.isConfirmed) { $.ajax({ url: "app/models/user.php", method: "POST", dataType: 'json', data: { model: 'remove_role', id: $el.id }, beforeSend: function() { toastr.remove(); toastr.info('Removing...') }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); refreshRoleTableSilent(); } else { toastr.remove(); toastr.error(result.message); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } else if (result.isDenied) {} else {} }) } }); }); </script>��settings/system.php��0000644��00000012551�15024776124�0010455 0��ustar�00�� <?php if(!isset($session_access['1']) \|\| !in_array('1_1', $session_access['1'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if(in_array('1_1', $session_access['1'])){ ?> <li class="active"> <a class="" href="#settings-system">System</a> </li> <?php } ?> <?php if(in_array('1_5', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-users">Users</a> </li> <?php } ?> <?php if(in_array('1_2', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-role">Roles</a> </li> <?php } ?> <?php if(in_array('1_3', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-sms">SMS</a> </li> <?php } ?> <?php if(in_array('1_4', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-notification">Notification</a> </li> <?php } ?> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <div class="form-group mb-2"> <span for="name" class="col-form-label font-weight-normal">Name:</span> <input type="text" json-system-modal="true" class="form-control form-control-sm " id="name"> </div> <div class="form-group mb-2"> <span for="url" class="col-form-label font-weight-normal">Website URL:</span> <input type="text" json-system-modal="true" class="form-control form-control-sm " id="url"> </div> <div class="col p-0 mt-3"> <button type="button" class="btn btn-sm btn-primary float-right" id="btn_cnf_system_save">Save Configuration</button> </div></div> </div> </div> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> function readSystemConfig(){ return $.ajax({ url: "app/models/user.php", data: { model: 'read_system_config', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result); $.each(result, function(i, n) { // console.log(n.name + ' '+n.value) // console.log(n.name + ' '+n.value) $("#" + n.name).text(n.value); $("#" + n.name).val(n.value); $("#" + n.name).trigger('change') }); }, error: function() {} }); } $(function() { readSystemConfig(); $('#btn_cnf_system_save').on('click', function() { var $element = $("[json-system-modal]"); var json_data = generate_json('json-system-modal', $element); return $.ajax({ url: "app/models/user.php", data: { model: 'update_system_config', json_data: json_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_cnf_system_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); $('#btn_cnf_system_save').prop( 'disabled', false); } else { $('#btn_cnf_system_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_cnf_system_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); }); </script>��settings/notification.php��0000644��00000124320�15024776124�0011615 0��ustar�00��<?php if(!isset($session_access['1']) \|\| !in_array('1_4', $session_access['1'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if(in_array('1_1', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-system">System</a> </li> <?php } ?> <?php if(in_array('1_5', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-users">Users</a> </li> <?php } ?> <?php if(in_array('1_2', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-role">Roles</a> </li> <?php } ?> <?php if(in_array('1_3', $session_access['1'])){ ?> <li class=""> <a class="" href="#settings-sms">SMS</a> </li> <?php } ?> <?php if(in_array('1_4', $session_access['1'])){ ?> <li class="active"> <a class="" href="#settings-notification">Notification</a> </li> <?php } ?> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <span for="txt_role_name" class="col-form-label font-weight-normal">Templates:</span> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1" id="ttitle_1" json-cnf-notification="true">Create Ticket Expert SMS</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Status</label> <input type="checkbox" name="my-checkbox" id="status_1" json-cnf-notification="true" data-notification-status data-bootstrap-switch data-off-color="danger" data-on-color="success"> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the owner of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><ref_no></label> <label class="font-italic m-0 font-weight-normal">-  Display the reference number of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0" hidden> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t1-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <input type="hidden" value="Test" /> <textarea style="height: 150px;" type="text" id="t_1" json-cnf-notification="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1" id="ttitle_3" json-cnf-notification="true">Create Ticket Expert System</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Status</label> <input type="checkbox" name="my-checkbox" id="status_3" json-cnf-notification="true" data-notification-status data-bootstrap-switch data-off-color="danger" data-on-color="success"> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the owner of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><ref_no></label> <label class="font-italic m-0 font-weight-normal">-  Display the reference number of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0" hidden> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t3-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <textarea style="height: 150px;" type="text" id="t_3" json-cnf-notification="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1" id="ttitle_2" json-cnf-notification="true">Reply Ticket SMS</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Status</label> <input type="checkbox" name="my-checkbox" id="status_2" json-cnf-notification="true" data-notification-status data-bootstrap-switch data-off-color="danger" data-on-color="success"> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the user who reply to the ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><ref_no></label> <label class="font-italic m-0 font-weight-normal">-  Display the reference number of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0" hidden> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t2-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <textarea style="height: 150px;" type="text" id="t_2" json-cnf-notification="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1" id="ttitle_4" json-cnf-notification="true">Reply Ticket System</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Status</label> <input type="checkbox" name="my-checkbox" id="status_4" json-cnf-notification="true" data-notification-status data-bootstrap-switch data-off-color="danger" data-on-color="success"> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the user who reply to the ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><ref_no></label> <label class="font-italic m-0 font-weight-normal">-  Display the reference number of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0" hidden> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t4-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <textarea style="height: 150px;" type="text" id="t_4" json-cnf-notification="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="card collapsed-card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1" id="ttitle_5" json-cnf-notification="true">Expert Open Ticket Reminder</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-plus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0"> <div class="col-12 px-3 pt-2"> <div class="row"> <div class="col-sm-12"> <div class="col-12"> <div class="form-group row mb-1"> <label for="txt_lead_call_description" class="col-sm-12 pb-0 pl-0 pt-0 col-form-label font-weight-normal"> Available Parameters: <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="" data-original-title="Click the desire parameter to insert in template editor."></i> </label> <div class="form-group m-0" id=""> <div class="col-12 p-0"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Status</label> <input type="checkbox" name="my-checkbox" id="status_5" json-cnf-notification="true" data-notification-status data-bootstrap-switch data-off-color="danger" data-on-color="success"> </div> <div class="col-12 py-2"> <div class="row"> <label style="width:95px;" class="text-black font-weight-bold cursor-pointer m-0">Send every</label> <input type="number" class="hideEl" placeholder="Minutes" id="reminder_5" json-cnf-notification-rem="parent"> <div class="col-sm-3"> <input type="number" class="form-control form-control-sm" placeholder="Minutes" id="reminder_min_5" json-cnf-notification-rem="true"> </div> <div class="col-sm-3"> <input type="number" class="form-control form-control-sm" placeholder="Hours" id="reminder_hr_5" json-cnf-notification-rem="true"> </div> <div class="col-sm-3"> <input type="number" class="form-control form-control-sm" placeholder="Days" id="reminder_day_5" json-cnf-notification-rem="true"> </div> </div> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><user></label> <label class="font-italic m-0 font-weight-normal">-  Display the owner of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><ref_no></label> <label class="font-italic m-0 font-weight-normal">-  Display the reference number of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><title></label> <label class="font-italic m-0 font-weight-normal">-  Display the title of ticket.</label> </div> <div class="col-12 p-0" hidden> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><description></label> <label class="font-italic m-0 font-weight-normal">-  Display the description of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><category></label> <label class="font-italic m-0 font-weight-normal">-  Display the category of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><priority></label> <label class="font-italic m-0 font-weight-normal">-  Display the priority level of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><brand></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected brand of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><model></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model of ticket.</label> </div> <div class="col-12 p-0"> <label style="width:95px;" lead-t5-parameter="" class="text-danger font-weight-bold cursor-pointer m-0"><variant></label> <label class="font-italic m-0 font-weight-normal">-  Display the selected model variant of ticket.</label> </div> </div> </div> </div> </div> <div class="col-sm-6"> </div> </div> </div> <div class="form-group px-3"> <textarea style="height: 150px;" type="text" id="t_5" json-cnf-notification="true" placeholder="Enter your template here..." class="form-control form-control-md"></textarea> </div> </div> <!-- /.card-body --> </div> <div class="col p-0 mt-3 text-right"> <button type="button" class="btn btn-sm btn-primary " id="btn_cnf_sms_save">Save Notification</button> </div> </div> </div> </div> <!-- Toastr --> <script src="plugins/toastr/toastr.min.js"></script> <!-- Bootstrap Switch --> <script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <script> function readNotifTemplates() { return $.ajax({ url: "app/models/user.php", data: { model: 'read_notification_template', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result); $.each(result, function(i, n) { $("#t_" + n.id).text(n.description); $("#t_" + n.id).val(n.description); $("#t_" + n.id).trigger('change') // manage switch $("#status_" + n.id).bootstrapSwitch('state', parseInt(n.is_active)); }); }, error: function() {} }); } function readNotifReminder() { return $.ajax({ url: "app/models/user.php", data: { model: 'read_notification_reminder', }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) { // console.log(result); $.each(result, function(i, n) { // console.log(n); if(parseInt(n.minutes)){ $("#reminder_min_" + n.type).val(n.minutes); } if(parseInt(n.hours)){ $("#reminder_hr_" + n.type).val(n.hours); } if(parseInt(n.days)){ $("#reminder_day_" + n.type).val(n.days); } }); }, error: function() {} }); } function generate_json_notif(attribute, $element) { var / Create an object. / obj = {}, / Create a variable that references the current object (default → obj). / ref = obj; / Iterate over every input. / $element.each(function() { / Cache the id of the input. / var id = this.id; / Check whether the nodetype attribute is set to 'parent'. / if (this.getAttribute(attribute) == "parent") { / Set a new object to the property and set ref to refer to it. / ref = obj[id] = {}; } else { / Set the value of the input to the referred object. / if (this.getAttribute(attribute) == "true") { if (isEmpty($(this).val()) && isEmpty($(this).text())) { ref[id] = ''; } else { ref[id] = isEmpty($(this).val().trim()) ? $(this).text().trim() : $(this).val().trim(); } } } }); / Stringify the object and return it. / return JSON.stringify(obj); } $(function() { $("[data-notification-status]").each(function() { $(this).on('switchChange.bootstrapSwitch', function(event, state) { $(this).val(state ? 1 : 0); }); }); readNotifTemplates(); readNotifReminder(); for (var i = 1; i <= 5; i++) { // alert("[lead-t"+i+"-parameter]"); $("[lead-t" + i + "-parameter]").each(function() { var cur_index = i; $(this).on('click', function() { // alert('#t_'+cur_index); $('#t_' + cur_index).insertAtCaret($(this).text()); $('#t_' + cur_index).trigger('focus'); }); }); } // $("[lead-t1-parameter]").each(function() { // $(this).on('click', function() { // $('#t_1').insertAtCaret($(this).text()); // $('#t_1').trigger('focus'); // }); // }); // $("[lead-t2-parameter]").each(function() { // $(this).on('click', function() { // $('#t_2').insertAtCaret($(this).text()); // $('#t_2').trigger('focus'); // }); // }); // $("[lead-t3-parameter]").each(function() { // $(this).on('click', function() { // $('#t_3').insertAtCaret($(this).text()); // $('#t_3').trigger('focus'); // }); // }); // $("[lead-t4-parameter]").each(function() { // $(this).on('click', function() { // $('#t_4').insertAtCaret($(this).text()); // $('#t_4').trigger('focus'); // }); // }); $('#btn_cnf_sms_save').on('click', function() { var $element = $("[json-cnf-notification]"); var json_data = generate_json_notif('json-cnf-notification', $element); var $element_reminder = $("[json-cnf-notification-rem]"); var json_data_reminder = generate_json('json-cnf-notification-rem', $element_reminder); // alert(json_data_reminder) // return false; return $.ajax({ url: "app/models/user.php", data: { model: 'update_notification_template', json_data: json_data, json_data_reminder:json_data_reminder }, type: "POST", dataType: 'json', beforeSend: function() { $('#btn_cnf_sms_save').prop( 'disabled', true); toastr.remove(); toastr.info("Saving..."); }, success: function(result) { if (parseInt(result.status) === 1) { toastr.remove(); toastr.success(result.message); $('#btn_cnf_sms_save').prop( 'disabled', false); } else { $('#btn_cnf_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error(result.message); } }, error: function() { $('#btn_cnf_sms_save').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); $("input[data-bootstrap-switch]").each(function() { $(this).bootstrapSwitch('state', $(this).prop('checked')); }) }); </script>��settings/users.php��0000644��00000032425�15024776124�0010274 0��ustar�00��<?php if (!isset($session_access['1']) \|\| !in_array('1_5', $session_access['1'])) { include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if (in_array('1_1', $session_access['1'])) { ?> <li class=""> <a class="" href="#settings-system">System</a> </li> <?php } ?> <?php if (in_array('1_5', $session_access['1'])) { ?> <li class="active"> <a class="" href="#settings-users">Users</a> </li> <?php } ?> <?php if (in_array('1_2', $session_access['1'])) { ?> <li class=""> <a class="" href="#settings-role">Roles</a> </li> <?php } ?> <?php if (in_array('1_3', $session_access['1'])) { ?> <li class=""> <a class="" href="#settings-sms">SMS</a> </li> <?php } ?> <?php if (in_array('1_4', $session_access['1'])) { ?> <li class=""> <a class="" href="#settings-notification">Notification</a> </li> <?php } ?> </ul> <div class="tab-content bg-white m-0 p-3"> <div class="tab-pane active cont min-height-400"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto" style="border-bottom: 0px solid #dee2e6;"> </ul> <ul class="nav nav-tabs navbar-nav ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="role-filter" id="role-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> </ul> </div> </li> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="ticket-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="ticket-search" class="form-control form-control-sm pr-0" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search name, email or mobile."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_users" data-search="false" data-show-refresh="false" data-show-header="true" class="table table-bordered table-hover table-sm small" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="ticketsQueryParams" data-pagination="true"> <thead> <tr> <th data-field="no" data-width="5"> No.</th> <th data-field="user_id" data-width="100"> Employee ID </th> <th data-field="name" data-width="300"> Name </th> <th data-field="position" data-width="150"> Position </th> <th data-field="email" data-width="200"> Email </th> <th data-field="mobile" data-width="150"> Mobile </th> <th data-formatter="userRoleFormatter" data-field="role" data-width="10"> Role </th> <!-- <th data-width="5" data-formatter="ticketStatusFormatter" data-field="status"> Status </th> --> </tr> </thead> </table> </div> </div> </div> <!-- Common scripts --> <!-- dropzonejs --> <!-- <script src="plugins/dropzone/min/dropzone.min.js"></script> --> <!-- BTAble --> <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS </script> <script> function refreshUsersTable() { initUsersTable(); var $table = $('#table_users') $(function() { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); }) } function refreshUsersTableSilent() { var $table = $('#table_users') $(function() { try { $table.bootstrapTable('refresh', { url: 'app/models/user.php' }); } catch (e) { console.log('reply from viewer. error: ' + e) } }) } function initUsersTable() { var $table = $('#table_users'); $table.bootstrapTable('destroy').bootstrapTable({ sidePagination: 'server', formatSearch: function() { return 'Search...' }, onLoadSuccess: function() { $("select[data-role]").each(function() { var $select2 = $(this).select2({ placeholder: "Select role", // minimumResultsForSearch: -1, allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/user.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_roles', search: data .term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }) var role_name = $(this).attr('data-role-name'); if (!isEmpty(role_name)) { var newOption = new Option(role_name, role_name, true, true); $(this).append(newOption).trigger('change'); } }) selectListener(); }, exportOptions: { fileName: function() { return 'titile' } } }); } function selectListener() { $("select[data-role]").each(function() { clickedId = this.id; $('#' + clickedId).on('select2:select select2:unselecting', function(e) { var role_id = $(this).val(); var user_id = $(this).attr('data-user'); $.ajax({ url: "app/models/user.php", method: "POST", data: { model: 'update_user_role', role_id: role_id, user_id: user_id }, beforeSend: function() { toastr.remove(); toastr.info('Updating role...') }, success: function(data) { // refreshTableSilent(); //tobe change not resetting table toastr.remove(); toastr.success('Role updated...') } }); }); }); } function ticketsQueryParams(params) { return { search: $('#ticket-search').val(), offset: params.offset, limit: params.limit, sort: params.sort, order: params.order, filter_role: $('#role-filter').val(), model: 'read_users_list', }; } function initTicketSearchEvt() { $('#ticket-search').focusin(function() { $('#ticket-search-div').removeClass('default-search-size'); $('#ticket-search-div').addClass('expand-search-size'); }); $('#ticket-search').focusout(function() { if (isEmpty($(this).val())) { $('#ticket-search-div').removeClass('expand-search-size'); $('#ticket-search-div').addClass('default-search-size'); } }); $('#ticket-search').on('keyup', delay(function(e) { refreshUsersTableSilent(); }, 500)); } function userRoleFormatter(value, row, index) { return `<select name="user-role" id="user_role_` + row.id + `" class="form-control form-control-sm select2" data-user="` + row.id + `" data-role="` + row.role_id + `" data-role-name="` + row.role + `" data-bootstrap-select style="width: 100%;"> <option></option> </select>`; } $(document).ready(function() { filterEvt(); refreshUsersTable(); initTicketSearchEvt(); $("#role-filter").select2({ placeholder: "Select role", minimumResultsForSearch: -1, allowClear: true, escapeMarkup: function(markup) { return markup; }, ajax: { url: 'app/models/user.php', dataType: 'json', delay: 250, data: function(data) { return { model: 'read_roles', no_roles: 1, search: data .term // search term }; }, processResults: function(response) { return { results: response }; }, cache: true } }); $('#role-filter').on('select2:select select2:unselecting', function(e) { refreshUsersTableSilent(); }); // $('#role-filter').on('select2:select select2:unselecting', function(e) { // refreshUsersTableSilent(); // }); }); </script>��tickets/view.php��0000644��00000135763�15024776124�0007724 0��ustar�00��<?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']; $encrypted_file_location_json = $utility_class->encrypt('../../../resources/reports/ticket.php?id='.$ticket_id); $encrypted_file_location_arr = json_decode($encrypted_file_location_json,true); $print_uri = "viewer/pdf.php?key=".$encrypted_file_location_arr['key'].'&value='.$encrypted_file_location_arr['value']; ?> <div class="tab-container bg-white"> <div id="ticket_information_view" class="px-2"> <div class="row"> <div class="col-md-6"> <a href="<?php echo $print_uri; ?>" 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="<?php echo $print_uri; ?>" 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>��tickets/view copy.php��0000644��00000135367�15024776124�0010657 0��ustar�00��<?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>��tickets/own.php��0000644��00000006214�15024776124�0007541 0��ustar�00��<?php include(dirname(__FILE__) . "/components/header.php"); ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if (in_array('3_2', $session_access['3'])) { ?> <li class=""> <a class="" href="#tickets-new">New Ticket</a> </li> <?php } ?> <li class=""> <a class="" href="#tickets-list">All Tickets</a> </li> <li class="active"> <a class="" href="#tickets-own">My Tickets</a> </li> </ul> <?php include('resources/views/tickets/components/ticket_list.php'); ?> </div> <?php include('resources/views/modals/ticket_modal.php'); include('resources/views/modals/ticket_information_modal.php'); include('resources/views/modals/kb_suggestion_modal.php'); ?> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.min.js"></script> <!-- Select2 --> <script src="plugins/select2/js/select2.full.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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var remove_access = <?php echo in_array('3_9', $session_access['3']) ? 1 : 0; ?>; var owned_ticket_only = 1; var json_notification = ''; var param_progress = '<?php echo $param_progress ?>'; var param_progress = isEmpty(param_progress) ? [] : param_progress.split(','); var param_status = '<?php echo $param_status ?>'; var param_status = isEmpty(param_status) ? [] : param_status.split(','); var param_category = '<?php echo $param_category ?>'; var param_category = isEmpty(param_category) ? [] : param_category.split(','); var param_priority = '<?php echo $param_priority ?>'; var param_priority = isEmpty(param_priority) ? [] : param_priority.split(','); var param_brand = '<?php echo $param_brand ?>'; var param_start = '<?php echo $param_start ?>'; var param_end = '<?php echo $param_end ?>'; </script> <?php include('resources/views/common/script/ticket_list_functions.php'); include('resources/views/common/script/ticket_list.php'); ?>��tickets/components/ticket_list.php��0000644��00000030023�15024776124�0013434 0��ustar�00��<div class="tab-content bg-white m-0 pt-0"> <div class="tab-pane active cont min-height-400"> <div class="mb-0"> <nav class="navbar navbar-expand-md navbar-light justify-content-start pb-1 px-0" style=" background-color:transparent;"> <button class="navbar-toggler hide-sm" type="button" data-toggle="collapse" data-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse show" id="navbarNav"> <ul class="nav nav-tabs navbar-nav mr-auto my-0" style="border-bottom: 0px solid #dee2e6;"> <?php if(in_array('3_2', $session_access['3'])){ ?> <li class="nav-item mr-2 mb-1"> <!-- <button type="submit" class="btn btn-dark btn-sm" id="new_ticket">New Ticket</button> --> <!-- <a href="#tickets-new" class="p-0"> <button type="submit" class="btn btn-dark btn-sm" id="">New Ticket</button> </a> --> </li> <?php } ?> <!-- <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="">Print</button> </li> <li class="nav-item mr-2 mb-1"> <button type="submit" class="btn btn-dark btn-sm" id="ticket_export_pdf"><i class="fa fa-file-pdf"></i> Export PDF</button> </li> --> <!-- <li class="nav-item mr-2 mb-1 hide-sm"> <div class="tooltip-me" title="" data-original-title="Action"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown" aria-expanded="false"> <i class="fas fa-tasks"></i> <u>Export</u> </button> <ul class="ticket-actions dropdown-menu"> <li class="dropdown-item cursor-pointer py-0" onclick="exportPdf()"><i class="fa fa-file-pdf"></i> <span class="text-sm">Export as PDF</span></li> <li class="dropdown-item cursor-pointer py-0" onclick="exportXlsx()"><i class="fa fa-file-excel"></i> <span class="text-sm">Export as Excel</span></li> </ul> </div> </li> --> </ul> <ul class="nav nav-tabs navbar-nav mt-0 ml-auto-md" style="border-bottom: 0px solid #dee2e6;"> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filter by category"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-list-alt"></i> <u>Category</u> </button> <ul class="ticket-filter-category dropdown-menu"> </ul> </div> </li> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="Filter by status"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-list-alt"></i> <u>Status</u> </button> <ul class="ticket-filter-final-status dropdown-menu"> </ul> </div> </li> <li class="nav-item mr-2 mb-1"> <div class="tooltip-me" title="More filters"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <i class="fas fa-filter"></i><u>More Filters</u> </button> <ul class="ticket-more-filter dropdown-menu white-bg" style="width:100px;"> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <div class="form-group mb-0"> <div class="form-group dropdown-input mb-1"> <div id="filter-date" class="p-1" name="filter-date" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%"> <i class="fa fa-calendar"></i>  <span></span> <!-- <i class="fa fa-angle-down mt-1 float-right"></i> --> </div> </div> <!--form-group dropdown--> </div> <!--form-group--> </li> <!-- <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <u>Progress Level</u> </button> </a> <ul class="ticket-filter-status dropdown-menu children-ul"> </ul> </li> --> <li class="dropdown-submenu cursor-pointer py-0 px-2 mb-1"> <!-- <a class="children" tabindex="-1" href="#"><span class="text-md text-dark font-weight-bold">Priority <i class="fas fa-angle-right"></i></span></a> --> <a class="children pl-0" tabindex="-1" href="#"> <button type="button" class="btn dropdown-toggle pl-0 pr-2" data-toggle="dropdown"> <!--<i class="fas fa-exclamation-triangle"></i> --> <u>Priority Level</u> </button> </a> <ul class="ticket-filter-priority dropdown-menu children-ul"> </ul> <!-- <ul class="dropdown-menu"> <li><a tabindex="-1" href="#">2nd level 1</a></li> <li><a tabindex="-1" href="#">2nd level 2</a></li> <li class="dropdown-submenu"> <a class="children" href="#">Another dropdown <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">3rd level 1</a></li> <li><a href="#">3rd level 2</a></li> </ul> </li> </ul> --> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="brand-filter" id="brand-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> <li class=" dropdown-item cursor-pointer py-0 px-2 mb-1"> <select name="model-filter" id="model-filter" class="form-control form-control-sm select2" style="width: 100%;"> <option></option> </select> </li> </ul> </div> </li> <li class="nav-item mr-0 mb-1"> <div class="row"> <div class="input-group search-transition default-search-size" id="ticket-search-div"> <div class="input-group-prepend"> <span class="input-group-text pr-2 pl-2 pt-0 pb-0"><i class="fas fa-search"></i></span> </div> <input type="search" id="ticket-search" class="form-control form-control-sm pr-0" autocomplete="off" placeholder="Search..."> </div> <i class=" cursor-pointer tooltip-me pt-1 pl-1 fas fa-question-circle text-primary " title="Search plate, cs, vin, case id, fault codes or ticket subject."></i> </div> </li> </ul> </div> </nav> </div> <table id="table_tickets" data-search="false" data-show-refresh="false" data-show-header="true" class="table table-bordered table-hover table-sm small" data-show-export="false" data-page-size="15" data-page-list="[15, 30, 50, 100, all]" data-query-params="ticketsQueryParams" data-pagination="true"> <thead> <tr> <!-- <th data-field="no" class="ticket-col hide-sm" data-width="5">No.</th> --> <th class="pt-0 white-space-wrap" data-width="350" data-formatter="ticketTitleFormatter" data-field="title"> Subject </th> <th data-field="reference_no" data-width="20"> Case ID </th> <th data-field="date" data-width="120"> Date </th> <th data-field="category" class="white-space-wrap ticket-col hide-sm" data-width="200"> Category </th> <th data-width="200" class="white-space-wrap" data-field="priority"> Priority </th> <th data-field="vehicle" class="white-space-wrap" data-width="250"> Vehicle </th> <th data-field="created_by" class="ticket-col hide-sm" data-width="200"> Created By </th> <!-- <th data-field="plate_cs" class="ticket-col hide-sm" data-width="10"> Plate/CS# </th> --> <!-- <th data-width="5" data-formatter="ticketStatusFormatter" data-field="status"> Status </th> --> <th data-width="5" data-formatter="ticketActionFormatter" class="text-center action-formatter-th hideEl" data-field="action"> Action </th> <th data-width="5" data-events="" data-formatter="removeTicketFormatter" class="text-center remove-formatter-th " data-field="action_remove"> Remove </th> </tr> </thead> </table> </div> </div>��tickets/components/header.php��0000644��00000001620�15024776124�0012347 0��ustar�00��<?php if(!isset($session_access['3']) \|\| !in_array('3_1', $session_access['3'])){ include $error_404; exit; } $param_progress = isset($_REQUEST['progress']) ? $db->escape($_REQUEST['progress']) : '' ; $param_status = isset($_REQUEST['status']) ? $db->escape($_REQUEST['status']) : '' ; $param_brand = isset($_REQUEST['brand']) ? $db->escape($_REQUEST['brand']) : '' ; $param_category = isset($_REQUEST['area']) ? $db->escape($_REQUEST['area']) : '' ; $param_priority = isset($_REQUEST['priority']) ? $db->escape($_REQUEST['priority']) : '' ; $param_start = isset($_REQUEST['start']) ? $db->escape($_REQUEST['start']) : '' ; $param_end = isset($_REQUEST['end']) ? $db->escape($_REQUEST['end']) : '' ; if(!$utility_class->isNotEmpty($param_start) \|\| !$utility_class->isNotEmpty($param_end)){ $param_start = ''; $param_end = ''; } ?> ��tickets/list.php��0000644��00000007110�15024776124�0007705 0��ustar�00��<?php include(dirname(__FILE__) . "/components/header.php"); ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if (in_array('3_2', $session_access['3'])) { ?> <li class=""> <a class="" href="#tickets-new">New Ticket</a> </li> <?php } ?> <li class="active"> <a class="" href="#tickets-list">All Tickets</a> </li> <li class=""> <a class="" href="#tickets-own">My Tickets</a> </li> </ul> <?php include('resources/views/tickets/components/ticket_list.php'); ?> </div> <?php include('resources/views/modals/ticket_modal.php'); include('resources/views/modals/ticket_information_modal.php'); include('resources/views/modals/kb_suggestion_modal.php'); ?> <!-- Common scripts --> <!-- dropzonejs --> <script src="plugins/dropzone/min/dropzone.min.js"></script> <!-- BTAble --> <!-- <script src="dist/js/tableExport/tableExport.min.js"></script> --> <!-- <script src="dist/js/tableExport/libs/js-xlsx/xlsx.core.min.js"></script> --> <!-- <script src="dist/js/tableExport/libs/jsPDF/jspdf.umd.min.js"></script> --> <!-- <script src="dist/js/tableExport/libs/es6-promise/es6-promise.auto.min.js"></script> --> <!-- <script src="dist/js/tableExport/libs/html2canvas/html2canvas.min.js"></script> --> <script src="plugins/bootstrap-table/js/bootstrap-table.min.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-en-US.js"></script> <script src="plugins/bootstrap-table/js/bootstrap-table-export.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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var remove_access = <?php echo in_array('3_9', $session_access['3']) ? 1 : 0; ?>; var owned_ticket_only = 0; var json_notification = <?php if (isset($_REQUEST['notification'])) { echo "'" . $_REQUEST['notification'] . "'"; } else { echo 0; } ?>; var param_progress = '<?php echo $param_progress ?>'; var param_progress = isEmpty(param_progress) ? [] : param_progress.split(','); var param_status = '<?php echo $param_status ?>'; var param_status = isEmpty(param_status) ? [] : param_status.split(','); var param_category = '<?php echo $param_category ?>'; var param_category = isEmpty(param_category) ? [] : param_category.split(','); var param_priority = '<?php echo $param_priority ?>'; var param_priority = isEmpty(param_priority) ? [] : param_priority.split(','); var param_brand = '<?php echo $param_brand ?>'; var param_start = '<?php echo $param_start ?>'; var param_end = '<?php echo $param_end ?>'; // console.log(param_progress); </script> <?php include('resources/views/common/script/ticket_list_functions.php'); include('resources/views/common/script/ticket_list.php'); ?>��tickets/view1.php��0000644��00000015643�15024776124�0007777 0��ustar�00��<!-- PHP Section Header --> <?php if(isset($_REQUEST['id'])){ $param_id = intval($_REQUEST['id']) ; }else{ echo "Invalid request."; exit; } if(isset($_REQUEST['notification'])){ $notification = "'".$_REQUEST['notification']."'"; }else{ $notification = 0; } ?> <div class="tab-container bg-light"> <div id="ticket_information_view"> <?php include('resources/views/modals/components/ticket_information_modal.php'); ?> </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> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <script> // GLOBALS var json_notification = <?php echo $notification ?>; </script> <?php include('resources/views/common/script/ticket_list_functions.php'); ?> <script> selected_ticket_data = <?php echo $param_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 { ticketReplyDropzone.removeAllFiles(true); createReplyTicket(); } uploaded_reply_ticket_attachments_has_error = false; uploaded_reply_ticket_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); }catch(e){ // console.log(e); } $(document).ready(function() { // initLightBox(); ticketInformationEvt(); classifiedTicketsEvt(); // $('.am-toggle-left-sidebar').trigger("click"); $('#ticket_info_attachment_container').removeClass('container') $('#ticket-info-modal-tab li a').removeClass('active') $('#ticket-info-modal-tab-content .tab-pane').removeClass('active').removeClass('show') $('#ticket-info-modal-tab-information').addClass('active') $('#ticket-info-modal-tab-information-sec').addClass('active').addClass('show') $("[ticket-info-data]").each(function() { $(this).html("<span class='text-md text-muted font-italic'>Loading...</span>") }); readTicketInformation(); readTicketAttachments(); defaultTicketReplies(); if(json_notification){ // fetch notification information var notification_obj = JSON.parse(json_notification); selected_ticket_data = notification_obj[0]; var to_user_id = notification_obj[1]; $('#ticket_info_modal').modal('show'); // mark notif as read updateNotificationMarkAsRead(selected_ticket_data,to_user_id); } }); </script> ��tickets/new.php��0000644��00000220103�15024776124�0007522 0��ustar�00��<?php if(!isset($session_access['3']) \|\| !in_array('3_2', $session_access['3'])){ include $error_404; exit; } ?> <div class="tab-container bg-light"> <ul class="nav nav-tabs hide-sm"> <?php if(in_array('3_2', $session_access['3'])){ ?> <li class="active"> <a class="" href="#tickets-new">New Ticket</a> </li> <?php } ?> <li class=""> <a class="" href="#tickets-list">All Tickets</a> </li> <li class=""> <a class="" href="#tickets-own">My Tickets</a> </li> </ul> <div id="ticket_information_view"> <div class="d-flex justify-content-center"> <div class="col-lg-8 col-sm-12"> <!-- /.row --> <div class="row"> <div class="col-md-12"> <!-- <div class="card card-default"> <div class="card-header"> <h3 class="card-title">bs-stepper</h3> </div> <div class="card-body p-0"> --> <div class="bs-stepper"> <div class="bs-stepper-header" role="tablist"> <!-- your steps here --> <!-- <div onclick="stepper.to(1)" class="step cursor-pointer" data-target="#step-one"> --> <div onclick="" class="step" data-target="#step-one"> <button type="button" class="step-trigger" role="tab" aria-controls="step-one" id="step-one-trigger"> <span class="bs-stepper-circle m-0">1</span> <!-- <span class="bs-stepper-label">Logins</span> --> </button> </div> <div class="line"></div> <!-- <div onclick="stepper.to(2)" class="step cursor-pointer" data-target="#step-two"> --> <div onclick="" class="step" data-target="#step-two"> <button type="button" class="step-trigger" role="tab" aria-controls="step-two" id="step-two-trigger"> <span class="bs-stepper-circle m-0">2</span> <!-- <span class="bs-stepper-label">Various information</span> --> </button> </div> <div class="line"></div> <!-- <div onclick="stepper.to(3)" class="step cursor-pointer" data-target="#step-three"> --> <div onclick="" class="step" data-target="#step-three"> <button type="button" class="step-trigger" role="tab" aria-controls="step-three" id="step-three-trigger"> <span class="bs-stepper-circle m-0">3</span> <!-- <span class="bs-stepper-label">Various information</span> --> </button> </div> <div class="line"></div> <!-- <div onclick="stepper.to(4)" class="step cursor-pointer" data-target="#step-four"> --> <div onclick="" class="step" data-target="#step-four"> <button type="button" class="step-trigger" role="tab" aria-controls="step-four" id="step-four-trigger"> <span class="bs-stepper-circle m-0">4</span> <!-- <span class="bs-stepper-label">Various information</span> --> </button> </div> <div class="line"></div> <!-- <div onclick="stepper.to(5)" class="step cursor-pointer" data-target="#step-five"> --> <div onclick="" class="step" data-target="#step-five"> <button type="button" class="step-trigger" role="tab" aria-controls="step-five" id="step-five-trigger"> <span class="bs-stepper-circle m-0">5</span> <!-- <span class="bs-stepper-label">Various information</span> --> </button> </div> </div> <div class="bs-stepper-content"> <!-- your steps content here --> <div id="step-one" class="content" role="tabpanel" aria-labelledby="step-one-trigger"> <div class="col-12"> <label class="text-lg m-0 p-0"> CASE DATA </label> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="title" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Title<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-ticket-modal="true" json-ticket-modal-one="true" id="title" placeholder=""> </div> </div> <div class="form-group row mb-1"> <label for="category" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Area<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="category" json-ticket-modal="true" json-ticket-modal-one="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1" style="display:none;"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Case Description<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea oninput="auto_grow(this)" style="height:calc(1.8125rem + 2px);" type="text" class="custom-text-area form-control form-control-sm " json-ticket-modal-one="true" id="description"></textarea> </div> </div> <!-- <div class="form-group row mb-1"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Description<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea style="height: 102px;" type="text" class="form-control form-control-sm " json-ticket-modal-one="true" id="description"></textarea> </div> </div> --> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> VEHICLE INFORMATION </label> </div> <div class="col-12"> <!-- <div class="col-sm-4"> <div class="form-group row mb-1"> <label for="priority_level" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Priority Level<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="priority_level" json-ticket-modal="true" style="width: 100%;"> </select> </div> </div> </div> --> <div class="form-group row mb-1" id="brand_div" style="display:;"> <label for="brand" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Brand<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="brand" json-ticket-modal="true" json-ticket-modal-one="true" style="width: 100%;"> </select> </div> </div> <div class="form-group row mb-1" id="model_div" style="display:;"> <label for="model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <select class="form-control form-control-sm select2bs4" id="model" json-ticket-modal="true" json-ticket-modal-one="true" style="width: 100%;"> </select> </div> </div> </div> <div class="col-12"> <div class="form-group row mb-1" id="plate_cs_div" style="display:;"> <label for="plate_cs" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Plate/CS<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="no-sp-ch form-control form-control-sm uppercase" style="text-transform:uppercase" json-ticket-modal-one="true" id="plate_cs" placeholder=""> </div> </div> <div class="form-group row mb-1" id="mileage_div" style="display:;"> <label for="mileage" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Mileage (km)</label> <div class="col-sm-12"> <input type="number" min="0" class=" form-control form-control-sm uppercase" style="text-transform:uppercase" json-ticket-modal-one="true" id="mileage" placeholder=""> </div> </div> <div class="form-group row mb-1" id="vin_div" style="display:;"> <label for="vin" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">VIN</label> <div class="col-sm-12"> <input type="text" class=" form-control form-control-sm uppercase" style="text-transform:uppercase" json-ticket-modal-one="true" id="vin" placeholder=""> </div> </div> <div class="form-group row mb-1" id="model_variant_div" style="display:none;"> <label for="model_variant" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Model Variant</label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm uppercase" json-ticket-modal-one="true" autocomplete="off" id="model_variant" placeholder=""> <input type="text" json-ticket-modal="true" json-ticket-modal-one="true" id="model_variant_id" style="display:none;"> </div> </div> <div class="form-group row mb-1" id="year_model_div" style="display:;"> <label for="year_model" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Year Model</label> <div class="col-sm-12"> <!-- <input type="text" class="form-control form-control-sm uppercase" json-ticket-modal-one="true" id="year_model" placeholder=""> --> <input type="number" class="form-control form-control-sm no-arrow uppercase" id="year_model" oninput="this.value=this.value.slice(0,this.maxLength)" maxlength="4" json-ticket-modal-one="true" placeholder=""> </div> </div> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> CASE DETAILS </label> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="workshop_visit" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Number of workshop visit<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="number" min="0" class="form-control form-control-sm " json-ticket-modal-one="true" id="workshop_visit" placeholder=""> </div> </div> </div> <div class="col-12 "> <div class="row"> <div class="col-6"> <div class="form-check ticket-final-status" style=""> <input id="chk_breakdown" json-ticket-modal-one="true" name="vehicle_location_status" value="" class="custom-chk-rdo-size form-check-input mt-2" type="checkbox"> <label for="chk_breakdown" class="text-md form-check-label mt-1">Breakdown </label> </div> </div> <div class="col-6"> <div class="form-check ticket-final-status" style=""> <input checked value="1" json-ticket-modal-one="true" id="chk_on_site" name="vehicle_location_status" value="" class="custom-chk-rdo-size form-check-input mt-2" type="checkbox"> <label for="chk_on_site" class="text-md form-check-label mt-1">Vehicle on site </label> </div> </div> </div> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> PRIORITY </label> </div> <div class="col-12 "> <div class="row"> <div class="col-sm-6"> <div class="form-check ticket-final-status" style=""> <input value="1" json-ticket-modal-one="true" id="rdo_info" value="" name="priority" class="custom-chk-rdo-size form-check-input mt-2" type="radio"> <label for="rdo_info" class="text-md form-check-label mt-1">Info </label> </div> </div> <div class="col-sm-6"> <div class="form-check ticket-final-status" style=""> <input checked value="3" json-ticket-modal-one="true" id="rdo_urgent" value="" name="priority" class="custom-chk-rdo-size form-check-input mt-2" type="radio"> <label for="rdo_urgent" class="text-md form-check-label mt-1">Urgent </label> </div> </div> <div class="col-sm-4" hidden> <div class="form-check ticket-final-status" style=""> <input value="2" json-ticket-modal-one="true" id="rdo_reply_req" value="" name="priority" class="custom-chk-rdo-size form-check-input mt-2" type="radio"> <label for="rdo_reply_req" class="text-md form-check-label mt-1">Reply requested </label> </div> </div> </div> </div> <div class="row py-3 px-2"> <!-- <div class="col text-left"> <button type="button" onclick="stepper.previous()" class="btn btn-sm btn-primary " id="">< Previous</button> </div> --> <div class="col text-right"> <button type="button" onclick="" class="btn btn-sm btn-primary " id="step-one-next">Next ></button> </div> </div> </div> <div id="step-two" class="content" role="tabpanel" aria-labelledby="step-two-trigger"> <div class="col-12"> <label class="text-lg m-0 p-0"> COMPLAINT </label> </div> <div class="col-12"> <!-- <div class="form-group row mb-1"> <label for="title" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Describe customer<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-ticket-modal="true" id="title" placeholder=""> </div> </div> --> <div class="form-group row mb-1"> <label for="complaint" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Describe customer complaint<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea oninput="auto_grow(this)" style="height:calc(1.8125rem + 2px);" type="text" class="custom-text-area form-control form-control-sm " json-ticket-modal-two="true" id="complaint"></textarea> </div> </div> <!-- <div class="form-group row mb-1"> <label for="description" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Description<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea style="height: 102px;" type="text" class="form-control form-control-sm " json-ticket-modal="true" id="description"></textarea> </div> </div> --> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> WORK PERFORMED </label> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="work_performed" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Describe work done in workshop<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <textarea oninput="auto_grow(this)" style="height:calc(1.8125rem + 2px);" type="text" class="custom-text-area form-control form-control-sm " json-ticket-modal-two="true" id="work_performed"></textarea> </div> </div> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> IMPORTANT ADDITIONAL DATA </label> </div> <div class="col-12"> <div class="form-group row mb-1"> <label for="fault_codes" class="col-sm-12 pb-0 pt-1 col-form-label font-weight-normal">Fault Codes (separated by comma)<span class="text-danger font-weight-bold"> </span></label> <div class="col-sm-12"> <input type="text" class="form-control form-control-sm " json-ticket-modal="true" json-ticket-modal-two="true" id="fault_codes" placeholder=""> </div> </div> </div> <div class="row py-3 px-2"> <div class="col text-left"> <button type="button" onclick="stepper.previous()" class="btn btn-sm btn-primary " id=""> < Previous</button> </div> <div class="col text-right"> <button type="button" onclick="" class="btn btn-sm btn-primary " id="step-two-next">Next ></button> </div> </div> </div> <div id="step-three" class="content" role="tabpanel" aria-labelledby="step-three-trigger"> <div class="col-12"> <label class="text-lg m-0 p-0"> ATTACHMENTS </label> </div> <div class="m-3"> </div> <div class="col-12"> <div class="card-body p-0"> <div id="ticket_actions" class="row"> <div class="col-lg-3"> <div class="btn-group w-100"> <span class="btn btn-success col btn-sm fileinput-button"> <i class="fas fa-plus"></i> <span>Browse/Drag Files</span> </span> </div> </div> </div> <div class="table table-striped files" id="ticket_previews"> <div id="ticket_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 word-wrap"> <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-sm-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-sm-auto d-flex align-items-center"> <div class="btn-group"> <button data-dz-remove class="btn btn-sm btn-danger delete"> <i class="fas fa-trash"></i> <span>Remove</span> </button> </div> </div> </div> </div> </div> </div> <div class="row py-3 px-2"> <div class="col text-left"> <button type="button" onclick="stepper.previous()" class="btn btn-sm btn-primary " id=""> < Previous</button> </div> <div class="col text-right"> <button type="button" onclick="stepper.next()" class="btn btn-sm btn-primary " id="step-three-next">Next ></button> </div> </div> </div> <div id="step-four" class="content" role="tabpanel" aria-labelledby="step-four-trigger"> <div class="col-12"> <label class="text-lg m-0 p-0"> RELATED KNOWLEDGEBASE AND TICKET ARTICLES </label> </div> <div class="col-12"> <div class="coveo-result-list-container coveo-list-layout-container"> </div> <div class="row d-flex justify-content-center bg-light" id="view_more_kb_search"> <div class="p-1 col-12 text-center"> <span class="cursor-pointer text-primary" id="kb_search_view_more"> <i class="fas fa-plus mr-1"></i>View More</span> </div> </div> </div> <div class="row py-3 px-2"> <div class="col text-left"> <button type="button" onclick="stepper.previous()" class="btn btn-sm btn-primary " id=""> < Previous</button> </div> <div class="col text-right"> <button type="button" onclick="stepper.next()" class="btn btn-sm btn-primary " id="step-four-next">Next ></button> </div> </div> </div> <div id="step-five" class="content" role="tabpanel" aria-labelledby="step-five-trigger"> <div class="col-12"> <label class="text-lg m-0 p-0"> CASE DATA </label> </div> <div class="col-12"> <div class="form-group row col mb-0 " id="lbl_ticket_subject_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Title</label> <div class="col"> <label class=" pb-0 pt-1 col-form-label font-weight-bold" ticket-info-data placeholder="" id="lbl_ticket_subject"><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: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Area</label> <div class="col"> <label class=" pb-0 pt-1 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 class="form-group row col mb-0 person-field" id="lbl_ticket_priority_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Priority</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_priority"><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_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 class="form-group row col mb-0 " id="lbl_ticket_created_by_div"> <label for="" style="width: 115px;" class="pb-0 pt-1 col-form-label font-weight-normal">Created By</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_created_by"><span class="text-md text-muted font-italic">Loading...</span></label> </div> </div> </div> <div class="m-3"> </div> <div class="col-12"> <div class="card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">COMPLAINT</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0" style="display: block;"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description" id="lbl_ticket_complaint"> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> </div> <div class="m-3"> </div> <div class="col-12"> <div class="card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">DESCRIBE WORK DONE IN WORKSHOP</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0" style="display: block;"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <span class="product-description" id="lbl_ticket_work_done"> </span> </div> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> </div> <div class="m-3"> </div> <div class="col-12"> <div class="card mb-2"> <div class="card-header bg-light pl-2 pt-1 pb-1"> <h3 class="card-title text-md pt-1">IMPORTANT ADDITIONAL DATA</h3> <div class="card-tools"> <button type="button" class="btn btn-tool role-toggle" data-card-widget="collapse"> <i class="fas fa-minus"></i> </button> </div> </div> <!-- /.card-header pl-2 pt-1 pb-1 --> <div class="card-body p-0" style="display: block;"> <ul class="products-list product-list-in-card pl-2 pr-2"> <li class="item p-1"> <div class=""> <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> </li> <!-- /.item --> </ul> </div> <!-- /.card-body --> </div> </div> <div class="m-3"> </div> <div class="col-12"> <label class="text-lg m-0 p-0"> ATTACHMENTS </label> </div> <div class="col-12"> <!-- 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="row py-3 px-2"> <div class="col text-left"> <button type="button" onclick="stepper.previous()" class="btn btn-sm btn-primary " id=""> < Previous</button> </div> <div class="col text-right"> <button type="button" onclick="" class="btn btn-sm btn-primary " id="step-five-next">Submit Ticket</button> </div> </div> </div> </div> </div> <!-- </div> --> <!-- /.card-body --> <!-- <div class="card-footer"> Visit <a href="https://github.com/Johann-S/bs-stepper/#how-to-use-it">bs-stepper documentation</a> for more examples and information about the plugin. </div> </div> --> <!-- /.card --> </div> </div> <!-- /.row --> </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> <!-- BS-Stepper --> <script src="plugins/bs-stepper/js/bs-stepper.min.js"></script> <?php include('resources/views/common/script/function.php'); ?> <!-- custom scripts for this page only --> <?php include('resources/views/common/script/ticket_list_functions.php'); // include('resources/views/common/script/ticket_list.php'); ?> <script> var stepper = new Stepper($('.bs-stepper')[0]); selected_ticket_data = null; //nullified to work on php model var json_data_one = null; var json_data_two = null; var priority_level = 3; // DROPZONE START // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument try { var previewNode = document.querySelector("#ticket_template") previewNode.id = "" var previewTemplate = previewNode.parentNode.innerHTML previewNode.parentNode.removeChild(previewNode) // $valid_ext_doc = array('pdf','doc','docx','txt','html','htm','ppt','pptx','xls','csv','xlsx'); // $valid_ext_img = array('png','jpeg','jpg'); // $valid_ext_vid = array('mp4','mkv','mov','avi','wmv'); var myDropzone = new Dropzone("#step-three", { removedfile: function(file) { // alert(file.id) // console.log(file) // if (!isEmpty(file.id)) { // remove_ticket_attachment_mock_files.push(file.id); // } // console.log(remove_ticket_attachment_mock_files) // delete uploaded_ticket_attachments_arr[file.upload.uuid]; // console.log(file.upload.uuid) var index = uploaded_ticket_attachments_arr.findIndex(function(obj) { return obj.uuid == file.upload.uuid }); if (index > -1) { uploaded_ticket_attachments_arr.splice(index, 1); } // console.log(uploaded_ticket_attachments_arr) var _ref; return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0; }, url: "app/models/file.php", paramName: "file", maxFilesize: 1024, maxFiles: 20, autoProcessQueue: true, 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"); $('#step-three-next').prop( 'disabled', true); }); }, thumbnailWidth: 50, thumbnailHeight: 50, parallelUploads: 20, previewTemplate: previewTemplate, autoQueue: true, // Make sure the files aren't queued until manually added previewsContainer: "#ticket_previews", // Define the container to display the previews clickable: ".fileinput-button" // Define the element that should be used as click trigger to select files. }); myDropzone.on('success', function(file, result) { $('#step-three-next').prop( 'disabled', false); try { result = JSON.parse(result) if (parseInt(result.status) === 1) { // alert(result.change_name); var uploaded_ticket_attachments_obj = { "change_name": result.change_name, "original_name": result.orig_name, "uuid": file.upload.uuid } uploaded_ticket_attachments_arr.push(uploaded_ticket_attachments_obj); // console.log(uploaded_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_ticket_attachments_has_error) { uploaded_ticket_attachments_has_error = true; uploaded_ticket_attachments_error_msg = { filename: result.orig_name, message: result.message }; } } if (!result.error) { if (myDropzone.getQueuedFiles().length === 0 && myDropzone.getUploadingFiles().length === 0) { // console.log(uploaded_ticket_attachments_arr) if (uploaded_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_ticket_attachments_arr) }, type: "POST", dataType: 'json', beforeSend: function() {}, success: function(result) {}, error: function() {} }); } else { // myDropzone.removeAllFiles(true); // createTicket(); // console.log(uploaded_ticket_attachments_arr); // updateVehicleAttachments(); } //put this line below to finish area // uploaded_ticket_attachments_has_error = false; // uploaded_ticket_attachments_arr = []; } } //TODO - } catch (e) { //TODO - console.log(e) } }); } catch (e) {} function startUpload() { if (myDropzone.getAcceptedFiles().length < 1) { stepper.next() } for (var i = 0; i < myDropzone.getAcceptedFiles().length; i++) { myDropzone.processFile(myDropzone.getAcceptedFiles()[i]); } } function updateVehicleAttachments() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'update_ticket_attachments', attachments: JSON.stringify(uploaded_ticket_attachments_arr), id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#step-three-next').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.status) === 1) { // stepper.next() } else { toastr.remove(); toastr.error(result.message); } $('#step-three-next').prop( 'disabled', false); }, error: function() { $('#step-three-next').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } // DROPZONE END function initStepsButton() { stepOne(); stepTwo(); stepThree(); stepFour(); stepFive(); } function stepFour() { $('#step-four-next').on('click', function(e) { readTicketInformationData(); readTicketAttachments(); }); } 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 { $("#" + i).text(n); $("#" + i).val(n); $("#" + i).trigger('change') } if (isEmpty(n)) { $("#" + i + "_div").hide(); } else { $("#" + i + "_div").show(); } } }); }, error: function() {} }); } function stepOne() { $('#step-one-next').on('click', function(e) { if (check_if_empty_field($('#title'), 'Title is required.')) { return; } if ($('#title').val().length <= 4) { toastr.remove(); toastr.error("Title is too short..."); $('#title').trigger('focus'); return; } if (check_if_empty_field($('#category'), 'Category is required.')) { return; } if (!isEmpty($('#year_model').val())) { if ($('#year_model').val().length != 4) { toastr.remove(); toastr.error("Invalid year model..."); $('#year_model').trigger('focus'); return; } } var $element = $("[json-ticket-modal-one]"); json_data_one = generate_json( 'json-ticket-modal-one', $element); // alert(json_data_one); // return; createTicket(); }) } function createTicket() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket_header', json_data: json_data_one, priority_id: priority_level, id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#step-one-next').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.status) === 1) { selected_ticket_data = result.id; stepper.next() } else { toastr.remove(); toastr.error(result.message); } $('#step-one-next').prop( 'disabled', false); }, error: function() { $('#step-one-next').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function stepTwo() { $('#step-two-next').on('click', function(e) { if (check_if_empty_field($('#complaint'), 'Customer complaint is required.')) { return; } if (check_if_empty_field($('#work_performed'), 'Work performed is required.')) { return; } var $element = $("[json-ticket-modal-two]"); json_data_two = generate_json( 'json-ticket-modal-two', $element); // alert(json_data_two); // return; updateVehicleData(); }) } function updateVehicleData() { return $.ajax({ url: "app/models/ticket.php", data: { model: 'update_ticket_vehicle_customer', json_data: json_data_two, id: selected_ticket_data }, type: "POST", dataType: 'json', beforeSend: function() { $('#step-two-next').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.status) === 1) { stepper.next() } else { toastr.remove(); toastr.error(result.message); } $('#step-two-next').prop( 'disabled', false); }, error: function() { $('#step-two-next').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function stepThree() { $('#step-three-next').on('click', function(e) { updateVehicleAttachments(); // startUpload(); var $element = $("[json-ticket-modal]"); ticket_json_data = generate_json( 'json-ticket-modal', $element); // alert(ticket_json_data); // return; // createTicket(); resetRelatedArticleResult(); read_related_kb_tickets_v2(); }) } function read_related_kb_tickets_v2() { return $.ajax({ url: "app/models/knowledgebase.php", data: { model: 'read_related_articles', json_data: ticket_json_data, offset: kb_display_limit - kb_display_limit_const, limit: kb_display_limit_const }, type: "POST", dataType: 'json', beforeSend: function() { }, success: function(result) { if (parseInt(result.total) > 0) { $.each(result['rows'], function(i, n) { $('#search-result-lbl').show(); var html = n.descriptionf; html = html.replace(/<style([\s\S]?)<\/style>/gi, ''); html = html.replace(/<script([\s\S]?)<\/script>/gi, ''); html = html.replace(/<\/div>/ig, '\n'); html = html.replace(/<\/li>/ig, '\n'); html = html.replace(/<li>/ig, ' * '); html = html.replace(/<\/ul>/ig, '\n'); html = html.replace(/<\/p>/ig, '\n'); html = html.replace(/<br\s[\/]?>/gi, "\n"); html = html.replace(/<[^>]+>/ig, ''); uri = "#knowledgebase-view-"+n.id; if(parseInt(n.source) === 2){ uri = "#tickets-view-"+n.id; } $('.coveo-result-list-container').append(` <div class="coveo-list-layout CoveoResult p-2"> <div> <div class="coveo-title"> <a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2" href="`+uri+`" target="_blank" >` + n.title + `</a> </div> <div class="CoveoExcerpt">` + html + `</div> </div> </div> `); // $('.coveo-result-list-container').append(` // <div class="coveo-list-layout CoveoResult p-2"> // <div> // <div class="coveo-title"><a class="CoveoResultLink cursor-pointer" tabindex="0" role="heading" aria-level="2" href="index.php?category=knowledgebase&action=information&id=` + n.id + `&src=` + n.source + // `" target="_blank" >` + n.title + `</a> // </div> // <div class="CoveoExcerpt">` + html + `</div> // </div> // </div> // `); kb_display_count++; }); if (result['rows'].length == 0) { $('#view_more_kb_search').addClass('hideEl'); } else { $('#view_more_kb_search').removeClass('hideEl'); } if (kb_display_count == 0) { // $('#ticket_replies').html('<div class="col-12 text-center"><span class="text-center">No replies</span></div>') toastr.remove(); toastr.info("No result found..."); toastr.remove } else if (kb_display_count != 0 && result['rows'].length == 0) { toastr.remove(); toastr.info("No more result.") } if (parseInt(result.total) > kb_display_limit_const) { $('#view_more_kb_search').removeClass('hideEl'); } else { $('#view_more_kb_search').addClass('hideEl'); } } else { // startUpload(); $('.coveo-result-list-container').append(` <div class="col-12 text-center"><span class="text-center">No diagnostics data</span></div> `); } }, error: function() { toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); } function initChkRdoBtn() { $("input[name='priority']").each(function() { $(this).on('change', function() { if (this.checked) { priority_level = $(this).val(); // $(this).val(""); } else { // $(this).val("2"); } }); }); $("input[name*='vehicle_location_status']").each(function() { $(this).on('change', function() { if (this.checked) { // priority_level = $(this).val(); $(this).val("1"); } else { $(this).val(""); } }); }); } function stepFive() { $('#step-five-next').on('click', function(e) { return $.ajax({ url: "app/models/ticket.php", data: { model: 'create_ticket_final', id: selected_ticket_data, status: 1 }, type: "POST", dataType: 'json', beforeSend: function() { $('#step-five-next').prop( 'disabled', true); }, success: function(result) { if (parseInt(result.status) === 1) { // redirect to the next step toastr.remove(); toastr.success('Successfully created...'); window.location.hash = 'tickets-list'; } else { toastr.remove(); toastr.error(result.message); } $('#step-five-next').prop( 'disabled', false); }, error: function() { $('#step-five-next').prop( 'disabled', false); toastr.remove(); toastr.error( "Error has occurred. Try again." ) } }); }); } $(document).ready(function() { //from common functios initSelect2Element(); initSelect2UnselectElement(); modelVariantEvt(); ticketSubjectEvt(); ticketSearchEvt(); addSelectChangeEvt(); initStepsButton(); initChkRdoBtn(); // stepper.next() }) </script>��

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