189 lines
6.7 KiB
HTML
189 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=Edge'></meta>
|
|
<meta charset="utf-8"></meta>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'></meta>
|
|
<link rel="shortcut icon" href="//www.niehs.nih.gov/resources/favicons/www/fav-57.png"/>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="//www.niehs.nih.gov/resources/favicons/www/fav-57.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="//www.niehs.nih.gov/resources/favicons/www/fav-72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="//www.niehs.nih.gov/resources/favicons/www/fav-114.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="//www.niehs.nih.gov/resources/favicons/www/fav-144.png">
|
|
<title>Sample CTCF validation - Visualization</title>
|
|
|
|
|
|
<link rel='stylesheet' type='text/css'
|
|
href='//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css'>
|
|
<link rel="stylesheet" type="text/css"
|
|
href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css"
|
|
href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.2/toastr.css">
|
|
|
|
<link rel="stylesheet" type="text/css" media="all" href="/static/css/site.css">
|
|
|
|
<link rel="stylesheet" type="text/css" media="all"
|
|
href="/static/css/visuals.css">
|
|
|
|
|
|
|
|
<script async id="_fed_an_ua_tag" charset="utf-8"
|
|
src="/static/js/ufa.min.js?agency=HHS&subagency=NIH"></script>
|
|
|
|
</head>
|
|
<body id="" class="">
|
|
<div id='wrap'>
|
|
|
|
|
|
|
|
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
|
|
<div id="content" class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<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" href='/'>ORIO</a>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav">
|
|
|
|
<li><a href="mailto:orio@niehs.nih.gov?subject=feedback">
|
|
<i class="fa fa-fixed fa-envelope-o"></i> Contact us</a></li>
|
|
</ul>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="/quickstart/">Getting started</a></li>
|
|
<li><a href="/help/">Help</a></li>
|
|
|
|
<li><a href="/accounts/login/">Log in</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="content" class="container-fluid">
|
|
|
|
<div id="mainContent" class="container">
|
|
|
|
<div class="row">
|
|
<ol class="breadcrumb">
|
|
<li><a href="/dashboard/">Home</a></li>
|
|
|
|
<li><a href="/dashboard/analysis/905-sample-ctcf-validation/">Sample CTCF validation</a></li>
|
|
<li class='active'>Visualization</li>
|
|
|
|
</ol>
|
|
</div>
|
|
|
|
|
|
<div id='visual_container' class='container-fluid'>
|
|
</div>
|
|
|
|
<div class="modal fade" id="flcModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
|
|
<h4 class="modal-title" id='ind_heatmap_modal_title'>Feature list name</h4>
|
|
</div>
|
|
<div class="modal-body" id='ind_heatmap_modal_body'></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<footer class="footer">
|
|
|
|
<ul id="footer-links">
|
|
<li>
|
|
<a href="http://www.niehs.nih.gov/" target="_blank">NIEHS</a></li>
|
|
<li>
|
|
<a href="http://www.niehs.nih.gov/about/od/ocpl/policies/" target="_blank">Web Policies</a></li>
|
|
<li>
|
|
<a href="http://www.niehs.nih.gov/about/od/ocpl/foia" target="_blank">Freedom of Information Act</a></li>
|
|
<li>
|
|
<a href="http://oig.hhs.gov/" target="_blank">Inspector General</a></li>
|
|
</ul>
|
|
<div id="footer-logos">
|
|
<a href="http://www.usa.gov/" target="_blank">
|
|
<img src="/static/img/usagov.png"
|
|
alt="USA.gov is the U.S. government's official web portal to all federal, state, and local government web resources and services"
|
|
title="USA.gov: Government Made Easy"></a>
|
|
<a href="http://www.hhs.gov/" target="_blank">
|
|
<img src="/static/img/hhs.png"
|
|
alt="U.S. Department of Health and Human Services"
|
|
title="U.S. Department of Health and Human Services"></a>
|
|
<a href="http://www.nih.gov/" target="_blank">
|
|
<img src="/static/img/nihMasterLogo.png"
|
|
alt="U.S. National Institutes of Health"
|
|
title="U.S. National Institutes of Health"></a>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<script charset="utf-8"
|
|
src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
|
|
<script charset="utf-8"
|
|
src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
<script charset="utf-8"
|
|
src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.2/toastr.min.js"></script>
|
|
|
|
<script charset="utf-8" src="/static/js/site.js"></script>
|
|
|
|
|
|
|
|
<script id="config" type="text/json" charset="utf-8">
|
|
{
|
|
"sortVectorRoot": "/dashboard/api/analysis/905/sort_vector/",
|
|
"ksURL": "/dashboard/api/analysis/905/ks/",
|
|
"unsortedKsURL": "/dashboard/api/analysis/905/unsorted_ks/",
|
|
"scatterplotURL": "/dashboard/api/analysis/905/scatterplot/",
|
|
"binNamesUrl": "/dashboard/api/analysis/905/bin_names/",
|
|
"userSortKsURL": "/dashboard/api/analysis/905/user_sort_ks/",
|
|
"sortVectorScatterplotURL": "/dashboard/api/analysis/905/sortvectorscatterplot/",
|
|
"analysisObjectID": "905"
|
|
}
|
|
</script>
|
|
<script type="text/javascript" src="/static/bundles/main-69ce4e744cb70c79ffa4.js" ></script>
|
|
|
|
<script type="text/javascript">
|
|
toastr.options = {
|
|
closeButton: true,
|
|
newestOnTop: true,
|
|
positionClass: 'toast-top-right',
|
|
showDuration: 500,
|
|
hideDuration: 500,
|
|
timeOut: 0,
|
|
extendedTimeOut: 0,
|
|
};
|
|
|
|
|
|
|
|
window.setInterval(function(){
|
|
$.get('/dashboard/poll-messages/', function(d){
|
|
if(d.messages.length>0){
|
|
toastr.clear();
|
|
}
|
|
d.messages.forEach(function(resp){
|
|
toastr[resp.status](resp.message);
|
|
});
|
|
});
|
|
}, 60000);
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|