-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (186 loc) · 8.93 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JADE BOARD</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="css/global.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/index2.js"></script>
</head>
<body onload="loadBoardData();">
<div id="outer-container">
<div></div>
<div></div>
<div id="outer-center-grid">
<header>
<!-- Linking to boards.html -->
<!-- Navigation -->
<ul id="main-nav" class="main-nav">
<li id="logo-li-img">
<abbr title="Jadeboard logo"> <a id="board-logo" class="tab-index" href="boards.html">
<img src="favicon.ico" id="logo" alt="Jadeboard logo"> </abbr>
</a>
</li>
<abbr title="Go to boardselection"><li><a class="tab-index aLink opt" id="board-a" href="boards.html">Boards</a></li></abbr>
<li><a class="tab-index aLink opt" onclick="showMytasksWin()">View my tasks</a></li>
<li id="inv-li"></li>
<abbr title="Add members to board"><li><div id="inv-btn" class="color tab-index" onclick="showInviteMenu()">Invite</div></li></abbr>
</ul>
</header>
<section class="main-boards">
<div id="name-of-project">
<h2></h2>
</div>
<div id="main-container">
</div>
</section>
<script type="text/javascript" src="js/index.js"></script>
</div>
<div>
<!-- Sign out -->
<div class="logout-container">
<a href="login.html" class="tab-index">
<img src="img/logout.png" alt="Sign out" title="Sign out">
</a>
</div>
</div>
<!-- Invite user window. Location independent* and hidden by default.
(* must still appear after elements that are supposed to be below
or use z-index to counter.) -->
<div id="inv-overlay" class="overlay transparent hidden"></div>
<div id="inv-frame" class="overlay hidden">
<div id="inv-container">
<div id="inv-air-top" onclick="hideInviteWin()"></div>
<div id="inv-air-left" onclick="hideInviteWin()"></div>
<!-- Visible window. -->
<div id="inv-win" class="rounded">
<div class="inline">Invite to Board</div>
<div id="inv-list"></div>
<div id="inv-close" class="float-right selectable" tabindex="0" onclick="hideInviteWin()">X</div>
</div>
<div id="inv-air-right" onclick="hideInviteWin()"></div>
<div id="inv-air-bot" onclick="hideInviteWin()"></div>
</div>
</div>
<!-- Task properties window. Location independent and hidden by default. -->
<div id="tp-overlay" class="overlay transparent hidden"></div>
<div id="tp-frame" class="overlay hidden">
<div id="tp-container"> <!-- grid container -->
<!-- Invisible divs that capture click events for closing the window -->
<div id="tp-air-top" onclick="hideTaskPropDiv()"></div>
<div id="tp-air-left" onclick="hideTaskPropDiv()"></div>
<!-- This is the visible window -->
<div id="tp-win" class="rounded" onclick="propWinClickHandler(event)">
<div> <!-- Title icon -->
<img src="img/checkbox.png" id="tp-title-icon" alt="Title icon">
</div>
<div id="tp-title"></div> <!-- Title text -->
<div id="tp-title-sub"></div> <!-- Text below title -->
<div id="tp-mem-title">Members</div>
<div id="tp-mem-view"></div>
<div id="tp-date-title">Deadline</div>
<div id="tp-date-view"></div>
<!-- Menu on the right side -->
<div id="tp-menu-wrap">
<div>Menu</div>
<abbr title="Join this task"><div id="m-join" class="opt second-tab-index" onclick="joinTask()">Join</div></abbr>
<abbr title="Add/remove members for task"><div id="m-add" class="opt second-tab-index" onclick="showAddWin()">Add members</div></abbr>
<abbr title="Add deadline to task"><div id="m-deadline" class="opt second-tab-index" onclick="showDateWin()">Deadline</div></abbr>
<abbr title="Move to a different column"><div id="m-move" class="opt second-tab-index" onclick="showMoveWin()">Move</div></abbr>
<abbr title="Delete the task"><div id="m-delete" class="opt second-tab-index" onclick="deleteTaskHandler()">Delete</div></abbr>
</div>
<div id="tp-mem-view"></div>
<div id="tp-date-view"></div>
<div id="tp-desc-icon"> <!-- Description icon -->
<img src="img/pen.png" id="tp-desc-icon" alt="Description icon">
</div>
<div id="tp-desc-title">Description</div> <!-- Description title -->
<div id="tp-desc-in-wrap">
<textarea id="tp-desc-input" class="color rounded second-tab-index" placeholder="Add a more detailed text..." onclick="triggerDescInput()" onfocus="triggerDescInput()"></textarea> <!-- Description input -->
<div id="tp-desc-btn" class="color rounded hidden second-tab-index">Save</div>
</div>
<!-- Button to close up window -->
<div id="tp-close" class="selectable second-tab-index" onclick="hideTaskPropDiv()">X</div>
</div>
<!-- Invisible divs that capture click events for closing the window -->
<div id="tp-air-right" onclick="hideTaskPropDiv()"></div>
<div id="tp-air-bot" onclick="hideTaskPropDiv()"></div>
</div>
</div>
<!-- Add member(s) to task window. Location independent and hidden by default.
Accessed through the task propertie window. -->
<div id="add-overlay" class="overlay transparent hidden"></div>
<div id="add-frame" class="overlay hidden">
<div id="add-container"> <!-- grid container -->
<div id="add-air-top" onclick="hideAddWin()"></div>
<div id="add-air-left" onclick="hideAddWin()"></div>
<!-- Visible window -->
<div id="add-win" class="rounded">
<div id="add-title">Add members to task</div>
<div id="mem-list"></div>
<div id="add-close" class="selectable" onclick="hideAddWin()" tabindex="0">X</div>
</div>
<div id="add-air-right" onclick="hideAddWin()"></div>
<div id="add-air-bot" onclick="hideAddWin()"></div>
</div>
</div>
<!-- Select date window. Location independent and hidden by default.
Accessed through the task properties window. -->
<div id="date-overlay" class="overlay transparent hidden"></div>
<div id="date-frame" class="overlay hidden">
<div id="date-container"> <!-- grid container -->
<div id="date-air-top" onclick="hideDateWin()"></div>
<div id="date-air-left" onclick="hideDateWin()"></div>
<!-- Visible window -->
<div id="date-win" class="rounded">
<div id="date-title" class="inline">Change deadline</div>
<input id="date-input" type="datetime-local" tabindex="0" oninput="dateChange(event)">
<div id="date-save" class="selectable" tabindex="0" onclick="saveDate()">Save</div>
<div id="date-remove" class="selectable" tabindex="0" onclick="removeDate()">Remove</div>
<div id="date-close" class="float-right selectable" id="date-close" tabindex="0" onclick="hideDateWin()">X</div>
</div>
<div id="date-air-right" onclick="hideDateWin()"></div>
<div id="date-air-bot" onclick="hideDateWin()"></div>
</div>
</div>
<!-- Move task window. Location independent and hidden by default.
Accessed through the task propertie window. -->
<div id="move-overlay" class="overlay transparent hidden"></div>
<div id="move-frame" class="overlay hidden">
<div id="move-container"> <!-- grid container -->
<div id="move-air-top" onclick="hideMoveWin()"></div>
<div id="move-air-left" onclick="hideMoveWin()"></div>
<!-- Visible window -->
<div id="move-win" class="rounded">
<div id="move-title">Move task</div>
<div id="col-list"></div>
<div id="move-close" class="selectable" onclick="hideMoveWin()" tabindex="0">X</div>
</div>
<div id="move-air-right" onclick="hideMoveWin()"></div>
<div id="move-air-bot" onclick="hideMoveWin()"></div>
</div>
</div>
<!-- My tasks window. Location independent and hidden by default. -->
<div id="mytasks-overlay" class="overlay transparent hidden"></div>
<div id="mytasks-frame" class="overlay hidden">
<div id="mytasks-container"> <!-- grid container -->
<div id="mytasks-air-top" onclick="hideMytasksWin()"></div>
<div id="mytasks-air-left" onclick="hideMytasksWin()"></div>
<!-- Visible window -->
<div id="mytasks-win" class="rounded">
<div id="mytasks-title">My tasks</div>
<div id="task-list"></div>
<div id="mytasks-close" class="selectable" onclick="hideMytasksWin()" tabindex="0">X</div>
</div>
<div id="mytasks-air-right" onclick="hideMytasksWin()"></div>
<div id="mytasks-air-bot" onclick="hideMytasksWin()"></div>
</div>
</div>
<div></div>
</div>
</body>
</html>