-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
91 lines (81 loc) · 3.53 KB
/
home.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> -->
<!-- <link rel="stylesheet" href="https://bootswatch.com/4/yeti/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="Chart.js-2.9.3/dist/Chart.js"></script>
<link rel="stylesheet" type="text/css" href="Chart.js-2.9.3/dist/Chart.min.css">
<script src="progressbar/dist/progressbar.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/home.css">
<link rel="stylesheet" href="assets/css/charts.css">
<title>Home</title>
</head>
<body>
<!-- APPLICATION CONTAINER -->
<div class="container">
<!-- LEFT SIDE PANEL-->
<div id="menu" class="col-0 col-md-2">
<div id="menu-logo">
<div id="copyright-label">©Nick Bellos</div>
</div>
<div id="menu-list">
<div id="home-btn" class="menu-list-item" style="cursor: pointer;">
HOME
</div>
<div id="charts-btn" class="menu-list-item" style="cursor: pointer;">
STATISTICS
</div>
<div id="darkMode-container">
<input id="darkMode-switch" type="checkbox"></input>
</div>
</div>
</div>
<!-- APPLICATION PANEL -->
<div id="grid" class="col-12 col-md-10">
<!-- HEADER (should include field for name and average grade) -->
<div id="grid-header">
<!-- LEFT SIDE MENU TOGGLE BUTTON -->
<div id="sidebar-icon" class="d-md-none">
<i class="fa fa-bars"></i>
</div>
Average Grade : <div id="student-avg"></div>
</div>
<!-- GRID FOR TERMS -->
<div id="grid-matrix">
</div>
<!-- CONTAINER FOR CHARTS -->
<div id="charts-container">
<div id="chart1" class="col-12 col-md-6">
<canvas id="myChart1"></canvas>
</div>
<div id="chart2" class="col-12 col-md">
<canvas id="myChart2"></canvas>
</div>
<!-- <div style="display: block; width: 100%; border: 1px solid red;"> -->
<div id="chart3">
<div style="text-align: center">Progress για πτυχίο</div>
</div>
<!-- </div> -->
</div>
<!-- FUNCTION BUTTONS -->
<div id="buttons-container">
<div id="add-btn" class="add-grid-item btn btn-dark grid-item">ADD Term</div>
<div id="remove-btn" class="add-grid-item btn btn-dark grid-item">REMOVE Term</div>
<div id="edit-btn" class="add-grid-item btn btn-dark grid-item">EDIT</div>
<div id="save-btn" class="add-grid-item btn btn-dark grid-item">SAVE</div>
<!--
<div id="test-btn" class="add-grid-item btn btn-dark grid-item col-5">TEST</div>
-->
</div>
</div>
</div>
<script src="assets/javascript/home.js"></script>
<!-- <script src="assets/javascript/chartjs.js"></script> -->
</body>
</html>