-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathadd-task.html
130 lines (103 loc) · 5.4 KB
/
add-task.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
<!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>Add Task | 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/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/add-task.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/contacts.js"></script>
<script src="./js/contacts-templates.js"></script>
</head>
<body onload="initAddTask()">
<div id="overlay_header" class="overlay-header">
<a href="./summary.html"><img src="./assets/img/logo-blue.png" alt="Join Logo"></a>
<div class="header-right"></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 add-task-content">
<form onsubmit="addToTask(0, 'toDo'); return false;" class="add-task-formHTML">
<div class="input-container">
<input id="AddTitle" type="text" placeholder="Enter a title" autocomplete="off" required class="add-task-title">
</div>
<div id="user_selector">
<div onclick="showUsers()" class="selector-header">
Select contacts to assign
<img src="assets/img/blue-dropdown-arrow.png" alt="">
</div>
</div>
<div id="selector_user_dropdown"></div>
<div id="selector_user_dropdown_contact" class="display-flex-in-addtask"></div>
<h4>Due Date</h4>
<div id="input-date" class="input-container">
<input id="add-date" placeholder="dd/mm/yy" type="date" class="add-task-due-date">
</div>
<h4>Category</h4>
<div id="chooseCategory" class="alert display-none">Category field is required</div>
<div id="category_selector">
<div onclick="showTaskCategories()" class="selector-header">
Select task category
<img src="assets/img/blue-dropdown-arrow.png" alt="">
</div>
</div>
<div id="selector_Category_Dropdown"></div>
<span id="chossePriority" class="alert display-none">Priority is required</span>
<div class="priority-container">
<div onclick="selectedPriority(1)" id="priority_urgent" class="priority-urgent">
<p>Urgent</p>
<img id="priority_img_urgent" src="./assets/img/prio-urgent.png" alt="">
</div>
<div id="priority_medium" onclick="selectedPriority(2)" class="priority-medium">
<p>Medium</p>
<img id="priority_img_medium" src="./assets/img/prio-medium.png" alt="">
</div>
<div id="priority_low" onclick="selectedPriority(3)" class="priority-low">
<p>Low</p>
<img id="priority_img_low" src="./assets/img/prio-low.png" alt="">
</div>
</div>
<h4>Description</h4>
<div>
<textarea id="AddDescription" placeholder="Enter a Description" class="add-description"></textarea>
</div>
<h4>Subtasks</h4>
<div id="empty_subtask_text"></div>
<div id="newSubtask_select" class="input-container">
<input id="new_subtask_text" type="text" placeholder="Add new subtask" class="input">
<div class="checkAndCrossIconsCategory">
<img src="./assets/img/blue-cross.png" onclick="clearSubTasks()" class="blue-cross pointer">
<img src="./assets/img/devider.png">
<img src="./assets/img/blue-check.png" onclick="pushSubtasks()" class="blue-check pointer">
</div>
</div>
<div id="addSubtaskCheckbox"></div>
<div class="add-task-bottom">
<button class="btn-light clear-button">
<p>Clear</p><img src="assets/img/grey-cross.png" alt="">
</button>
<button class="btn addTask-button">
<p>Create Task</p><img src="assets/img/white-check.png" alt="">
</button>
</div>
</form>
<div id="detail_content"></div>
<div id="AddTaskMaskContact" onclick="doNotClose(event)" class="relative display-none"></div>
</div>
</div>
</body>
</html>