-
Notifications
You must be signed in to change notification settings - Fork 0
/
todolist.html
93 lines (87 loc) · 3.17 KB
/
todolist.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
<!-- developer options -->
<button style='display:none' type=button id=testFunctionButton>testFunc</button>
<button style='display:none' type=button id=deleteAllMemoButton>DeleteAllMemo</button>
<button style='display:none' type=button id=numberDummyButton>Put numbers</button>
<!-- -->
<!DOCTYPE html>
<HTML>
<head>
<script type="text/javascript" src="controller.js" ></script>
<script type="text/javascript" src="memo.js"></script>
<script type="text/javascript" src="item.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="memo.css" />
</head>
<BODY ondragover="allowDrop(event)">
<div id="memoLayer">
</div>
<div id="itemLayer">
</div>
<div id="inputBox" class="cloudBox" draggable="true">
<input type="text" class="inputArea" id="inputArea" onkeypress="if(event.keyCode==13) {onInsertButtonClick(); }">
<button type="button" id="insertButton" >Insert</button>
<button type="button" class="hideCloudBoxButton"><</button>
</div>
<div id="menuBox" class="cloudBox" draggable="true">
<button type=button id=addMemoButton>Memo+</button>
<button type=button id=toggleMemoButton>Memo on/off</button>
<button type="button" class="hideCloudBoxButton"><</button>
</div>
<div id="itemControlBox" class="cloudBox" draggable="true">
<div>
<input type="text" class="inputArea" id="modifyInputArea">
<button type="button" id="modifyButton" >Modify</button>
</div>
<div>
<input type="date" class="inputArea" id="dateInputArea" max="3000-12-31">
<button type="button" id="setDeadlineButton">Set</button>
</div>
<div>
<button type='button' id='addChildButton'>Add child</button>
<button type='button' id="deleteButton">Delete</button>
<button type='button' id='deleteAllItemButton'>Delete All Items</button>
</div>
</div>
<div id="closeButton"></div>
<div>
<table style="margin:auto">
<tr><td width=500> System Message </td></tr>
<tr height=100 ><td id="systemMessage"></td></tr>
<tr><td>
<button type='button' id='dummyButton' class='blackButton'>Load dummy items</button>
<button type='button' id='archiveButton' class='blackButton'>Archive on/off</button>
<button type='button' id='deadlineButton' class='blackButton'>Deadline on/off</button>
</td></tr>
<tr><td>
<button type='button' id='newDayButton' class='blackButton'>New Day</button>
<button type='button' id='shiftButton' class='blackButton'>Shift</button>
</td></tr>
</table>
</div>
<br />
<br />
<div id="listLayer">
<div id="todayArea" class="tableArea">
<div id="todayTitle" class="tableTitle">Today</div>
<table id="todayListTable" class="tableBody">
</table>
</div>
<div id="newDayArea" class="tableArea">
<div id="newDayTitle" class="tableTitle"> New Day</div>
<table id="newDayTable" class="tableBody" >
</table>
</div>
</div>
<div id="deadlineArea" class="tableArea" draggable='true'>
<div id="deadlineTitle" class="tableTitle"> Deadline</div>
<table id="deadlineTable" class="tableBody">
</table>
</div>
<div id="archiveArea" class="tableArea" draggable='true'>
<div id="archiveTitle" class="tableTitle"> Archive on/off</div>
<table id="archiveTable" class="tableBody">
</table>
</div>
</BODY>
<script type="text/javascript">init();</script>
</HTML>