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
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Munia</title>
<style>
/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
body {
cursor: default;
}
.task {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: move;
background-color: #888;
border-style: solid;
border-width: medium;
/* border-radius: 15px;*/
padding: 4px;
margin: 6px;
max-width: 300px;
}
.board {
width: *;
min-height: 300px;
padding: 20px;\
background: -moz-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
background: -webkit-gradient(linear, left top, right top,
color-stop(0, rgb(0,0,0)),
color-stop(0.50, rgb(79,79,79)),
color-stop(1, rgb(21,21,21)));
background: -webkit-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
background: -ms-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
}
</style>
</head>
<body id="body">
<div id="wstask_status">TaskProto not initialized</div>
<div id="wsobserve_status">ObserveProto not initialized</div>
TaskProto: <input type="text" id="input_task_data" value="add title description -1" onfocus="clear()"/>
<input type="button" value="submit" onclick="task_submit()"/><br/>
ObserveProto: <input type="text" id="input_observe_data" value="observe 0" onfocus="clear()"/>
<input type="button" value="submit" onclick="observe_submit()"/><br/>
TaskMessages: <span id="wstask_lastmsg"></span><br/>
ObserveMessages: <span id="wsobserve_lastmsg"></span>
</div>
<div id="board" class="board"></div>
<script type="text/javascript" charset="utf-8" src="/proto.js"></script>
</body>
</html>
|
