CINXE.COM
Submit incident - Service Desk Software by Vision Helpdesk
<!DOCTYPE html> <html lang="en" class="app-fluid" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" dir='ltr'> <head> <meta charset="utf-8" /> <title>Submit incident - Service Desk Software by Vision Helpdesk</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="Submit or create a new incident." /> <!-- facvicon --> <link rel="shortcut icon" href="./design/images/favicon.ico" type="image/x-icon"> <!-- stylesheets --> <link rel="stylesheet" id="bootstrap.min.css" href="./design/css/bootstrap.min.css?ver=1.0" type="text/css" media="all" /> <link rel="stylesheet" id="main.min.css" href="./design/css/main.min.css?ver=1.0" type="text/css" media="all" /> <link rel="stylesheet" id="costom.css" href="./design/css/custom.css?ver=1.0" type="text/css" media="all" /> <link rel="stylesheet" id="font.css" href="./design/css/font.css?ver=1.0" type="text/css" media="all" /> <link href="./scripts/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> <style>.navbar-brand img {max-height:80px;} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #6692a6!important; border-color: #6692a6!important; color: #fff !important;} .pagination > li > a, .pagination > li > span { color: #6692a6} .bg-primary{background-color:#6692a6 !important;} .btn-primary{background-color:#6692a6 !important; border-color:#6692a6 !important;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{background-color:#346074 !important;border-color:#346074 !important;} .bg-primary .nav > li > a:hover, .bg-primary .nav > li > a:focus, .bg-primary .nav .open > a{background-color:#346074 !important;} @media (max-width:769px){.fourms .thumb-md{ width:50px;}.fourms .chat-item-comment {margin-left: 0px;margin-top: 0px;margin-bottom: 0px;}.thumb-md a > img, .thumb-md > img {width: 50px !important;height: 50px !important;}.chat-item .chat-body {margin-left: 0px; }} @media (max-width:767px){ #clittkpagingt{ clear:left; width:100%; } #clittkpagingb{ clear:left; width:100%; }} .fsize12{font-size: 12px;} .svg-primary .black {fill:#346074 !important;} .border-primary{ border-color:#346074 !important;} .border-primary:hover{ background-color:#346074 !important;} #submittks a:active,#submittks a:focus{ background-color:#346074 !important;} figure img{max-width:100%;} .bg-primary .lt, .bg-primary.lt {background-color:#6692a6} </style> <script src="./scripts/jquery.js?ver=1.12.4"></script> <!-- redactor editor --> <link rel="stylesheet" id="redactor.css" href="./plugins/redactor/redactor.css?ver=2.8.1" type="text/css" media="all"/> <script src="./plugins/redactor/redactor.js"></script> <script src="./plugins/redactor/source.js"></script> </head> <body class="" dir="ltr"> <div class="vh-logo left "><div class="container" id="logodiv"><a class="brand-logo md" href="index.php"><img src="./avatar/phpfhJTt4" alt="Vision Helpdesk"></a></div></div> <header class="bg-primary header header-md navbar box-shadow" id="headerdiv"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button><a class="navbar-brand hide" href="index.php"><h1 style="color: ;"></h1></a></div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" id="helpdeskMenumain" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span class="dropdown-label">Incident</span> <span class="caret"></span></a><ul class="dropdown-menu" aria-labelledby="helpdeskMenumain"><li><a href="index.php?/ticket/submit-ticket" >Submit incident</a></li></ul></li><li><a href="index.php?/selfhelp/categories">Solutions</a></li> <li class="dropdown hide"> <a class="dropdown-toggle" id="visioncustomMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span class="dropdown-label">Custom menu</span> <span class="caret"></span> </a> <ul class="dropdown-menu" aria-labelledby="visioncustomMenu"> <li><a href="#"> Custom menu link-1</a></li> <li><a href="#">Custom menu link-2</a></li> <li><a href="#">Custom menu link-3</a></li> <li role="separator" class="divider"></li> <li><a href="#">Custom menu another link-1</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"></ul> <ul class="nav navbar-nav navbar-right"><li><a href="index.php?/home/login" >Login</a></li></ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </header> <!-- searching --> <div class="well m-b-none" id="searchbox"> <div class="container"> <div class="wrapper-sm"> <div id="vis_submit_search_msg_div" class="m-t container alert text-center alert-danger" style="display:none"></div> <div class="visible-xs"><h2 class="m-t m-b-xs text-center h3 font-thin">How can we help you?</h2> <form method="post" class="m-b-sm m-t-sm" onSubmit="return searchvalidation()"> <div class="form-group"><div class="input-group"><input type="text" class="form-control b-white rounded vis_search_text1" placeholder="Search" value="-" id="vis_search_text" name="vis_search_text" ><input type="hidden" name="vis_module" value="selfhelp" /><input type="hidden" name="vis_operation" value="selfhelp_search" /><span class="input-group-btn"><button type="submit" class="btn bg-white b-white rounded"><i class="vh vh-lg vh-search" aria-hidden="true"></i></button></span></div> </div></form></div> <!-- / .visible-xs --> <div class="row hidden-xs"><div class="col-xs-offset-1 col-xs-10"> <h2 class="m-t-lg m-b text-center h1 font-thin">How can we help you?</h2> <form method="post" class="m-b-sm" onSubmit="return searchvalidation()"><div class="form-group"><div class="input-group input-group-lg"><input type="text" class="form-control b-white rounded vis_search_text2" placeholder="Search" value="" id="vis_search_text2" name="vis_search_text" ><input type="hidden" name="vis_module" value="selfhelp" /><input type="hidden" name="vis_operation" value="selfhelp_search" /><span class="input-group-btn"><button type="submit" class="btn bg-white b-white rounded"><i class="vh vh-lg vh-search" aria-hidden="true"></i></button></span></div></div></form> </div></div> </div></div></div><!-- /.row --> <!-- searching --> <div class="bg-light lter b-b wrapper-sm" id="breadcrumdiv"><div class="container"><ol class="breadcrumb m-t-sm"><li><a href="index.php?"><i class="vh vh-home" aria-hidden="true"></i>Home</a></li><li class="active">Submit incident</li></ol></div></div><div class="container"><div class="panel"><header class="panel-heading b-b"><h1 class="h3 text-dark">Submit incident</h1></header></div></div> <div id="vis_submit_msg_div" class="m-t container alert text-center alert-success" style="display:none"></div> <div id="vis_submit_err_div" class="m-t container alert text-center alert-danger" style="display:none"></div> <script> function searchvalidation(){ var searchtxtt = $(".vis_search_text2").val(); if(searchtxtt==''){ searchtxtt = $(".vis_search_text1").val(); } if(searchtxtt==""){ $("#vis_submit_search_msg_div").show(); $("#vis_submit_search_msg_div").html("Enter minimum 3 characters"); window.scrollTo(0,0); setTimeout(function(){ $("#vis_submit_search_msg_div").hide(); },10000); return false; } } </script> <div class="container"> <div class="form-horizontal" > <div class="form-group"> <label class="col-sm-2 control-label">Department</label> <div class="col-sm-8"> <select name="vis_department" id="vis_department" class="form-control selectpicker" onchange="onchange_department(this.value);"> <option value="10" selected="selected" >Sales</option><option value="11" >Support</option><option value="12" >Billing</option> </select> </div> </div> <div class="form-group"> <label for="vis_firstname" class="col-sm-2 control-label">First name <span class="vh-red-color">*</span></label> <div class="col-sm-8"> <input type="text" class="form-control" data-type="text" data-required="true" placeholder="E.g Abc" name="vis_firstname" id="vis_firstname" value="" onkeypress="return lettersValidate(event)" > </div> </div> <div class="form-group"> <label for="vis_lastname" class="col-sm-2 control-label">Last name</label> <div class="col-sm-8"> <input type="text" class="form-control" data-type="text" data-required="true" name="vis_lastname" id="vis_lastname" value="" placeholder="E.g Abc " onkeypress="return lettersValidate(event)"> </div> </div> <div class="form-group"> <label for="vis_email" class="col-sm-2 control-label">Email <span class="vh-red-color">*</span></label> <div class="col-sm-8"> <input type="email" class="form-control" data-type="email" data-required="true" name="vis_email" id="vis_email" value="" placeholder="Email" onblur="var c=document.getElementById('vis_email').value; if(c.length >0){ if(!this.value.match(mailformat)) { document.getElementById('vem').innerHTML='Required field - Email'; document.getElementById('vis_email').value=''; return false; }} " onkeypress="document.getElementById('vem').innerHTML='';"> </div><div id="vem" class="text-center" style="color:#a94442; "> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Priority</label> <div class="col-sm-8"> <select name="vis_priority" id="vis_priority" class="form-control selectpicker" > <option value="1">Low</option><option value="2">High</option><option value="3">Critical</option> </select> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Type</label> <div class="col-sm-8"> <select name="vis_type" id="vis_type" class="form-control selectpicker" > <option value="1">Issue</option><option value="2">Question</option><option value="3">Bug</option> </select> </div> </div> <div id="vis_servicecustom_fields"> </div> <div class="form-group"> <label for="vis_subject" class="col-sm-2 control-label">Subject <span class="vh-red-color">*</span></label> <div class="col-sm-8"> <input type="text" class="form-control" name="vis_subject" id="vis_subject" onblur="var sb=document.getElementById('vis_subject').value; if(sb.length >0){ if(!regUsernamesub.test(this.value)){ document.getElementById('vis_subject').value=''; document.getElementById('vsb').innerHTML='Required field - Subject'; return false; }}" value="" onkeypress="document.getElementById('vsb').innerHTML='';"> </div><div id="vsb" class="text-center" style="color:#a94442; "> </div> </div> <div class="form-group" id="vis_selfhelp_suggest_div" style="display:none;"> <label class="col-sm-2 control-label"></label> <div class="col-sm-8"> <div id="vis_selfhelp_suggest" class="vis_selfhelp_suggest" style="display:none;"></div> </div> </div> <div class="form-group"> <label for="vis_ticket_post" class="col-sm-2 control-label">Message <span class="vh-red-color">*</span></label> <div class="col-sm-8"> <textarea class="form-control input-sm" rows="6" name="vis_ticket_post" id="vis_ticket_post" onblur="var tp=document.getElementById('vis_ticket_post').value; if(tp.length >0){ if(!regUsernamesub.test(this.value)){ document.getElementById('vis_ticket_post').value=''; document.getElementById('vtp').innerHTML='Required field - Message'; return false; }}" onkeypress="document.getElementById('vtp').innerHTML='';"></textarea> </div><div id="vtp" class="text-center" style="color:#a94442; "> </div> <input type="hidden" id="vis_uploadfile_image_maxsize" name="vis_uploadfile_image_maxsize" value="20480" /> </div> <div class="form-group"> <div class="col-sm-2 p-l-none"> <div id="vis_new_selfhelp_attachments"></div> </div> <span style="display:none;"> <input class="filestyle" type="file" id="vis_fileupload" data-url="index.php?vis_module=ticket&vis_operation=upload_file&vis_form=vis_selfhelp_new_article_form&vis_static_area=vis_new_selfhelp_attachments&vis_form_attachment_area=vis_selfhelp_attachments&vis_uploadtype=chunkup&uploadmodule=ticketclient&attachmentCount=20&attachmentFlag=1" data-area="#vis_new_selfhelp_attachments" data-icon="false" data-classButton="btn btn-link link text-primary v-middle" data-buttonText="Attach file" data-input="false"> <input type="hidden" name="vis_location" value="3" /> <input type="hidden" value="1" name="vis_parent_type" id="vis_parent_type"> <input type="hidden" value="" name="vis_selfhelp_attachments" id="vis_selfhelp_attachments"> </span> <div class="col-sm-8"><div id="progress" class="progress" style="display:none; height:14px; "><div class="progress-bar vh-green-bg"></div></div></div> </div> <div class="form-group m-b-none" id="show_div"> <label class="col-sm-2 control-label"></label> <div class="col-sm-6 p-l-none"> </div> <div class="col-sm-2 control-label" style=""> <div class="input-group-btn" id="vis_attach_file"> <label class="btn btn-default"> Attach file <input class="hide" type="file" id="fileupload"> </label> </div> <input type="hidden" id="vis_max_attach" name="vis_max_attach" value="20" /> <input type="hidden" id="vis_attachment_count" name="vis_attachment_count" value="0" /> <span class="help-block m-b-none hide" id="vis_attachments"></span> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"></label> <div id="vis_new_attachments" class="col-sm-8 p-l-none"></div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Image verification <span class="vh-red-color">*</span></label> <div class="col-sm-8"> <div class="row"> <div class="col-sm-3 m-t-sm"> <input type="text" class="form-control input-sm" name="captchacode" id="captchacode" autocomplete="off"/> </div> <div class="col-sm-9"> <img src="./templates/client/default/get_captcha.php?clr=6692a6" alt="" id="captcha" class="col-sm-4"/> <div id="refresh" class="col-sm-3 m-t-sm link"><i class="vh vh-lg vh-refresh"></i> Refresh</div> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">Privacy policy<span style="color:#FF0000;"> *</span></label> <div class="col-sm-8"> <input type="checkbox" name="vis_privacy_policy" id="vis_privacy_policy" value="1" > I have agreed with <i><a href="https://www.visionhelpdesk.com/privacy-policy" target="_blank" >Privacy policy</a> </i> </div> </div> <div class="line line-dashed b-b line-lg pull-in"></div> <div class="form-group"> <div class="col-lg-offset-2 col-lg-8"> <input type="hidden" name="vis_module" id="vis_module" value="ticket" /> <input type="hidden" name="vis_operation" id="vis_operation" value="open_new_ticket" /> <input type="hidden" name="vis_status" value="1" /> <input type="hidden" name="csrfvalue" value="submit_ticket" /> <input type="hidden" name="vis_domain" id="vis_domain" value="3" /> <input type="hidden" name="vis_channel" value="5" /> <button id="btn_submit_ticket" type="button" class="btn btn-primary m-r" onclick="submit_ticketform();">Submit</button> <input type="hidden" name="vis_honeypot" id="vis_honeypot" /> </div> </div> </div> </div> <!-- /container --> <div class="modal fade" id="modal_attachfile" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Attach fileAttach file</h4> </div> <!-- <div class="modal-body"><br> "<span id="attachstring"></span>" <br> </div>--> <div class="modal-body">It seems like you have forgotten to attach a file.<br> You wrote "<span id="attachstring"></span>" in your message, but there are no files attached. <br> Do you want to send anyway? </div> <div class="modal-footer"> <button class="btn btn-primary" data-dismiss="modal" onclick="submit_form(1);">Ok</button> <button class="btn btn-default" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <script> var curr_date= 'Feb-18, 2025 5:59'; $(document).ready(function(){ $(".start input").each(function() { var datvle = $(this).val(); if(datvle!="") { $(this).val(datvle); $('.start').datetimepicker({format: "MMM-D, YYYY HH:mm"}); }else{ $('.start').datetimepicker({ format: "MMM-D, YYYY HH:mm",defaultDate: curr_date,minDate:new Date()}); $(this).val(''); } }); }); /*$("body").on('DOMSubtreeModified', "#vis_new_selfhelp_attachments", function() { if($("#vis_new_selfhelp_attachments").text()=="4"){ $("#vis_new_selfhelp_attachments").hide(); var mxfilsz = $("#vis_uploadfile_image_maxsize").val(); $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html("Please upload file less than "+ mxfilsz +" kb"); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); } }); $("body").on('DOMSubtreeModified', ".redactor-box figure", function() { var validfilsize = "Please upload file less than " + $("#vis_uploadfile_image_maxsize").val() + " kb"; var redimgsrc = $("figure"); redimgsrc.each(function() { var redimgsrcc = $(this).html(); var str2 = "script"; var redimgsrccc = $(this).text(); var str3 = "1"; if(redimgsrcc.indexOf(str2) != -1){ $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html(validfilsize); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); $(this).remove(); } if(redimgsrcc.indexOf(str3) != -1){ $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html(validfilsize); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); $(this).remove(); } }); });*/ var totalloc = $('select#vis_assets_location option').length; if(totalloc>10){ $('#vis_assets_location').attr('data-live-search', 'true'); } function submit_ticketform() { if($("#vis_attachments").text()==""){ var post = $("#vis_ticket_post").val(); var flag=0; var stringarr=["find attachment","find attached","I have attached","check attached","check attachment","the attached","the attachment", "I've attached"]; for(var i=0;i<stringarr.length;i++) { var find = stringarr[i]; if (post.toLowerCase().indexOf(stringarr[i].toLowerCase())!=-1){ flag=i; } } if(flag!=0){ $("#attachstring").text(stringarr[flag]); $('#modal_attachfile').modal({show:true}); } else submit_form(1); } else submit_form(1); } $(function(){ $("#vis_ci_type").change(function(){ var id = $(this).val(); var data = { 'vis_ci_type':id }; $.ajax({ url: 'index.php?vis_module=ticket&vis_operation=get_allassets', data: data, type: "POST", dataType: "json", success: function(response) { $("#assets_list").html(''); if(response!=-1){ $("#assets_list").html(response.list); $("#vis_show_asset_list").val('1'); $(".selectpicker").selectpicker(); }else{ $("#ci_list").hide(); $("#vis_show_asset_list").val('0'); } }, error: function(xhr, ajaxOptions, thrownError) {$("#vis_global_msg_div").visInterface("load_global_message", "Error: "+xhr.status+" - "+thrownError);} }); }); }); function onchange_domain(id){ window.location = 'index.php?/ticket/get-department/domain/'+id; } function onchange_department(id){ var sate = 1; var str = ( sate == 3) ? ('/domain/'+$('#vis_domain').val()) : ''; window.location = 'index.php?/ticket/get-department/department/'+id+str; } function submit_form(view_ticket) { var totalFile = $("#vis_attachments").html(); var cnt = 20; var fileCount = totalFile.split(","); if(curr_stamp==0 || (curr_stamp < (Date.now()-10000))){ var btn = $("#btn_submit_ticket"); btn.button('loading'); curr_stamp = Date.now(); var tempcustom=Array(); var i=0; $('[id^="field"]' ).each(function(){ if($(this).is(":checkbox") || $(this).is(":radio")){ if($(this).is(":checked")){ tempcustom[i]={cid:this.id,value:this.value}; i=i+1; }else{ tempcustom[i]={cid:this.id,value:''}; i=i+1; } } else { tempcustom[i]={cid:this.id,value:$(this).val()}; i=i+1; } }); var vis_privacy_policy = ($("#vis_privacy_policy").is(":checked")==true)?1:0; var vis_service_request_data=''; var vis_service_item_id=vis_service_catlog=''; $.ajax({ url: 'index.php', dataType: 'json', data: {'vis_module':"ticket", 'vis_operation':"open_new_ticket", 'vis_firstname':$("#vis_firstname").val(), 'vis_lastname':$("#vis_lastname").val(), 'vis_department':$("#vis_department").val(), 'vis_email':$("#vis_email").val(), 'vis_priority':$("#vis_priority").val(),'vis_urgency':$("#vis_urgency").val(),'vis_channel':'5','vis_attachments':$("#vis_attachments").html(), 'vis_type':$("#vis_type").val(), 'vis_category':$("#vis_category").val(), 'vis_subcategory':$("#vis_subcategory").val(), 'vis_item':$("#vis_item").val(), 'vis_ticket_level':$("#vis_ticket_level").val(), 'vis_assets_location':$("#vis_assets_location").val(),'vis_modof_contact':$("#vis_modof_contact").val(),'vis_subject':$("#vis_subject").val(),'vis_assets':$("#vis_assets").val(), 'vis_ticket_post':$("#vis_ticket_post").val(), 'vis_status':'1', 'vis_status':'1', 'vis_domain':3 ,'captchacode':$("#captchacode").val() ,'vis_honeypot':$("#vis_honeypot").val(),'custom_field':tempcustom,'vis_ci_type':$("#vis_ci_type").val(),'vis_ci_attach':$("#vis_asset_id").val(),'vis_cilist_visible':$("#vis_show_asset_list").val(),'vis_privacy_policy':vis_privacy_policy,'vis_service_request_data':vis_service_request_data,'vis_service_item_id':vis_service_item_id,'vis_service_catlog':vis_service_catlog,'csrfvalue':'submit_ticket','csrfname':'ce9ac4aab9411ad1f2727ac4c99e07d0'}, type: "POST", success: function(data) { if(data.vis_submitted=='true') { if(view_ticket==1){ window.location = "index.php?/ticket/submit-ticket/"+data.vis_msg; var msg1 = '#'+data.vis_msg+' - '+'Incident created successfully'; $("#vis_submit_msg_div").show(); $("#vis_submit_msg_div").removeClass('alert-danger').addClass('alert-success'); $("#vis_submit_msg_div").html(msg1); }else window.location = "index.php?/ticket/submit-ticket/"+data.vis_msg; } else if(data.vis_submitted=='false') { window.location = "index.php?/ticket/submit-ticket/"+data.vis_msg; } else if(data.vis_error_msg!='') { var btn = $("#btn_submit_ticket"); btn.button('reset'); $("#vis_submit_msg_div").show(); $("#vis_submit_msg_div").removeClass('alert-success').addClass('alert-danger'); $("#vis_submit_msg_div").html(data.vis_error_msg); window.scrollTo(0,0);} } }); } return true; } function vis_suggest_selfhelp(e) { $.ajax({ url: 'index.php', data: {'vis_module':"selfhelp", 'vis_operation':"suggest_help", 'vis_topic':$(e).val() }, type: "POST", success: function(data) { if(data!='') $("#vis_selfhelp_suggest_div").css('display', ''); else $("#vis_selfhelp_suggest_div").css('display', 'none'); $("#vis_selfhelp_suggest").css('display', ''); $("#vis_selfhelp_suggest").html(data); } }); } function vis_remove_attachment(attach_id){ $.ajax({ url: 'index.php', data: {'vis_module':"ticket", 'vis_operation':"remove_attachment", 'vis_attachment_id':attach_id }, type: "POST", success: function(data) { } }); var attachments=$("#vis_attachment_count").val(); $("#vis_attachment_count").val(eval(parseInt(attachments)-1)); var max_attach=$("#vis_max_attach").val(); if((attachments-1)<=max_attach) $("#vis_attach_file").css('display',''); var totattachment = $('#vis_attachments').text(); var newtotattachment = totattachment.replace(attach_id+',',''); $('#vis_attachments').text(newtotattachment); } var curr_upload_fil_cn = $('#vis_attachments').text(); var curr_upload_fil_cn_arr = curr_upload_fil_cn.split(','); var max_attach22=$("#vis_max_attach").val(); var max_attach22tot= parseInt(max_attach22); var text_status = "abort"; $(function () { var url = 'index.php?vis_module=ticket&vis_operation=upload_file&vis_max_attach='+max_attach22+'&cur_upload_cnt='+curr_upload_fil_cn+'&uploadmodule=ticketclient'; var jqXHR = 'ToCancelPrevReq'; var jqXHR=$('#fileupload').fileupload({ url: url, multipart:true, start : function (e, data) { //console.log(data); var vis_fileupload = $('#vis_fileupload'); data.formData = {example: vis_fileupload.val()}; if (!data.formData.example) { var vis_attachment_countt2 = $('#vis_attachment_count').val(); var vis_attachment_countt = parseInt(vis_attachment_countt2); var fileupcnt = $('#vis_attachments').text(); var fileCount = fileupcnt.split(","); if(max_attach22<fileCount.length) { $('#progress .progress-bar').removeClass('vh-green-bg'); $('#progress .progress-bar').addClass('vh-red-bg'); $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html('You can attach maximum '+max_attach22+' files'); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); jqXHR.abort(); } $('#vis_attachment_count').val('cnt'); if(vis_attachment_countt>=max_attach22tot){ if(jqXHR!='ToCancelPrevReq' && jqXHR.readyState != 4){ //jqXHR.abort(); if (text_status == "abort") { $('#progress .progress-bar').removeClass('vh-green-bg'); $('#progress .progress-bar').addClass('vh-red-bg'); $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html('You can attach maximum '+max_attach22tot+' files'); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); jqXHR.abort(); //jqXHR=null; } } }else{ var totupcntt = parseInt($('#vis_attachment_count').val()); if(totupcntt=="" && totupcntt==0 ) { $('#vis_attachment_count').val(''); $('#vis_attachment_count').val('0'); }else{ //var prevtotupcntt = totupcntt+1; //$('#vis_attachment_count').val(''); //$('#vis_attachment_count').val(prevtotupcntt); } } } }, error: function(xhr, ajaxOptions, thrownError) { if(thrownError == 'abort' || thrownError == 'undefined') return; }, pasteZone : null, done: function (e, data) { if(data.result == 1) { $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html('Attached extension is incorrect'); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); //$("#vis_attach_file").css('display','inline'); } else if(data.result == 2) { $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html('Upload file size upto'); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); } else { $("#vis_new_attachments").append(data.result); var max_attach=$("#vis_max_attach").val(); var attachments=$("#vis_attachment_count").val(); //$("#vis_attachment_count").val(attachments); } $('#progress').css( 'display','none'); $('#progress .progress-bar').css( 'width','0%'); }, progressall: function (e, data) { $('#progress').css( 'display',''); var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .progress-bar').css( 'width', progress + '%' ); } }); }); $('#refresh').click(function() { change_captcha(); }); $(document).ready(function () { $(".bootstrap-select").click(function () { $(this).addClass("open"); }); }); callEidtor('vis_ticket_post',0,'ticketclient','','ltr'); $("#show_div").hide(); function get_value(del){ var max_attach=$("#vis_max_attach").val(); if(del==0){ var attachments=$("#vis_attachment_count").val(); attachments = parseInt(attachments)+1; var totalFile = $("#vis_attachments").html(); $("#vis_attachment_count").val(attachments); if(attachments>=max_attach) { $('#progress .progress-bar').removeClass('vh-green-bg'); $('#progress .progress-bar').addClass('vh-red-bg'); $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html('You can attach maximum '+max_attach+' files'); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); jqXHR.abort(); $('.redactor-toolbar a.re-attach').hide(); } }else if(del==1){ var attachments=$("#vis_attachment_count").val(); if((attachments-1)<=max_attach) { $('.redactor-toolbar a.re-attach').show(); } } } function get_subcategory(catid) { $.ajax({ url: 'index.php', data: {'vis_module':"staff", 'vis_operation':"get_ticket_drp_subcategory", 'vis_category_id':catid,'vis_client':'1'}, type: "POST", success: function(data) { $("#ajax_subcategory").html(data); $(".selectpicker").selectpicker(); var totalloc = $('select#vis_subcategory option').length; if(totalloc>10){ $('#ajax_item').attr('data-live-search', 'true'); } } }); } function getitem(subcat_id) { $.ajax({ url: 'index.php', data: {'vis_module':"staff", 'vis_operation':"get_ticket_drp_item", 'vis_subcategory_id':subcat_id,'vis_client':'1'}, type: "POST", success: function(data) { $("#ajax_item").html(data); $(".selectpicker").selectpicker(); var totalloc = $('select#ajax_item option').length; if(totalloc>10){ $('#ajax_item').attr('data-live-search', 'true'); } } }); } function change_captcha(){ document.getElementById('captcha').src="./templates/client/default/get_captcha.php?clr=6692a6&rnd=" + Math.random(); } $(function(){ $("#vis_firstname").focus(); }); $('body').on('drop', function (e) { return false; }); $(document).on('click','.selectpicker',function(e){ var winwdt=$(window).width(); if(winwdt <810){ var lilen=$(this).next('#lst').children('ul').children().length; $(this).next('#lst').css('overflow-y','scroll'); if(lilen <3 && lilen>1) {$(this).next('#lst').css('min-height',(40*parseInt(lilen))+'px'); }else{ $(this).next('#lst').css('min-height','120px');} } }); $('#vis_fileupload').bind('change', function() { var vis_uploadfile_image_maxsize = $("#vis_uploadfile_image_maxsize").val(); var vis_uploadfile_image_maxsize_in_mb = parseInt(vis_uploadfile_image_maxsize)/1024; var originfilesiz = this.files[0].size/1024/1024; if(originfilesiz>=vis_uploadfile_image_maxsize_in_mb) { $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html("Please upload file less than "+ vis_uploadfile_image_maxsize +" kb"); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); //return false; abort(); } }); $('#fileupload').bind('change', function() { var vis_uploadfile_image_maxsize = $("#vis_uploadfile_image_maxsize").val(); var vis_uploadfile_image_maxsize_in_mb = parseInt(vis_uploadfile_image_maxsize)/1024; var originfilesiz = this.files[0].size/1024/1024; if(originfilesiz>=vis_uploadfile_image_maxsize_in_mb) { $("#vis_submit_err_div").show(); $("#vis_submit_err_div").html("Please upload file less than "+ vis_uploadfile_image_maxsize +" kb"); window.scrollTo(0,0); setTimeout(function(){$("#vis_submit_err_div").hide();},10000); //return false; abort(); } }); change_captcha(); </script> <script> var regName = /^[a-zA-Z]+[a-zA-Z ]+$/; var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; var regNameNumber = /^[a-z0-9 @#$&_-]+$/i; var regUsername = /^[a-z0-9 !?.*@#$&_-]+$/i; var regUsernamesub = /^[a-z0-9 !?.:/*@#$&_,-]+$/i; function lettersValidate(key) { var keycode = (key.which) ? key.which : key.keyCode; if ((keycode > 64 && keycode < 91) || (keycode > 96 && keycode < 123)) { return true; } else { return false; } } </script><!--<footer id="footer" class=""> <div class="container"></div> <div class="text-center wrapper"> <div class="b-b line-lg pull-in"></div> <p> </p> </div> </footer>--> <!-- footer --> <script>var vis_json = [];var fileref=document.createElement('script'); fileref.setAttribute('type','text/javascript');var VHURL='https://support.visionhelpdesk.com/';fileref.setAttribute('src',VHURL+'scripts/vh-widget-main.js');document.head.appendChild(fileref); var VHFLAG=3; var VHKEY='6da517ae2ad4ab24d0bb8d48d139efb1'; var WID_ID='xoqWjpyGx6zUQp+iww==';if(vis_json.length !== 0){ var VHCUSTOMFIELD=JSON.parse(vis_json);}</script><!-- footer line --> <div class="b-b line-lg pull-in"></div> <footer class="footer text-sm text-center"> <p><a class="link" target="_blank" href="https://www.visionhelpdesk.com/">Service Desk Software</a> by Vision Helpdesk</p> </footer> <script src="./scripts/vis_main.js"></script> <!-- Bootstrap --> <script src="./scripts/bootstrap.min.js?ver=3.3.7"></script> <!-- App --> <script src="./scripts/app.js?ver=1.0.0"></script> <!--<script src="./scripts/app.min.js?ver=1.0.0"></script>--> <script src="./scripts/app.plugin.js?ver=1.0.0"></script> <!-- slimscroll --> <script src="./scripts/slimscroll/jquery.slimscroll.min.js?ver=1.3.8"></script> <!-- Pace-master --> <script src="./scripts/pace/pace.min.js?ver=1.0.2"></script> <link rel="stylesheet" href="./scripts/pace/pace.css?ver=1.0.2" type="text/css" media="all" /> <!-- bootstrap-select --> <script src="./scripts/bootstrap-select/bootstrap-select.js?ver=1.12.2"></script> <link rel="stylesheet" href="./scripts/bootstrap-select/bootstrap-select.css" type="text/css" /> <!-- datatables --> <script src="./scripts/datatables/jquery.dataTables.min.js?ver=1.10.0"></script> <!--<script src="./scripts/datatables/dataTables.bootstrap.min.js?ver=1.10.0"></script>--> <link rel="stylesheet" id="datatables.css" href="./scripts/datatables/datatables.min.css?ver=1.10.0" type="text/css" media="all"/> <!-- parsley --> <script src="./scripts/parsley/parsley.min.js"></script> <script src="./scripts/parsley/parsley.extend.js"></script> <script src="./scripts/slider/pStrength.jquery.js"></script> <script src="./scripts/file-upload/jquery.ui.widget.js"></script> <script src="./scripts/file-upload/jquery.fileupload.js"></script> <script src="./scripts/file-input/bootstrap-filestyle.min.js"></script> <script>var pgfirst= 'First'; var pglast= ''; var pgprevious= ''; var pgnext= '';</script> <script src="./scripts/bootstrap_pagination/jquery.twbsPagination.min.js"></script> <script src="./scripts/common.js"></script> <script src="./scripts/datetimepicker/js/moment.js"></script> <script src="./scripts/datetimepicker/js/bootstrap-datetimepicker.min.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown(); $('body').attr("dir", "ltr"); if($(".start").is(":visible")){ var curr_date= 'Feb-18, 2025 5:59'; $('.start').datetimepicker({ format: "MMM-D, YYYY HH:mm",defaultDate: curr_date}); } }); </script>