-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
108 lines (102 loc) · 4.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<!-- <link rel="stylesheet" type="text/css" href="/css/bulma-switch.min.css" /> -->
<link rel="stylesheet" type="text/css" href="/css/style.css" />
</head>
<body>
<div class="columns is-gapless">
<div class="column is-narrow" id="nav">
<div class="tile is-ancestor is-vertical">
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "home" onclick="execute('home', 'view')">
<i class="material-icons md-36">home</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "tech" onclick="execute('techZone', 'view')">
<i class="material-icons md-36">view_module</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoSignal" onclick="execute('demoSignal', 'view')">
<i class="material-icons md-36">signal_cellular_alt</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoRating" onclick="execute('demoRating', 'view')">
<i class="material-icons md-36">star_outline</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoGauge" onclick="execute('demoGauge', 'view')">
<i class="material-icons md-36">speed</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoEnergy" onclick="execute('demoEnergy', 'view')">
<i class="material-icons md-36">offline_bolt</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoBlackHole" onclick="execute('demoBlackHole', 'view')">
<i class="material-icons md-36">brightness_7</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoProgressBar" onclick="execute('demoProgressBar', 'view')">
<i class="material-icons md-36">crop_7_5</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoRadar" onclick="execute('demoRadar', 'view')">
<i class="material-icons md-36">construction</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoChart" onclick="execute('demoChart', 'view')">
<i class="material-icons md-36">show_chart</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoNeon" onclick="execute('demoNeon', 'view')">
<i class="material-icons md-36">flare</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "demoDashboard" onclick="execute('demoDashboard', 'view')">
<i class="material-icons md-36">dashboard</i>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child menu-item" id = "debug" onclick="execute('', 'debug', {})"">
<i class="material-icons md-36">code</i>
</div>
</div>
</div>
</div>
<div class="column" id="myContainer">
</div>
<div class="column" id="detail">
<h1 class="title is-1 has-text-centered mt-1" id="detail-title">Detail</h1>
<div class="content" id = "detail-content">
<p>Some general detail about all zones might go here later !</p>
<div class="has-text-centered">
<div class="title">Theme</div>
<div class="select is-rounded">
<select onchange="switchTheme(this.value)">
<option value="dark">Dark</option>
<option value="light">Light</option>
</select>
</div>
</div>
</div>
</div>
</div>
<script src="./dist/bundle.js"></script>
</body>
</html>