-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (66 loc) · 3.15 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
<!DOCTYPE HTML>
<html>
<head>
<script src = "index.js"></script>
<script src = "html2canvas.min.js"></script>
</head>
<style>
canvas {
border: 1px solid #000000;
}
.drawNoteDivExtraStyle {
box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
</style>
<body>
<div id = "sse">
<div id="output"></div>
<div id="loginbox" style = "float: left; width: 100; height:100%;">
<div id="needlogin">
Username: <input type="text" id="username" value=""><br/>
Password: <input type="password" id="password" value=""><br/>
<input type="button" id="login" value="Login" onClick="doLogin();">
</div>
<div id="loggedin" style="display:none; ">
Logged in as:
<div id="loggedinname" style="display: inline;"></div>
<input type="button" id="login" value="Logout" onClick="doLogout();">
<div id="drawselect" style="">
<input type="button" id="login" value="LIST DRAWINGS" onClick="updateList();">
<input type="button" id="login" value="NEW DRAWING" onClick="createNewDrawing();">
<div id="connectListDIV" style="overflow-y: scroll; max-height: 700px; max-width: 400px;">
<table id="connectList"></table>
</div>
</div>
</div>
</div>
<div id="drawcontainer" style="float: left;">
<div id="initialDiv">
</div>
<div id="loadDiv" style="display: none;">
Please wait...
</div>
<div id="contentDiv" style="display: none;">
<div id="drawcontrols">
<input type="button" id="undoB" value="LEAVE DRAWING" onClick="if(confirm('Are you sure you want to leave this drawing'))leaveDrawing();">
<input type="button" id="notemode" value="NOTE" onClick="setNoteMode();">
<input type="button" id="drawmode" value="DRAW" onClick="setDrawMode();">
<input type="button" id="emode" value="ERASE" onClick="setEraseMode();">
<input type="button" id="undoB" value="UNDO" onClick="doUndo();">
<button type="button">
<label for="imageloader" style="">
Add image
</label>
</button>
<input type="file" id ="imageloader" style="display: none;"/>
<input type="button" id="exportImage" value ="EXPORT" onClick="exportImage();">
</div>
<div id = "canvDIV" style="position: relative; width: 640px; height: 400px; resize: both; border: 2px solid; overflow: auto;padding: 5px;">
<canvas id="canvas" width="640" height="400" style="position: absolute; left: 0; top: 0; z-index: 3;"></canvas>
<canvas id="canvas1" width="640" height="400" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>
</div>
</div>
</div>
</body>
</html>