-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
115 lines (105 loc) · 7.33 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- HTML container for Wasabi web application (http://wasabiapp.org). -->
<!-- Copyright Andres Veidenberg (andres.veidenberg{at}helsinki.fi), University of Helsinki (2015) -->
<!-- Distributed under AGPL license (http://www.gnu.org/licenses/agpl) -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Wasabi</title>
<link rel="icon" type="image/png" href="/images/icon_page.png" />
<link rel="apple-touch-icon" href="/images/icon_ios.png" />
<link rel="apple-touch-icon-precomposed" href="/images/icon_ios.png" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.jsdelivr.net/gh/veidenberg/pline/pline.css" />
<script type="text/javascript" src="javascript/lib/jquery.js"></script>
<script type="text/javascript" src="javascript/lib/jquery.ui.js"></script>
<script type="text/javascript" src="javascript/lib/jquery.easing.js"></script>
<script type="text/javascript" src="javascript/lib/jquery.mousewheel.js"></script>
<script type="text/javascript" src="javascript/lib/scrollbars.js"></script>
<script type="text/javascript" src="javascript/lib/knockout.js"></script>
<script type="text/javascript" src="javascript/lib/knockout.mapping.mod.js"></script>
<script type="text/javascript" src="javascript/lib/raphael.mod.js"></script>
<script type="text/javascript" src="javascript/lib/jsphylosvg.rebuild.js"></script>
<script type="text/javascript" src="javascript/icons.js"></script>
<script type="text/javascript" src="javascript/piwik.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/veidenberg/pline/pline.js"></script>
<script type="text/javascript" src="javascript/script.js"></script>
</head>
<body data-bind="css:{mintop:settingsmodel.mintop, hidetop:settingsmodel.hidetop, notop:!settingsmodel.menubar()}">
<div id="page" data-bind="style:{minWidth:840+(statusbtn().replace(/<[^>]+>/g,'').length*13)+'px'}">
<noscript><div><img src="images/warning.png">You have disabled Javascript in your web browser.<br>Please turn on Javascript to use the Wasabi web application.</div></noscript>
<div id="startup">Starting up...</div>
<div id="top" class="away">
<div id="toptitle" class="title" data-bind="visible:!offline()&&(seqsource()||treesource())">
<input type="text" class="static noselect" data-bind="value:exportmodel.savename, valueUpdate:'afterkeydown',style:{width:exportmodel.savename().length*9+'px'}" onmousedown="if(!$(this).hasClass('editable')) event.preventDefault();" onclick="titlemenu(event)" onblur="if(librarymodel.openid()) librarymodel.openname(this.value); $(this).removeClass('editable');" autocomplete="off" title="Analysis name. Click for more options"><span class="note" data-bind="html:unsaved()||librarymodel.shareicon(librarymodel.openitem())"></span>
</div>
<div id="topcollapse" title="Click to toggle compact menubar" onclick="settingsmodel.toggletop()">
<span data-bind="html:settingsmodel.mintop()?'▼<br>▼':'▲<br>▲'"></span><br>...
</div>
<div class="buttonblock" style="left:5%" data-bind="visible:settingsmodel.data">
<a id="file" class="button transparent icon" onclick="topmenu(event,this)" title="Click for data menu"><img src="images/file.png"></a>
<div class="toptext">Data</div>
</div>
<div class="buttonblock" style="left:12%" data-bind="visible:settingsmodel.tools">
<a id="tools" class="button transparent icon" onclick="topmenu(event,this)" title="Click for tools menu"><img src="images/run.png"></a>
<div class="toptext">Tools</div>
</div>
<div class="buttonblock" style="left:20%" data-bind="visible:settingsmodel.zoom">
<div id="zoombtns" style="display:inline-block;position:relative;">
<a id="zoomout" onclick="redraw({zoom:'out'});" class="button zoom" title="Zoom out">-</a> <a id="zoomin" onclick="redraw({zoom:'in'});" class="button zoom" title="Zoom in">+</a>
<div class="toptext zoomperc" data-bind="text:zoomperc"></div>
<div class="toptext">Zoom</div>
</div>
</div>
<div class="buttonblock" style="left:30%" data-bind="visible:settingsmodel.undo">
<a id="undobtn" class="button left" data-bind="html:svgicon('undo'),click:undo,css:{disabled:!activeundo.data()||activeundo.undone()}" title="Undo"></a>
<a id="historybtn" class="button middle" onclick="topmenu(event,this,'undostack')" title="Click to see and select previous actions">
<span style="margin-top:0" data-bind="visible:!activeundo.data()">History</span>
<!-- ko foreach:{data:activeundo.name,afterRender:marginadd,beforeRemove:waitremove} --><span data-bind="fadeText:name"></span><!-- /ko -->
</a>
<a id="redobtn" class="button right" data-bind="html:svgicon('redo'),click:redo,css:{disabled:!activeundo.data()||!activeundo.undone()}" title="Redo"></a>
<div class="toptext">Actions history</div>
</div>
<div class="buttonblock" style="left:40%;margin-left:80px;z-index:2;display:none" data-bind="fadevisible:statusbtn()!=''">
<a id="statusbtn" onclick="dialog('jobstatus')" class="button square" data-bind="html:statusbtn" title="Click for details"></a>
<div class="toptext">Notifications</div>
</div>
<div id="logo" class="buttonblock" onclick="dialog('about')" title="Click for more information" data-bind="visible:settingsmodel.logo">
<img src="images/wasabi_logo.png">
<div class="toptext">About Wasabi</div>
</div>
</div><!--top buttons-->
<div id="left">
<div id="treewrap"><div id="tree"></div><div id="names"></div></div>
<div id="bottomfade"></div><div id="topfade"></div>
<div id="borderDrag" title="Drag to adjust sequence area width"><span>⋮</span></div>
</div>
<div id="namesborderDragline" class="draggerline dragmode" data-bind="css:{'visible':treesource()||seqsource()}">
<div id="namesborderDrag" class="dragger" title="Drag to adjust tree width">⋮</div>
</div>
<div id="scalebar" data-bind="style:{opacity:settingsmodel.scalebar()?1:0}"></div>
<div id="right">
<div id="seqwindow">
<div id="wrap">
<div id="ruler"></div>
<div id="seqwrap"><div id="seq"><div id="rborder" class="rowborder"></div></div></div>
</div>
<img id="leftshadow" src="images/shadow_left.png">
<img id="rightshadow" src="images/shadow_right.png">
<img id="spinner" style="height:36px" src="images/spinner.gif">
</div>
<div id="horizontalDragger" class="draggerline"><div class="scrollBtn scrollLeftBtn"><</div><div class="dragger"></div><div class="scrollBtn scrollRightBtn">></div></div>
<div id="verticalDragger" class="draggerline vertical"><div class="scrollBtn scrollUpBtn">∧</div><div class="dragger"></div><div class="scrollBtn scrollDownBtn">∨</div></div>
<div id="treebin"><div></div></div>
</div>
<div id="namelabel"><span></span></div>
<div id="bottom">
Andres Veidenberg <span style="color:#ccc">|</span> University of Helsinki<br>
<a onclick="dialog('about');return false;" title="Click for more info">About Wasabi</a>
</div>
<div id="backfade"></div>
</div>
</body>
</html>