-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsummary.html
175 lines (162 loc) · 9.31 KB
/
summary.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Join summary</title>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="./favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="./favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="./favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="./favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="./favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="./favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="./favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
<!-- Responsive, mobile first -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<!-- CSS -->
<link rel="stylesheet" href="./styles/globals.css" />
<link rel="stylesheet" href="./styles/helpers.css" />
<link rel="stylesheet" href="./styles/fonts.css" />
<link rel="stylesheet" href="./styles/colors.css" />
<link rel="stylesheet" href="./styles/frame.css" />
<link rel="stylesheet" href="styles/summary.css" />
<!-- Script -->
<script src="./scripts/globals.js" defer></script>
<script src="./scripts/mini_backend.js"></script>
<script src="./scripts/frame.js" defer></script>
<script src="./scripts/login.js" defer></script>
<script src="./scripts/summary.js" defer></script>
</head>
<body onload="initSummary()">
<div id="side-menu" class="side-menu" w3-include-html="assets/templates/side-menu.html"></div>
<div class="main-container" id="main-container">
<nav class="navbar navbar-expand-lg bg-body-tertiary" w3-include-html="assets/templates/header.html"></nav>
<div id="content" class="main-content-outer-container">
<!-- mobile greeting container -->
<div id="greetMobileOverlay" class="greetMobileOverlay d-none">
<div class="greetMobileContainer">
<div id="greetingMobile" class="greetingMobile">Good Morning</div>
<div id="nameToBeingGreeted" class="nameToBeingGreeted">Christian Greenfield</div>
</div>
</div>
<div class="main-content-inner-container">
<div class="heading-container">
<span class="description-heading">Kanban Project Management Tool</span>
<div class="title">Summary</div>
<div class="subtitle">Everything in a nutshell</div>
</div>
<div class="overview-greeting-container">
<!-- Overview -->
<div class="overview-container">
<div class="top-cards-overview">
<a href="./board.html">
<div class="card-overview" role="button">
<div id="tasks-in-board" class="cardOverviewValue"></div>
<div class="overview-card-name">Tasks<br />in Board</div>
</div>
</a>
<a href="./board.html">
<div class="card-overview" role="button">
<div id="tasks-in-progress" class="cardOverviewValue"></div>
<div class="overview-card-name">Tasks In<br />Progress</div>
</div>
</a>
<a href="./board.html">
<div class="card-overview" role="button">
<div id="awaiting-feedback" class="cardOverviewValue"></div>
<div class="overview-card-name">Awaiting<br />Feedback</div>
</div>
</a>
</div>
<!-- <a href="./board.html"> -->
<div onclick="redirectToBoard()" class="urgent-container" role="button">
<div id="urgent-tasks" class="urgent-tasks">
<div class="urgent-tasks-container">
<div class="icon">
<svg class="urgent-icon" width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="30" cy="30" r="30" fill="#FF3D00" />
<g clip-path="url(#clip0_36881_2303)">
<path
d="M44.8709 41.1626C44.4699 41.1633 44.0792 41.0337 43.7563 40.7929L29.6511 30.263L15.5458 40.7929C15.3478 40.941 15.1229 41.0482 14.8839 41.1084C14.645 41.1685 14.3966 41.1805 14.1531 41.1435C13.9096 41.1066 13.6757 41.0214 13.4647 40.893C13.2536 40.7645 13.0697 40.5953 12.9233 40.3949C12.777 40.1945 12.6711 39.9669 12.6116 39.7251C12.5522 39.4832 12.5404 39.2319 12.5769 38.9855C12.6507 38.4878 12.9168 38.0402 13.3167 37.7411L28.5365 26.3677C28.8591 26.126 29.2498 25.9956 29.6511 25.9956C30.0524 25.9956 30.4431 26.126 30.7657 26.3677L45.9855 37.7411C46.3033 37.9781 46.5389 38.3106 46.6588 38.6912C46.7788 39.0718 46.7768 39.481 46.6532 39.8604C46.5296 40.2398 46.2907 40.57 45.9706 40.8039C45.6506 41.0377 45.2657 41.1633 44.8709 41.1626Z"
fill="white"
/>
<path
d="M44.8708 31.2109C44.4697 31.2116 44.0791 31.082 43.7562 30.8413L29.651 20.3114L15.5457 30.8413C15.1458 31.1404 14.6448 31.2665 14.153 31.1919C13.6612 31.1172 13.2188 30.8479 12.9232 30.4432C12.6276 30.0385 12.503 29.5315 12.5768 29.0339C12.6506 28.5362 12.9167 28.0885 13.3166 27.7894L28.5364 16.416C28.859 16.1744 29.2497 16.0439 29.651 16.0439C30.0523 16.0439 30.443 16.1744 30.7655 16.416L45.9854 27.7894C46.3031 28.0264 46.5388 28.359 46.6587 28.7396C46.7786 29.1202 46.7767 29.5294 46.6531 29.9088C46.5295 30.2882 46.2906 30.6184 45.9705 30.8522C45.6505 31.0861 45.2656 31.2116 44.8708 31.2109Z"
fill="white"
/>
</g>
<defs>
<clipPath id="clip0_36881_2303">
<rect width="34.186" height="25.1163" fill="white" transform="translate(12.5581 16.0464)" />
</clipPath>
</defs>
</svg>
</div>
<div class="urgent-value-name-container">
<div id="urgent" class="cardOverviewValue"></div>
<div class="overview-card-name">Urgent</div>
</div>
</div>
<div class="deadline-container">
<div id="deadline" class="deadline-value">none</div>
<div class="deadline-title">Upcoming Deadline</div>
</div>
</div>
</div>
<!-- </a> -->
<div class="do-done-container" role="button">
<!-- <a href="./board.html"> -->
<div onclick="redirectToBoard()" class="do-container card-overview fb-100 flex-row do-done-box">
<svg class="svg-summary-do-done" width="24" height="34" viewBox="0 0 24 34" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M8.61559 29.262L3.05082 25.8847L17.211 2.55302C17.7841 1.60874 19.0141 1.30784 19.9584 1.88092L22.1037 3.1829C23.0479 3.75598 23.3488 4.98604 22.7758 5.93031L8.61559 29.262Z" fill="currentColor" />
<path d="M7.94001 30.3749L2.37524 26.9976L3.23136 30.4972C3.36259 31.0337 3.90387 31.3622 4.44034 31.231L7.94001 30.3749Z" fill="currentColor" />
</svg>
<div class="to-do-done-values-container">
<div id="to-do" class="cardOverviewValue"></div>
<div class="overview-card-name">To-Do</div>
</div>
</div>
<!-- </a> -->
<!-- <a href="./board.html"> -->
<div onclick="redirectToBoard()" class="done-container card-overview fb-100 flex-row do-done-box" role="button">
<svg class="svg-summary-do-done" width="38" height="30" viewBox="0 0 38 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.27832 15.0001L15.5071 26.0662L34.2217 3.93408" stroke="white" stroke-width="7" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div class="to-do-done-values-container">
<div id="done" class="cardOverviewValue"></div>
<div class="overview-card-name">Done</div>
</div>
</div>
<!-- </a> -->
</div>
</div>
<div class="greeting-container">
<div class="greeting">
<div id="greeting-title" class="greeting-title"></div>
<span id="greeting-name" class="greeting-name">Christian Greenfield</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom Menu (for mobile devices) -->
<div id="bottom-menu" class="bottom-menu-btn-container" w3-include-html="assets/templates/bottom-menu.html"></div>
</body>
</html>