Skip to content

Commit 05f0363

Browse files
author
roberto
committed
add websocket support
1 parent f0e6339 commit 05f0363

File tree

6 files changed

+2214
-4
lines changed

6 files changed

+2214
-4
lines changed

‎css/microdraw.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ html,body {
3434
position:absolute;
3535
top:2px;
3636
width:32px;
37-
height:32px;
37+
height:2em;
3838
}
3939
#openMenu {
4040
left:2px;
@@ -53,8 +53,9 @@ html,body {
5353
display:block;
5454
}
5555
#login {
56-
height:1.5em;
56+
height:2em;
5757
width:100%;
58+
vertical-align:middle;
5859
background-color:rgba(250,250,250,0.0);
5960
}
6061

@@ -84,7 +85,7 @@ html,body {
8485
border:0;
8586
margin-bottom:0;
8687
bottom:0px;
87-
overflow-y:scroll;
88+
overflow-y:auto;
8889
}
8990

9091
#colorSelector {

‎html.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<html>
2+
<style>
3+
#mycircle {
4+
fill:rgb(255,0,0);
5+
}
6+
<svg>
7+
<circle id="mycircle" cx=50 cy=50 r=50 />
8+
</svg>
9+
</html>

‎lib/mylogin/login.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
#login {
55
text-align:center;
66
display:inline-block;
7-
padding-top:0.5em;
87
}
98
#login * {
109
width:auto;

‎microdraw-ws.html

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<html>
2+
3+
<head>
4+
<title>MicroDraw</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width,user-scalable=no" />
7+
<link rel="stylesheet" href="css/microdraw.css" type="text/css" />
8+
</head>
9+
10+
<body>
11+
12+
<div id="menuButton">
13+
<img class="button" id="openMenu" title="Menu" src="img/openMenu.svg" />
14+
</div>
15+
16+
<!-- Toolbar -->
17+
<div id="menuBar" class="table">
18+
19+
<div class="row">
20+
<div id="login"></div>
21+
<img class="button" id="closeMenu" title="Close Menu" src="img/closeMenu.svg" />
22+
</div>
23+
24+
<div class="row">
25+
<div id="myNavigator"></div>
26+
</div>
27+
28+
<div class="row">
29+
<div class="cell" style="text-align:center">
30+
<div class="buttonGroup">
31+
<img class="button" id="zoom" title="Navigator" src="img/navigate.svg" />
32+
<img class="button" id="home" title="Home" src="img/home.svg" />
33+
<img class="button" id="zoom-in" title="Zoom in" src="img/plus.svg" />
34+
<img class="button" id="zoom-out" title="Zoom out" src="img/minus.svg" />
35+
<div>
36+
<img class="button" id="prev" title="Previous slice" src="img/prev.svg" />
37+
<input id="slice-name" list="slice-names" style="width:80px" />
38+
<img class="button" id="next" title="Next slice" src="img/next.svg" />
39+
</div>
40+
<input type="range" id="slider" />
41+
</div>
42+
<div class="buttonGroup">
43+
<img class="button" id="select" title="Select" src="img/select.svg" />
44+
<img class="button" id="draw" title="Draw" src="img/draw.svg" />
45+
<img class="button" id="draw-polygon" title="Draw polygon" src="img/draw-polygon.svg" />
46+
<img class="button" id="simplify" title="Simplify" src="img/simplify.svg" />
47+
<img class="button" id="addpoint" title="Add point" src="img/addPoint.svg" />
48+
<img class="button" id="delpoint" title="Delete point" src="img/deletePoint.svg" />
49+
<img class="button" id="addregion" title="Union of regions" src="img/union.svg" />
50+
<img class="button" id="delregion" title="Subtraction of regions" src="img/subtract.svg" />
51+
<img class="button" id="splitregion" title="Split region" src="img/split.svg" />
52+
<img class="button" id="rotate" title="Rotate region" src="img/rotate.svg" />
53+
<img class="button" id="flip" title="Flip region" src="img/flip.svg" />
54+
</div>
55+
<div class="buttonGroup">
56+
<img class="button" id="save" title="Save annotations" src="img/save.svg" />
57+
<img class="button" id="copy" title="Copy path" src="img/copy.svg" />
58+
<img class="button" id="paste" title="Paste path" src="img/paste.svg" />
59+
<img class="button" id="delete" title="Delete region" src="img/delete.svg" />
60+
</div>
61+
</div>
62+
</div>
63+
64+
<div class="row">
65+
<div class="cell">
66+
<br />
67+
Regions
68+
<div id="regionList"></div>
69+
</div>
70+
</div>
71+
</div>
72+
73+
<div id="colorSelector">
74+
stroke color
75+
<select id="selectStrokeColor" onChange="onSelectStrokeColor();">
76+
<option value="0">black</option>
77+
<option value="1">white</option>
78+
<option value="2">red</option>
79+
<option value="3">green</option>
80+
<option value="4">blue</option>
81+
<option value="5">yellow</option>
82+
</select>
83+
<br>
84+
<br>
85+
fill color
86+
<input type="color" id="fillColorPicker" value="#ff0000" onChange="onFillColorPicker(this.value);" >
87+
<br>
88+
<br>
89+
&alpha;<input type="range" min="0" max="100" id="alphaSlider" onInput="onAlphaSlider(this.value);" ><input id="alphaFill" onInput="onAlphaInput(this.value);" >
90+
<br>
91+
<br>
92+
<input type="button" id="okStrokeColor" value="ok" onClick="setRegionColor();">
93+
</div>
94+
95+
<!-- Region Picker -->
96+
<div id="regionPicker">
97+
</div>
98+
99+
<!-- OpenSeadragon viewer -->
100+
<div id="openseadragon1" style="width:100%">
101+
</div>
102+
103+
<!-- naat logo -->
104+
<a id="logo" href="http://neuroanatomy.github.io">
105+
<img src="img/naat.svg" style="width:2.5em" />
106+
</a>
107+
108+
<!-- Load javascript -->
109+
<script src="lib/paper-full.min.js"></script>
110+
<script src="lib/openseadragon/openseadragon.js"></script>
111+
<script src="lib/openseadragon-viewerinputhook.min.js"></script>
112+
<script src="lib/OpenSeadragonScalebar/openseadragon-scalebar.js"></script>
113+
<script src="lib/jquery-1.11.0.min.js"></script>
114+
<script src="lib/mylogin/login.js"></script>
115+
<script src="neurolex-ontology.js"></script>
116+
<script src="base.js"></script>
117+
<script src="microdraw-ws.js"></script>
118+
</body>
119+
120+
</html>
121+
122+

0 commit comments

Comments
 (0)