-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathboard.html
99 lines (82 loc) · 4.56 KB
/
board.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./assets/img/logo-dark.png" type="image/png">
<title>Board | Join</title>
<link rel="stylesheet" href="./css/fonts.css">
<link rel="stylesheet" href="./css/variables.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/board.css">
<link rel="stylesheet" href="./css/add-task.css">
<link rel="stylesheet" href="./css/animations.css">
<link rel="stylesheet" href="./css/contact.css">
<script src="./smallest_backend_ever/mini_backend.js"></script>
<script src="./js/script.js"></script>
<script src="./js/board.js"></script>
<script src="./js/priority.js"></script>
<script src="./js/subtasks.js"></script>
<script src="./js/add-task-templates.js"></script>
<script src="./js/add-task.js"></script>
<script src="./js/board-templates.js"></script>
<script src="./js/contacts.js"></script>
<script src="./js/contacts-templates.js"></script>
</head>
<body onload="initBoard();">
<img id="task_added_to_board_img" src="./assets/img/task-added-to-board.png" alt="" class="task-added-to-board animationFadeInBottom display-none">
<div id="add-task-overlay" onclick="hideAddTaskMask()" class="add-task-overlay display-none">
<div id="add-task-container" onclick="doNotClose(event)" class="add-task-container animationFadeInRight display-none"></div>
<div id="AddTaskMaskContact" onclick="doNotClose(event)"></div>
<div id="detail_content" onclick="doNotClose(event)" class="detail display-none"></div>
</div>
<div w3-include-html="./assets/templates/header.html" class="mainheader"></div>
<div class="Main-Container">
<div w3-include-html="./assets/templates/navigation.html" class="sidebar"></div>
<div class="main-content">
<div>
<div class="search-bar">
<div class="search">
<input id="search_input" type="text" placeholder="Find Task" onkeyup="handleFilterTasks()">
<div>
<img src="assets/img/searchglas.png">
</div>
</div>
<button onclick="openAddTaskMask(1, 'toDo')" class="btn">
Add Task <img src="assets/img/white-plus.png" alt="">
</button>
</div>
</div>
<div class="kanban-board">
<div id="toDo-Container" class="drag-area-Container">
<div class="drag-area-top-Section">
<h3>To do</h3> <img onclick="openAddTaskMask(1, 'toDo');" src="assets/img/plus button v1.png" alt="" class="plusButton">
</div>
<div id="toDo" ondrop="moveTo('toDo')" ondragover="allowDrop(event)" ondrop="drop(event)" class="drag-area">
</div>
</div>
<div id="inProgress-Container" class="drag-area-Container">
<div class="drag-area-top-Section">
<h3>In progress</h3><img onclick="openAddTaskMask(1, 'inProgress')" src="assets/img/plus button v1.png" alt="" class="plusButton">
</div>
<div id="inProgress" ondrop="moveTo('inProgress')" ondragover="allowDrop(event)" ondrop="drop(event)" class="drag-area">
</div>
</div>
<div id="awaitingFeedback-Container" class="drag-area-Container">
<div class="drag-area-top-Section">
<h3>Awaiting Feedback</h3><img onclick="openAddTaskMask(1, 'awaitingFeedback')" src="assets/img/plus button v1.png" alt="" class="plusButton">
</div>
<div id="awaitingFeedback" ondrop="moveTo('awaitingFeedback')" ondragover="allowDrop(event)" ondrop="drop(event)" class="drag-area"></div>
</div>
<div class="drag-area-Container" id="done-Container">
<div class="drag-area-top-Section">
<h3>Done</h3><img onclick="openAddTaskMask(1, 'done')" src="assets/img/plus button v1.png" alt="" class="plusButton">
</div>
<div id="done" ondrop="moveTo('done')" ondragover="allowDrop(event)" ondrop="drop(event)" class="drag-area"></div>
</div>
</div>
</div>
</div>
</body>
</html>