File manager - Edit - /home/autoph/public_html/projects/tickets-autohub/public/js/ticket/create.js
Back
(function(){ "use strict"; var fileInput; var addCategory; var catId; function select2(){ // $('[name="_users"]').select2({ // dropdownParent: $('#create_ticket_modal'), // allowClear: true, // language: { // noResults: function () { // return "Select"; // }, // }, // escapeMarkup: function (markup) { // return markup; // }, // placeholder: "Select Sender", // ajax: { // url:"/userList", // dataType: 'json', // delay: 250, // data: function (data) { // return { // search: data.term, // limit: 1, // // userId : $("#cuid").val(), // }; // }, // processResults: function (response) { // return { // results: response.results, // }; // }, // cache: true, // } // }); // if ($("#cuid").val()) { // $.ajax({ // url: `/userList`, // data: { userId: currentUserId }, // dataType: "json", // success: function (response) { // const user = response.results.find(user => user.id === currentUserId); // if (user) { // const option = new Option(user.text, user.id, true, true); // $('[name="_users"]').append(option).trigger('change'); // } // }, // }); // } $('[name="_dept"]').select2({ dropdownParent: $('#create_ticket_modal'), allowClear: true, language: { noResults: function () { return "Select"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Select Department", ajax: { url:"/dept_list", dataType: 'json', delay: 250, data: function (data) { return { search: data.term, limit: 1, }; }, processResults: function (response) { return { results: response.results, }; }, cache: true, } }); $('[name="_category"]').select2({ dropdownParent: $('#create_ticket_modal'), allowClear: true, language: { noResults: function () { return "Select"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Select Category", }); $('[name="_Subcategory"]').select2({ dropdownParent: $('#create_ticket_modal'), allowClear: true, language: { noResults: function () { return "Select"; }, }, escapeMarkup: function (markup) { return markup; }, placeholder: "Select Sub-Category", }); } function deptChangeVal(){ $('[name="_dept"]').on('change', function(e){ $.ajax({ url: "/category/categoryPerDeptId/" + $(this).val(), method: 'POST', data: null, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { $('[name="_category"]').empty(); $('[name="_category"]').append(`<option>Select Category</option>`); $.each(response, function(key,value){ $('[name="_category"]').append(`<option value="`+ value.id +`">`+ value.title +`</option>`) }) }, error: function(error){ } }); }); } // function loadUsers(){ // // $('[name="_users"]').on('change', function(e){ // $.ajax({ // url: "/users/displayAllUsers/", // method: 'GET', // data: null, // processData: false, // contentType: false, // headers: { // 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // }, // success: function(response) { // $('[name="_users"]').empty(); // $('[name="_users"]').append(`<option>Select Category</option>`); // $.each(response, function(key,value){ // $('[name="_category"]').append(`<option value="`+ value.id +`">`+ value.title +`</option>`) // }) // }, // error: function(error){ // } // }); // // }); // } function catChangeVal(){ $('[name="_category"]').on('change', function(e){ $.ajax({ url: "/category/childCategory/" + $(this).val(), method: 'GET', data: null, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { $('[name="_Subcategory"]').empty(); $('.childCat').css('display','block'); $('[name="_Subcategory"]').append(`<option>Select Sub-Category</option>`); $.each(response, function(key,value){ $('[name="_Subcategory"]').append(`<option value="`+ value.id +`">`+ value.title +`</option>`) }); }, error: function(error){ } }); }); } function subCatChangeVal(){ $('[name="_Subcategory"]').on('change', function(e){ $.ajax({ url: "/sla/getSLAperCategory/" + $(this).val(), method: 'POST', data: null, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { $('[name="_sla"]').empty(); $('#_sla').val(response.id); $('[name="_slaLabel"]').text(response.content + " " + response.type); }, error: function(error){ } }); }); } function toggleCategoryField(){ var div = $('.field_hidden'); div.css("display","none"); $('input[name="_addCategory"]').on('click', function(){ if($(this).prop("checked") == true){ div.css("display","block"); $('[name="_slaLabel"]').text('---- No available sla for new category ----'); $('#_sla').val(null); $('[name="_category"]').prop('disabled',true) $('[name="_newCategory"]').val(''); } else { div.css("display","none"); $('[name="_category"]').prop('disabled',false); } }); } function clearFileInput(){ $('._clearFile').on('click', function(e){ e.preventDefault(); var fileNameDisplay = $('#fileName'); if($('input[name="_attachmentTicket"]').prop('files').length > 0){ $('input[name="_attachmentTicket"]').val(null); fileNameDisplay.text('No file selected'); $('#fileIcon').html(''); } else { toastRWithTime("no attachment to clear","error"); } }); } function showLoading() { Swal.fire({ title: 'Loading', text: 'Please wait...', allowOutsideClick: false, showConfirmButton: false, didOpen: () => { Swal.showLoading(); } }); } function submit(){ $('._ticketForm').on('submit', function(e){ e.preventDefault(); var formData = new FormData(); catId = $('[name="_Subcategory"]').val() || 246; if($('input[name="_attachmentTicket"]').prop('files').length > 0){ fileInput = $('input[name="_attachmentTicket"]').prop('files')[0]; formData.append("attachment",fileInput,fileInput.name); } formData.append("company_id",$('[name="_companies"]').val()); formData.append("sender",$('[name="_users"]').val()); formData.append("department",$('[name="_dept"]').val()); formData.append("category",catId); formData.append("sla",$('[name="_sla"]').val()); formData.append("description",$('[name="_desc"]').val()); showLoading(); $.ajax({ type: "POST", url: "/ticket/store", dataType: 'json', data: formData, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(result){ console.log(result.ticket); swal.close(); swal.fire({ icon: result.message, title: 'Success', text: result.message, allowOutsideClick: false, showConfirmButton: true, }); $('._ticketForm')[0].reset(); $('#create_ticket_modal').modal('hide'); window.location.href = "/ticket/my-ticket/" + result.ticket; }, error: function(error){ swal.close(); // console.log(error); toastRWithTime(error.responseJSON.message,"error"); } }); }); } $(function(){ $('.childCat').css('display','none'); select2(); deptChangeVal(); catChangeVal(); subCatChangeVal(); toggleCategoryField(); clearFileInput(); submit(); // loadUsers(); }); $('#_attachmentTicket').change(function() { var fileName = $(this).val().split('\\').pop(); var fileExtension = fileName.split('.').pop().toLowerCase(); var fileIcon = ''; // Determine the icon based on file extension switch (fileExtension) { case 'pdf': fileIcon = '<i class="fa fa-file-pdf-o" style="color: red;"></i>'; break; case 'xlsx': case 'xls': fileIcon = '<i class="fa fa-file-excel-o" style="color: green;"></i>'; break; case 'jpg': case 'jpeg': case 'png': fileIcon = '<i class="fa fa-file-image-o" style="color: blue;"></i>'; break; default: fileIcon = '<i class="fa fa-file-o" style="color: gray;"></i>'; break; } // Update the icon and file name display $('#fileIcon').html(fileIcon); $('#fileName').text(fileName ? fileName : "No file selected"); }); $('#_users').on('change', function() { var userId = $(this).val(); if (userId) { // Fetch user details using AJAX $.ajax({ url: '/user/' + userId, // Endpoint to get user details method: 'GET', success: function(data) { // Update Viber and AnyDesk numbers $("#viber_number").show(); $("#anydesk_number").show(); $('#viber_number').text('Viber: ' + (data.viber || 'N/A')); $('#anydesk_number').text('Anydesk: ' + (data.anydesk || 'N/A')); }, error: function() { $('#viber_number').text('Viber: Error fetching data'); $('#anydesk_number').text('Anydesk: Error fetching data'); } }); } else { // Clear Viber and AnyDesk numbers if no user is selected $('#viber_number').text('Viber: '); $('#anydesk_number').text('Anydesk: '); } }); select2(); })();
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0 |
proxy
|
phpinfo
|
Settings