-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (119 loc) · 6.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Task Management Application</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body onload="loadInitialData()">
<div class="add__new_btn__mobile__only">
<button class="btn btn-primary d-flex align-items-center gap-2" type="submit" data-bs-toggle="modal"
data-bs-target="#addNewModal">
<i class="fas fa-plus"></i>
Add New
</button>
</div>
<div class="modal fade" id="addNewModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="addNewModal">Add new task</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form onsubmit="return false">
<div class="mb-3">
<label for="imageURL" class="form-label">Image URL</label>
<input type="url" class="form-control" id="imageURL"
placeholder="http://example.com/image.png">
</div>
<div class="mb-3">
<label for="taskTitle" class="form-label">Task Title</label>
<input type="text" class="form-control" id="taskTitle" placeholder="Learn Web Dev" required>
</div>
<div class="mb-3">
<label for="tags" class="form-label">Task type</label>
<input type="text" class="form-control" id="tags" placeholder="Work..." required>
</div>
<div class="mb-3">
<label for="taskDescription" class="form-label">Task description</label>
<textarea type="text" class="form-control" id="taskDescription"
placeholder="Explain something about work" required rows="4"></textarea>
</div>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" type="button" class="btn btn-primary" onclick="handleSubmit()">Save
changes</button>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="showTask" tabindex="-1" aria-labelledby="showTaskLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title fs-5" id="showTaskLabel">Task Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body task__modal__body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Tasky</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
</ul>
<button class="btn btn-primary d-flex align-items-center gap-2" type="submit" data-bs-toggle="modal"
data-bs-target="#addNewModal">
<i class="fas fa-plus"></i>Add New
</button>
</div>
</div>
</nav>
<div class="container">
<section class="mt-4">
<div class="row justify-content-center">
<div class="col-md-6 col-lg-8">
<div class="input-group flex-nowrap shadow-lg rounded">
<input type="search" class="form-control" placeholder="Search Task..." aria-label="Search Task"
aria-describedby="addon-wrapping" oninput="searchTask.apply(this,arguments)">
<span class="input-group-text" id="addon-wrapper">
<i class="fas fa-search"></i>
</span>
</div>
</div>
</div>
</section>
<section class="mt-4">
<div class="row task__contents">
<h1>
</h1>
</div>
</section>
</div>
<script src="./scripts/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
</body>
</html>