Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
59 lines (49 sloc) 2.14 KB
<!DOCTYPE html>
<html>
<head>
<!-- include iobio libs -->
<script type="text/javascript" src="../assets/js/js-local-bam.min.js"></script>
<script type="text/javascript" src="../assets/js/iobio.min.js"></script>
<script type="text/javascript" src="../assets/js/iobio.viz.min.js"></script>
<link rel="stylesheet" type="text/css" href="../assets/css/iobio.viz.min.css">
<!-- include 3rd party libs -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src='http://underscorejs.org/underscore-min.js'></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style type="text/css">
.container { margin-top: 100px; }
</style>
</head>
<body>
<div class='container text-center'>
<!-- Title -->
<h1>BAM Viewer</h1>
<!-- inputs -->
<div id="input">
<!-- region input -->
<div>Region: <input id='region' type='text' value="2:4000000-4001000" ></input></div>
<!-- url input -->
<button class='btn btn-info' type="button" data-toggle="modal" data-target="#urlModal">Open Url</button>
<!-- file input -->
<label class="btn btn-info" for="my-file-selector">
<input id="my-file-selector" onchange="goFile(this)" type="file" style="display:none;" multiple>
Open File
</label>
</div>
</div>
<!-- url modal -->
<div class="modal fade" id="urlModal" tabindex="-1" role="dialog" aria-labelledby="urlModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body text-center">
<h3>Enter Url</h3>
<input id='url' type='text' value="http://s3.amazonaws.com/iobio/NA12878/NA12878.autsome.bam"></input>
<button onclick='goUrl()' type="button" data-dismiss="modal" class="btn btn-primary">Go</button>
</div>
</div>
</div>
</div>
</body>
</html>
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.