UNPKG

susi-forge

Version:

SUSIs forge

github.com/wirsich/susi-forge

wirsich/susi-forge

150 lines (138 loc) • 5.13 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="bootstrap-theme.min.css"> <link rel="stylesheet" href="sample.css"> <title>Susi-Demo</title> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <img src="susi-brand.svg" class="susi-brand"> <a class="navbar-brand" href="#">SUSI Showcase <span class="node-id"></span></a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <!--<li class="active"><a href="#">Home</a></li>--> </ul> </div><!--/.nav-collapse --> </div> </nav> <div class="container"> <div class="jumbotron"> <div class="row col-12"> <div class="panel col-md-12 panel-full"> Node Selector <ul class="node-list"> </ul> </div> <div class="panel col-md-6 col-sm-12 col-xs-12 panel-left panel-color"> RGB LED Manipulation <div class="nothing-loaded-yet"> <hr/> <div>Please select a node first</div> </div> <div class="error-message hidden"> <div>An error occurred. Please try again.</div> </div> <div class="activity-indicator-wrapper hidden"> <div class="activity-indicator"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <table class="slider-table hidden"> <thead> <tr> <th><div class="color-circle red"></div></th> <th><div class="color-circle green"></div></th> <th><div class="color-circle blue"></div></th> </tr> </thead> <tbody> <tr> <td> <div class="fa fa-value">0</div> <div class="drag-line red"> <div class="line"></div> <div class="draggable-button" data-target="red"></div> </div> </td> <td> <div class="fa fa-value">0</div> <div class="drag-line green"> <div class="line"></div> <div class="draggable-button" data-target="green"></div> </div> </td> <td> <div class="fa fa-value">0</div> <div class="drag-line blue"> <div class="line"></div> <div class="draggable-button" data-target="blue"></div> </div> </td> </tr> </tbody> </table> </div> <div class="panel col-md-6 col-sm-12 col-xs-12 panel-right panel-color"> Resulting RGB <div class="nothing-loaded-yet"> <hr/> <div>Please select a node first</div> </div> <div class="activity-indicator-wrapper hidden"> <div class="activity-indicator"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <div class="rgb-circle hidden"></div> </div> <div class="panel col-md-6 col-sm-12 col-xs-12 panel-left temperature-panel"> Current Temperature <div class="activity-indicator-wrapper small hidden"> <div class="activity-indicator"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <span class="temperature"></span> </div> <div class="panel col-md-6 col-sm-12 col-xs-12 panel-right"> Turn Internal LED ON/OFF <div class="activity-indicator-wrapper small hidden"> <div class="activity-indicator"> <span></span> <span></span> <span></span> <span></span> <span></span> </div> </div> <span class="switch"> </span> </div> </div> </div> </div> <script type="text/javascript" src="./jquery-1.11.2.min.js"></script> <script type="text/javascript" src="./jquery-ui.min.js"></script> <script type="text/javascript" src="./susi.js"></script> <script type="text/javascript" src="app.js"></script> </body> </html>