-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
130 lines (109 loc) · 4.8 KB
/
Copy pathindex.html
File metadata and controls
130 lines (109 loc) · 4.8 KB
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>
<head>
<body>
<!-- Your website content goes here -->
<!-- Pop-up message box -->
<div class="popup" id="popupMessage">
<p>Please turn on desktop mode for better experience</p>
</div>
<!-- Include the popup.js file -->
<script src="E:\VS code\Final - Copy (2)\popup.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"/>
<title>Task Manager (PGC Project)</title>
</head>
<body>
<div class="container">
<div class="navbar">
<button onclick="section(0)"><img class="home-btn" src="Img/category-glyph.png"/></button>
<button onclick="opentaskPopup()"><img src="Img/add.png"/></button>
<button onclick="section(1)"><img class="stats-btn" src="Img/chart-glyph.png"/></button>
</div>
<div class="page-wrapper">
<div id="schedule" class="schedule-section">
<div class="category">
<button>unset</button>
<button>work</button>
<button>education</button>
<button>sport</button>
<button>social</button>
<button>entertainment</button>
</div>
<div class="date-holder">
<div class="topdate-holder">
<h4>2025<h2>Jan</h2></h4>
<span>
<button onclick="changeMonth(1)"><img src="Img/arrow-left.png"/></button>
<button onclick="changeMonth(0)"><img src="Img/arrow-right.png"/></button>
</span>
</div>
<div class="date"></div>
</div>
<div class="task-container-parent">
<div class="task-container"><span class="empty-task">A group project of Punjab College <b>2nd year ICS </b> <br> learn more about us by <br><a href="https://ali-depal.github.io/portfolio/" target="_blank">clicking here.</a></span></div>
<div class="task-container-completed"><span class="completed-tag">Completed Tasks</span></div>
</div>
</div>
<div id="stats" class="stats-section">
<h4 class="headertop">Powered by</h4>
<h2 class="headerbottom">PGC JPW</h2>
<div class="stats-holder">
<div class="box-holder">
<span><h1>35</h1><h4>Active Task</h4></span>
<span><h1>15</h1><h4>Completed Task</h4></span>
<span><h1>55</h1><h4>Total Task</h4></span>
<span><h1>5</h1><h4>Deleted Task</h4></span>
</div>
<div class="lower-box">
<h2 class="lb-head">Category</h2>
<div class="catbox-holder">
<span>5</span>
<span>10</span>
<span>15</span>
<span>5</span>
<span>2</span>
<span>18</span>
</div>
</div>
</div>
</div>
<div class="add-task">
<button id="close" onclick="closetaskPopup()">×</button>
<button id="add" onclick="addtaskBtn()">Create New Task</button>
<div class="task-form">
<h3 id="taskHeader">Task Name</h3>
<input type="text" id="taskname" value="" required/>
<h3 id="taskHeader">Task Description</h3>
<input type="text" id="taskdesc" value=""/>
<div class="lower-input">
<div class="loweri-holder">
<button onclick="openCategory();"><b>Category :</b> <span></span></button>
<button><b>Start</b><br/><span></span><input type="time" id="timestart" value="12:00"/></button>
<button><b>End</b><br/><span></span><input type="time" id="timeend" value="13:00"/></button>
</div>
</div>
</div>
</div>
<div class="task-view">
<button id="close" onclick="closetaskView()">×</button>
<div class="task-form-view">
<img src="Img/unset.png"/>
<h1>Task Name</h1>
<p>Task Description</p>
<div class="lower-input-view">
<div class="loweri-holder-view">
<button><b>Category : </b><span></span></button>
<button><b>Start</b><br/><span></span></button>
<button><b>End</b><br/><span></span></button>
<button id="taskComplete">Complete</button>
<button id="taskDelete">Delete</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="script.js" type="text/javascript" charset="utf-8"></script>
</html>