forked from daduke/Xymondash
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
232 lines (223 loc) · 9.97 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/ico" href="img/green.ico">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/local.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/js.cookie.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/dateFormat.js"></script>
<title>ISG D-PHYS xymon</title>
</head>
<body>
<div id="page">
<div id="container-buttons">
<form id="searchform">
<input type="text" id="hostname" placeholder="hostname" size="10">
or <input type="text" id="testname" placeholder="test" size="10">
<input type="submit" value="submit" />
</form>
<button id="search" class="btn btn-main">
<i class="fas fa-search"></i>
</button>
<button id="markSeen" class="btn btn-main">
<i class="far fa-eye"></i>
</button>
<button id="reload" class="btn btn-main">
<i class="fas fa-sync-alt"></i>
</button>
<button id="stats" class="btn btn-main">
<i class="fas fa-info"></i>
</button>
<button id="open-settings" href="#" class="btn btn-main toggle-settings">
<i class="fas fa-bars"></i>
</button>
<div id="date" class="text-white"></div>
</div>
<div id="settings-panel" class="panels">
<div id="settings-container-header">
<button id="close-settings" class="btn btn-main toggle-settings">
<i class="fas fa-times"></i>
</button>
<h1 class="text-white">Dashboard Settings</h1>
</div>
<div id="settings-container-pick">
</div>
<div id="settings-container-rest">
<div class="setting-group">
<h2 class="text-white">misc</h2>
<table>
<tr>
<td class="text-white">hide empty columns</td>
<td class="text-white"><input type="checkbox" name="hideCols" id="hideCols" /></td>
</tr>
<tr>
<td class="text-white">show desktop notifications</td>
<td class="text-white"><input type="checkbox" name="notifications" id="notifications" /></td>
</tr>
<tr>
<td class="text-white">open links in new tab</td>
<td class="text-white"><input type="checkbox" name="newTab" id="newTab" /></td>
</tr>
<tr>
<td class="text-white">show actual test color</td>
<td class="text-white"><input type="checkbox" name="realCol" id="realCol" /></td>
</tr>
<tr>
<td class="text-white">3D style</td>
<td class="text-white"><input type="checkbox" name="3D" id="3D" /></td>
</tr>
<tr>
<td class="text-white">Sound</td>
<td class="text-white"><input type="checkbox" name="sound" id="sound" /></td>
</tr>
</table>
</div>
</div>
</div>
<h1 class="text-white" id="t"><a href="../xymon-cgi/criticalview.sh">ISG D-PHYS xymon</a></h1>
<div id="flash"></div>
<div id="content">
<table id="container">
<tr>
<td class="col-sm red prio1 inv" id="red_prio1">
</td>
<td class="col-sm red prio2 inv" id="red_prio2">
</td>
<td class="col-sm red prio3 inv" id="red_prio3">
</td>
<td class="col-sm red other inv" id="red_other">
</td>
<td class="col-sm red ack inv" id="red_ack">
</td>
</tr>
<tr>
<td class="col-sm purple prio1 inv" id="purple_prio1">
</td>
<td class="col-sm purple prio2 inv" id="purple_prio2">
</td>
<td class="col-sm purple prio3 inv" id="purple_prio3">
</td>
<td class="col-sm purple other inv" id="purple_other">
</td>
<td class="col-sm purple ack inv" id="purple_ack">
</td>
</tr>
<tr>
<td class="col-sm yellow prio1 inv" id="yellow_prio1">
</td>
<td class="col-sm yellow prio2 inv" id="yellow_prio2">
</td>
<td class="col-sm yellow prio3 inv" id="yellow_prio3">
</td>
<td class="col-sm yellow other inv" id="yellow_other">
</td>
<td class="col-sm yellow ack inv" id="yellow_ack">
</td>
</tr>
<tr>
<td class="col-sm blue prio1 inv" id="blue_prio1">
</td>
<td class="col-sm blue prio2 inv" id="blue_prio2">
</td>
<td class="col-sm blue prio3 inv" id="blue_prio3">
</td>
<td class="col-sm blue other inv" id="blue_other">
</td>
<td class="col-sm blue ack inv" id="blue_ack">
</td>
</tr>
<tr>
<td class="col-sm green prio1 inv" id="green_prio1">
</td>
<td class="col-sm green prio2 inv" id="green_prio2">
</td>
<td class="col-sm green prio3 inv" id="green_prio3">
</td>
<td class="col-sm green other inv" id="green_other">
</td>
<td class="col-sm green ack inv" id="green_ack">
</td>
</tr>
<tr>
<td class="col-sm legend prio1 inv text-white" id="l_prio1">
prio1
</td>
<td class="col-sm legend prio2 inv text-white" id="l_prio2">
prio2
</td>
<td class="col-sm legend prio3 inv text-white" id="l_prio3">
prio3
</td>
<td class="col-sm legend other inv text-white" id="l_other">
other
</td>
<td class="col-sm legend ack inv text-white" id="l_ack">
acked
</td>
</tr>
</table>
</div>
<div id="dialog-form">
<form>
<fieldset id="df">
<label for="duration">Duration</label>
<div class="inline">
<input type="text" name="DELAY" id="delay" value="10" class="text ui-widget-content ui-corner-all">
<select name="PERIOD" id="period">
<option value="min">min</option>
<option value="hours">hours</option>
<option value="days">days</option>
</select>
<span id="disableOK"> (-1 for disable until OK)</span>
</div>
<label for="ackmsg">Message</label>
<input type="text" name="MESSAGE" id="message" value="working on it" class="text ui-widget-content ui-corner-all">
<input type="hidden" name="NUMBER" id="number">
<input type="hidden" name="HOST" id="host">
<input type="hidden" name="SERVICE" id="service">
<!-- Allow form submission with keyboard without duplicating the dialog button -->
<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
</fieldset>
</form>
</div>
<div id="bg" class=""></div>
<div>
<form id="ackall" action=''>
<i class="fas fa-caret-up"></i>
<fieldset>
<div class="inline">
<div class="inline">
acknowledge
<select name="ACKALLTEST" id="ackalltest">
</select>
on all shown hosts for
</div>
<div class="inline">
<input type="text" name="ACKALLDELAY" id="ackalldelay" value="10" class="text ui-widget-content ui-corner-all">
<select name="ACKALLPERIOD" id="ackallperiod">
<option value="min">min</option>
<option value="hours">hours</option>
<option value="days">days</option>
</select>
with message
</div>
<div class="inline">
<input type="text" name="ACKALLMESSAGE" id="ackallmessage" value="working on it" class="text ui-widget-content ui-corner-all">
<button id="ackall-submit" class="ui-button ui-widget ui-corner-all">go</button>
</div>
</div>
</fieldset>
</form>
</div>
</div> <!-- page -->
</body>
</html>