-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (158 loc) · 7.6 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
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
<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">
<meta name="theme-color" content="#1ab395">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/sidemenu_main_content.css">
<link rel="stylesheet" href="/css/main_content.css">
<script src="https://kit.fontawesome.com/4c55df3467.js" crossorigin="anonymous"></script>
<title>Nnaji Benjamin | Dashboard 2</title>
</head>
<body>
<!-- this is dashbaord navbar section -->
<nav class="navbar">
<div class="left-nav">
<i class="fa-solid fa-bars " style="color: #ffffff;"></i>
<i class="fa-solid fa-magnifying-glass glass" style="color: #ffffff;" onclick="glassClickOne()"></i>
<input type="search" name="" id="" class="search input" placeholder="Press Enter after typing...">
<div class="fa-left-icon scorecards"><i class="fa-solid fa-scale-balanced"
style="color: #333337;"></i>Scorecards
▾
<ul class="list">
</ul>
</div>
<div class="fa-left-icon maps"><i class="fa-solid fa-map-location-dot" style="color: #333337;"></i>Maps
▾
<ul class="list">
</ul>
</div>
<div class="fa-left-icon obj"><i class="fa-solid fa-bullseye" style="color: #333337;"></i>Objectives
▾
<ul class="list">
</ul>
</div>
<div class="measures-span fa-left-icon"><i class="fa-solid fa-weight-hanging"
style="color: #ffffff;"></i>Measures ▾
<ul class="list">
</ul>
</div>
<div class="fa-left-icon Initiative"><i class="fa-solid fa-weight-scale"
style="color: #333337;"></i>Initiatives
▾
<ul class="list">
</ul>
</div>
<div class="fa-left-icon actions"><i class="fa-solid fa-check" style="color: #333337;"></i>Action Items
▾
<ul class="list">
</ul>
</div>
</div>
<div class="right-nav">
<i class="fa-solid fa-bell fa-right-icon" style="color: #333337;" onclick="alert('Not yet hosted')"></i>
<i class="fa-solid fa-right-from-bracket fa-right-icon" style="color: #ffffff;"
onclick="alert('Not yet hosted')"></i>
<i class="fa-solid fa-weight-scale launch" style="color: #ffffff;" onclick="alert('Not yet hosted')"></i>
<span class="fa-right-icon" onclick="alert('Not yet hosted')">NB</span>
</div>
</nav>
<!-- THIS SECTION IS FOR THE CONTAINER THAT CONTAINS THE SIDE MENU AND MAIN CONTENT -->
<div class="sideMenu_mainContent">
<div class="sidemenu">
<div class="logo"><i> Upward <br>Airlines</i></div>
<div class="date" style="background: transparent"><i
class="fa-solid fa-chevron-left"></i><span>Feb-18</span><i class="fa-solid fa-chevron-right"></i>
</div>
<ul class="menu_list">
<li><i class="fa-solid fa-house back_i"></i><a href="#">Home</a></li>
<li><i class="fa-solid fa-star back_i"></i><a href="#">My Favorites</a></li>
<li class="sidedrop"><i class="fa-solid fa-scale-balanced back_i"></i><a href="#">ScoreCards</a><i
class="fa-solid fa-chevron-left angle"></i>
</li>
<ul class="dropDown"></ul>
<li class="sidedrop"><i class="fa-solid fa-file back_i"></i><a href="#">Documents</a><i
class="fa-solid fa-chevron-left angle"></i>
</li>
<ul class="dropDown"></ul>
<li class="sidedrop"><i class="fa-solid fa-bell back_i"></i><a href="#">Notifications</a><i
class="fa-solid fa-chevron-left angle"></i>
</li>
<ul class="dropDown"></ul>
<li><i class="fa-solid fa-recycle back_i"></i><a href="#">Recycle Bin</a></li>
<li class="sidedrop"><i class="fa-solid fa-gear back_i"></i><a href="#">System Settings</a><i
class="fa-solid fa-chevron-left angle"></i>
</li>
<ul class="dropDown"></ul>
</ul>
<div class="history">
<li><i class="fa-solid fa-bullseye"></i><a href="#">History</a></li>
</div>
</div>
<div class="maincontent">
<div class="searchbar">
<div class="searching">
<i class="fa-solid fa-magnifying-glass glass" onclick="glassClickTwo()"></i>
<input type="search" name="" id="" class="search_input input"
placeholder="Press Enter after typing...">
<h3>Dashboard <br><span>Upward Airlines Corporate</span></h3>
</div>
<div class="star">
<i class="fa-solid fa-star"></i>
<button><i class="fa-solid fa-scale-balanced"></i> ▾</button>
</div>
</div>
<div class="container">
<div class="col col-1">
<canvas id="myChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="revenueChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="expenseChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="totalAmountChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="directRouteChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="totalTimeChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="internalCostChart" class="myChart"></canvas>
</div>
<div class="col col-1">
<canvas id="maintenanceCostChart" class="myChart"></canvas>
</div>
<div class="col col-2">
<canvas id="jobDescriptionChart" class="myChart"></canvas>
</div>
<div class="col col-2">
<canvas id="dailyDeparturesChart" class="myChart"></canvas>
</div>
<div class="col col-2">
<canvas id="priceDifferentialChart" class="myChart"></canvas>
</div>
<div class="col col-2">
<canvas id="populationServedChart" class="myChart"></canvas>
</div>
</div>
<div class="fellow_Container">
<h1>Nothing Is Here...</h1>
</div>
<div class="swipe"><span class="span_1 chn_span_blue_prop">1</span><span
class="span_2 chn_span_white_prop">2</span></div>
</div>
<div class="administrator"><span class="admin">Administrator</span>
<span class="linking">Upwards Airline Corporate >> Measure >> Dashboard</span>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="js/charts.js"></script>
<script src="/js/app.js"></script>
</body>
</html>