{"id":11,"date":"2019-06-11T03:54:40","date_gmt":"2019-06-11T03:54:40","guid":{"rendered":"https:\/\/pgx.zju.edu.cn\/deephlapan\/?page_id=11"},"modified":"2024-10-26T03:13:14","modified_gmt":"2024-10-26T03:13:14","slug":"submit","status":"publish","type":"page","link":"https:\/\/pgx.zju.edu.cn\/deephlapan\/submit\/","title":{"rendered":"Submit"},"content":{"rendered":"\n<script type=\"text\/javascript\" src=\"https:\/\/pgx.zju.edu.cn\/js\/jquery-3.5.1.min.js\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.datatables.net\/1.10.16\/css\/jquery.dataTables.min.css\">\n<script type=\"text\/javascript\" ,=\"\" src=\"https:\/\/cdn.datatables.net\/1.10.19\/js\/jquery.dataTables.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/echarts\/3.8.5\/echarts.min.js\"><\/script>\n<script type=\"text\/javascript\">\n    jQuery(\"body\").keydown(function() {\n\t\tif (event.keyCode == \"13\") {\n\t\t\tjQuery('#submit').click();\n        }\n    });\n<\/script>\n\n\n<script type=\"text\/javascript\">\n$(document).ready(function() {\ndocument.getElementById(\"download\").style.display=\"none\";\n})\n\nfunction deephlapan_submit(){\n  document.getElementById(\"download\").style.display=\"none\";\n  document.getElementById(\"deephlapan\").style.display=\"none\";\n    \tif (document.getElementById(\"deephlapan\").innerHTML !=''){ \n  \t\t$(\"#deephlapan\").dataTable().fnClearTable();\n \t\t  $(\"#deephlapan\").dataTable().fnDestroy();\n  \t}\n  var uploadImg = document.getElementById('upload_img');\n\tvar myfileImg = document.getElementById('myfile_img');\n  \tvar imgName = uploadImg.files[0].name;\n        var mail= document.getElementById('mail').value;\n\t\tif (imgName.indexOf(\"csv\") == -1){\n        \talert('Only csv file could be submitted!')  ;\n \t\t }\n  else{\n    \talert('Submit success!')  ;\n    jQuery(\"#query_result\").html(\"<div><p style='text-align:center;'><img src='https:\/\/pgx.zju.edu.cn\/deephlapan\/images\/loading.gif' \/>please waiting<\/p><\/div>\");\n document.getElementById(\"query_result\").style.display=\"\";\n\t\tvar fordata = new FormData();\n\t\tfordata.append('my_file',uploadImg.files[0]);\n\t\t\/\/\u5411\u670d\u52a1\u5668\u53d1\u9001\u6587\u4ef6\u6570\u636e\n                fordata.append('mail',mail);\n\t\tajaxPost(fordata,function(obj){\n\nif( obj.response != 0 ){\n  var result=JSON.parse(obj.response);  \n    $(document).ready(function() {\n      $('#deephlapan').DataTable( {\n        data: result,\n        columns: [\n        { title: \"Annotation\" },\n        { title: \"HLA\" },\n        { title: \"Peptide\"},\n        { title: \"Binding score\" },\n        { title: \"Immunogenic score\" },\n        ],\n        destroy: true\n      } );\n    } );\n  document.getElementById(\"query_result\").style.display=\"none\";\n  document.getElementById(\"deephlapan\").style.display=\"\";\n  document.getElementById(\"download\").style.display=\"\";\n  document.getElementById(\"download\").href='..\/wp-admin\/download.php?filename='+imgName;\n}\nelse{\nalert('There is something wrong with your submitted file!')  ;\n}\n\t\t})\n\t}\n}\n\tfunction ajaxPost(data,fn)\n\t{\n\t\tvar xhr = new XMLHttpRequest();\n\t\txhr.open('post','..\/wp-admin\/upload_test.php','true');\n\t\txhr.send(data);\n\t\txhr.onload = function()\n\t\t{\n\t\t\tfn(this);\n\t\t} \n\t}\n\n\t<\/script>\n\n\n\n<ul class=\"wp-block-list\">\n<li> DeepHLApan takes\u00a0<strong>csv<\/strong>\u00a0files as input with head of\u00a0<strong>&#8220;Annotation,HLA,peptide&#8221;<\/strong>\u00a0(requisite). Detailed example is available in\u00a0<a href=\"https:\/\/pgx.zju.edu.cn\/deephlapan\/help\">Help<\/a>\u00a0page <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li> It takes different amounts of time to finish the prediction, which depends on the size of the upload file. <\/li>\n<\/ul>\n\n\n\n<div>\n  <!--\u63d0\u4ea4\u67e5\u8be2\u8868\u5355-->\n            <font color=\"#006000\"> <h4>File<\/h4><input type=\"file\" name=\"upload_img\" id='upload_img' accept='.csv'\/>\n\t<img decoding=\"async\" src=\"\" id='myfile_img' alt='' title='' width='300' \/> \n<br><br><font color=\"#006000\"> <h4>Email  (optional)<\/h4>\n\t\t\t\t\t<input type=\"text\" id=\"mail\" name=\"mail\" style=\"height:30px; width:266px\"><\/font>\n<br><br><font color=\"#008000\"><input type=\"button\" id=\"submit\" value=\"Submit\" onclick=\"deephlapan_submit();\"><\/font>\n<div>\n<div id=\"query_result\"><\/div>\n<table id=\"deephlapan\" class=\"display\";><\/table>\n<div>\n<div>\n<center><a id=\"download\">Download<\/a><\/center> \n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>File Email (optional) Download<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/pages\/11"}],"collection":[{"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":31,"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/pages\/11\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/pgx.zju.edu.cn\/deephlapan\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}