-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (70 loc) · 2.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="topbar/topbar.css">
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="./lib/FileSaver.js"></script>
<script src="settings.js"></script>
<script src="sequence-annotations.js"></script>
<script src="topbar/downloadSVG.js"></script>
<script src="topbar/default.js"></script>
<script src="localStorage.js"></script>
<style>
.annotation-rect {
fill-opacity: 0.0;
stroke-width: 3;
stroke: #000;
}
</style>
</head>
<body>
<div class="navbar">
<span><a href="javascript:void(0)" class="dropbtn">Sequence Annotations</a></span>
<span class="dropdown">
<a href="javascript:void(0)" class="dropbtn">File</a>
<div class="dropdown-content">
<a href="#" onclick="downloadSVG('sequence.svg');">Save as SVG</a>
</div>
</span>
<span class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Edit</a>
<div class="dropdown-content">
<a href="#" onclick="openImportFileWindow();">Import FASTA File...</a>
<a href="#" onclick="clearSequenceGroup();">Clear</a>
<a href="#" onclick="createAnnotationForSelection();">Add an Annotation [Enter]</a>
</div>
</span>
<span class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Preferences</a>
</span>
<span class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Help</a>
<div class="dropdown-content">
<a href="https://github.com/tfesenko/SeqAns" target="_blank" >About SeqAns</a>
<a href="https://github.com/tfesenko/SeqAns/issues/new" target="_blank" >Report a Bug</a>
<a href="#" onclick="clearSequenceGroup();window.localStorage.clear();draw(JSON.parse(getContentFromStorage()));">Clear and Load a Sample Sequence</a>
</div>
</span>
</div>
<div id="import-file-window" class="modal">
<div class="modal-content">
<h2>Upload a FASTA file:</h2>
<input type="file" id="files" name="files[]"/>
<div class="right">
<button id="cancel-load-file" class="btn cancel">Cancel</button>
<button id="load-fasta-file" class="btn">Load file</button>
</div>
</div>
</div>
<script src="topbar/topbar.js"></script>
<script type="text/javascript">
var margin = 75,
width = 1400 - margin,
height = 5600 - margin;
var svg = d3.select("body")
.append("div").attr("id", "root").append("svg");
draw(JSON.parse(getContentFromStorage()));
</script>
</body>
</html>