261 lines
9.8 KiB
HTML
261 lines
9.8 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MutaBind2</title>
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="/projects/mutabind/prj-sunddg/static/myimgs/favicon.ico" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/projects/mutabind/prj-sunddg/static/foundation/css/foundation.css" />
|
|
<link rel="stylesheet" type="text/css" href="/projects/mutabind/prj-sunddg/static/mycss/user.css" />
|
|
<link rel="stylesheet" type="text/css" href="/projects/mutabind/prj-sunddg/static/foundation-icons/foundation-icons.css" />
|
|
<link rel="stylesheet" type="text/css" href="/projects/mutabind/prj-sunddg/static/mycss/hover.css" media="all">
|
|
<!--<link rel="stylesheet" type="text/css" href="/projects/mutabind/prj-sunddg/static/mycss/foundation.min.css" />-->
|
|
<!--<script src="/projects/mutabind/prj-sunddg/static/foundation/js/vendor/modernizr.js"></script>-->
|
|
<script src="/projects/mutabind/prj-sunddg/static/myjs/jquery-2.2.4.min.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/myjs/html5shiv.min.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/myjs/modernizr-custom.js"></script>
|
|
<!--<script src="/projects/mutabind/prj-sunddg/static/myjs/foundation.min.js"></script>-->
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/foundation/foundation.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/foundation/foundation.tooltip.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/foundation/foundation.topbar.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/foundation/foundation.accordion.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/foundation/foundation.abide.js"></script>
|
|
<script src="/projects/mutabind/prj-sunddg/static/foundation/js/vendor/fastclick.js"></script>
|
|
<!--
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-73785151-1', 'auto');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<!-- <div class="row" style="margin-top: 0.5rem;">
|
|
<div class="small-12 column" >
|
|
<div class="row">
|
|
<div class="small-8 small-centered columns">
|
|
<div style="text-align:center">
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/CirclesDiamondBlueThiner.png" style="height:70px;width:auto;margin-top: 0.2rem;" /></a>
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/TitleBlues.png" style="height:70px;width:auto" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" >
|
|
<div class="small-12 columns">
|
|
<div class="row" style="position:relative;z-index:-999">
|
|
<div class="small-7 small-centered columns" style="text-align:center">
|
|
<hr style="margin-top: 0.5rem;margin-bottom:0">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="small-7 small-centered columns" style="text-align:center;position:relative;z-index:999">
|
|
<h5 class="text-center subheader"> Predicting Binding Affinity Changes upon Mutation </h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="row" style="margin-top: 0.5rem;">
|
|
<div class="small-12 column" >
|
|
<div class="row">
|
|
<div class="small-2 small-offset-3 columns">
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/CirclesDiamondBlueThiner.png" alt="CirclesDiamondBlueThiner" style="height:60px;width:auto;margin-top: 0.4rem;" /></a>
|
|
</div>
|
|
<div class="small-7 columns">
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/TitleBlues.png" alt="TitleBlues" style="height:70px;width:auto;margin-left: -10%" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="row" style="margin-top: 0.5rem;">
|
|
<div class="small-12 column" >
|
|
<div class="row">
|
|
<div class="small-6 small-push-1 columns">
|
|
<div style="text-align:left">
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/CirclesDiamondBlueThiner.png" style="height:60px;width:auto;margin-top: 0.2rem;" /></a>
|
|
<a href="/research/mutabind2/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/TitleBlues.png" style="margin-left:1rem;height:70px;width:auto" /></a>
|
|
</div>
|
|
</div>
|
|
<div class="small-5 columns" style="padding-left:0;text-align:center;position:relative;z-index:999">
|
|
<h3 class="text-left subheader" style="font-weight:700"> Predicting Binding Affinity<br> Changes upon Mutation </h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="row">
|
|
<div class="small-12 column">
|
|
|
|
<div class="icon-bar five-up">
|
|
<a class="item hvr-underline-from-center" href="/research/mutabind2/" style="color: black;">
|
|
<i class="fi-home large"></i>
|
|
|
|
<label>Home</label>
|
|
</a>
|
|
<a class="item hvr-underline-from-center" href="/research/mutabind2/job/" style="color: black;">
|
|
<i class="fi-clipboard-notes large"></i>
|
|
|
|
<label>Results</label>
|
|
</a>
|
|
<a class="item hvr-underline-from-center" href="/research/mutabind2/help" style="color: black;">
|
|
<i class="fi-wrench large"></i>
|
|
|
|
<label>Help</label>
|
|
</a>
|
|
<a class="item hvr-underline-from-center" href="/research/mutabind2/method" style="color: black;">
|
|
<i class="fi-widget large"></i>
|
|
|
|
<label>Method</label>
|
|
</a>
|
|
<a class="item hvr-underline-from-center" href="/research/mutabind2/download" style="color: black;">
|
|
<i class="fi-download large"></i>
|
|
|
|
<label>Download</label>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<hr>
|
|
|
|
<div class="small-10 small-offset-1 end column">
|
|
<!--Content here-->
|
|
|
|
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
<p>Please, input your Job Id number below to retrieve your job</p>
|
|
|
|
<form action="/research/mutabind2/retrieve_job/" method="post" id="job_form" enctype="multipart/form-data">
|
|
<input type='hidden' name='csrfmiddlewaretoken' value='h734oKjUzJxhPmAFesfxVypOUC6BZ9cX' />
|
|
<div class="row">
|
|
<div class="small-8 columns">
|
|
<div class="row">
|
|
<div class="small-3 columns">
|
|
<label for="job_id" class="right inline">Retrieve Job</label>
|
|
</div>
|
|
<div class="small-9 columns">
|
|
<input type="text" id="job_id" name="job_id" placeholder="Job Id Number" class="radius">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="radius" id="submit_jobid">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div id="recent_jobs" class="small-12 columns">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$('#job_id').blur(function(event) {
|
|
/* Act on the event */
|
|
var base = "http://lilab.jysw.suda.edu.cn/research/mutabind2/retrieve_job/"
|
|
var aim = $('#job_id').val()
|
|
var address = base + aim
|
|
$('#job_form').attr("action", address);
|
|
});
|
|
|
|
objstr = localStorage.getItem("recent_jobs")
|
|
if (objstr == "")
|
|
{ objstr = null}
|
|
old_jobs = objstr
|
|
if (old_jobs != null)
|
|
{
|
|
o_all_jobs = old_jobs.split(",")
|
|
//changed by gavin to forbid mixed
|
|
o_jobs = []
|
|
for (var i = 0; i < o_all_jobs.length; i++) {
|
|
if (/^\d{25}mutabind$/.test(o_all_jobs[i]))
|
|
o_jobs.push(o_all_jobs[i].replace("mutabind",""))
|
|
}
|
|
}
|
|
else
|
|
{
|
|
o_jobs = []
|
|
}
|
|
|
|
var job_descriptions = localStorage.getItem("job_descriptions")
|
|
if (job_descriptions == null)
|
|
{
|
|
job_descriptions = {}
|
|
}
|
|
else
|
|
{
|
|
job_descriptions = JSON.parse(job_descriptions)
|
|
}
|
|
|
|
if (o_jobs.length > 0)
|
|
{
|
|
$("#recent_jobs").append('<hr><h4> Recent Jobs</h4>')
|
|
|
|
|
|
for (var i = o_jobs.length - 1; i >= 0 ; i--)
|
|
{
|
|
job = o_jobs[i]
|
|
if (job != "")
|
|
{
|
|
date1 = new Date(job.substr(0,4)+"-"+job.substr(4,2)+"-"+job.substr(6,2)+"T"+job.substr(8,2)+":"+job.substr(10,2)+":00") //+"T"+job.substr(8,2)+":"+job.substr(10,2)
|
|
var msg = '<div style="margin-bottom:0.5rem" class="alert-box secondary radius"> Job: <a href="'+job+'">'+job+" - "+date1.toDateString()
|
|
if (job_descriptions[job] != null && job_descriptions[job] != undefined)
|
|
{
|
|
msg += " - "+job_descriptions[job]
|
|
}
|
|
msg += '</a></div>'
|
|
|
|
$("#recent_jobs").append(msg)
|
|
console.log(job)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="small-12 column">
|
|
<hr>
|
|
<!--
|
|
<a target="_blank" href="//www.ncbi.nlm.nih.gov/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/white_ncbi.png" class="left" style="width:27px;height:auto;margin-right:10px"/></a>
|
|
<a target="_blank" href="//www.nih.gov/" ><img src="/projects/mutabind/prj-sunddg/static/myimgs/NIH_NLM.png" class="left" style="width:120px;height:auto"/></a>
|
|
|
|
-->
|
|
|
|
<div class="small-6 column">
|
|
<h6 style="line-height:15.5px;"><small>School of Biology & Basic Medical Sciences, Soochow University<br>199 Ren-Ai Road, Suzhou, Jiangsu, 215123 P.R. China</small></h6>
|
|
</div>
|
|
|
|
<a href="https://lilab.jysw.suda.edu.cn/#/contact" class="right">Contact Us </a>
|
|
</div>
|
|
</div>
|