-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain_es.html
132 lines (132 loc) · 6.42 KB
/
main_es.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
<html>
<head>
<title>Cocina segura</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/x-icon" href="./rsc/img/icons/logo_color_64.png" />
<link rel="stylesheet" type="text/css" href="./css/ui.css" />
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap-datepicker.min.css" />
<!--Graph things-->
<link rel="stylesheet" type="text/css" href="./css/epoch.min.css" />
<link rel="stylesheet" type="text/css" href="./css/graph.css" />
</head>
<body>
<!-- MENU -->
<div id="mainmenu">
<div class="col-xs-12 col-md-1">
<button id="btn-connection-connect" type="button" class="btn btn-primary col-xs-12 col-md-12" onClick="initWebSocket();"><img src="./rsc/img/icons/connect.svg" width="20" hight="20" /></button>
<button id="btn-connection-disconnect" type="button" class="btn btn-danger col-xs-12 col-md-12" onClick="stopWebSocket();"><img src="./rsc/img/icons/disconnect.svg" width="20" hight="20" /></button>
</div>
<div class="btn-group col-xs-12 col-md-11">
<button type="button" id="addtimerbutton" class="btn btn-default col-xs-2 col-md-2" onClick="toggleSetURIDialog();">IP</button>
<button type="button" id="addtimerbutton" class="btn btn-default col-xs-5 col-md-5" onClick="toggleAddTimerDialog();">Temporizador</button>
<button type="button" id="addtimerbutton" class="btn btn-default col-xs-5 col-md-5" onClick="toggleConsultDataDialog();">Registro</button>
</div>
<dic class="col-xs-12 col-md-12">
<button type="button" id="stoptimerbutton" class="btn btn-warning col-xs-12 col-md-12" onClick="stop();">Detener sonido de alarmas</button>
</dic>
<div id="alert" class="infobar col-xs-12 col-md-12"></div>
</div>
<!-- /MENU -->
<!-- SENSOR DATA -->
<div id="dataRow">
<span id="sensorData" class="ac-label col-xs-12 col-md-12"></span>
</div>
<!-- /SENSORDATA -->
<!-- SET URI DIALOG -->
<div id="seturidialog">
<div class="col-xs-12 col-md-12">
<div class="form-group col-xs-12 col-md-6">
<label for="ip">IP:</label>
<input id="ip" class="form-control col-xs-12 col-md-4" type="text" name="ip" placeholder="IP" value="drqwertysilence.no-ip.biz">
</div>
<div class="form-group col-xs-12 col-md-6">
<label for="port">Port:</label>
<input id="port" class="form-control col-xs-12 col-md-4" type="number" name="port" placeholder="Port" value="1234">
</div>
<div class="form-group col-xs-12 col-md-12">
<button type="button" class="btn btn-primary col-xs-6 col-md-6" onClick="setWsUri();">Aceptar</button>
<button type="button" class="btn btn-default col-xs-6 col-md-6" onClick="displayseturidialog(false);">Cancelar</button>
</div>
</div>
</div>
<!-- /SET URI DIALOG -->
<!-- TIMER DIALOG -->
<div id="addtimerdialog">
<div class="col-xs-12 col-md-12">
<div class="form-group col-xs-12 col-md-12">
<label for="timerDescription">Descripción:</label>
<input id="timerDescription" class="form-control col-xs-12 col-md-12" type="text" name="timerDescription" placeholder="Description" value="">
</div>
<div class="form-group col-xs-12 col-md-4">
<label for="timerH">Horas:</label>
<input id="timerH" class="form-control col-xs-12 col-md-4" type="number" name="timerH" placeholder="Hours" value="">
</div>
<div class="form-group col-xs-12 col-md-4">
<label for="timerM">Minutos:</label>
<input id="timerM" class="form-control col-xs-12 col-md-4" type="number" name="timerM" placeholder="Minutes" value="">
</div>
<div class="form-group col-xs-12 col-md-4">
<label for="timerS">Segundos:</label>
<input id="timerS" class="form-control col-xs-12 col-md-4" type="number" name="timerS" placeholder="Seconds" value="">
</div>
<div class="form-group col-xs-12 col-md-12">
<button class="btn btn-primary col-xs-6 col-md-6" onClick="setTimer();">Aceptar</button>
<button class="btn btn-default col-xs-6 col-md-6" onClick="displayaddtimerdialog(false);">Cancelar</button>
</div>
</div>
</div>
<!-- /TIMER DIALOG -->
<!-- GRAPH THINGS -->
<div id="consultdatadialog">
<div class="col-xs-12 col-md-12">
<div class="form-group col-xs-12 col-md-12">
<div id="sandbox-container">
<label for="datepicker">Periodo:</label>
<div class="input-daterange input-group" id="datepicker">
<input id="input-daterange-start" type="text" class="input-sm form-control" name="start" />
<span class="input-group-addon">to</span>
<input id="input-daterange-end" type="text" class="input-sm form-control" name="end" />
</div>
</div>
</div>
<div class="form-group col-xs-12 col-md-12">
<button type="button" class="btn btn-primary col-xs-12 col-md-12" onClick="getRecordedData()">Obtener registro</button>
</div>
</div>
<div class="col-xs-12 col-md-12" style="overflow:auto;">
<label for="graph">Concentración de gas natural registrada:</label>
<div id="graph" class="epoch category10 col-xs-12 col-md-12" style="width:1200;height:200px;"></div>
</div>
<div class="col-xs-12 col-md-12" style="overflow:auto;">
<label for="temperatureGraph">Temperatura registrada:</label>
<div id="temperatureGraph" class="epoch category10 col-xs-12 col-md-12" style="width:1200px;height:200px;"></div>
</div>
</div>
<!-- /GRAPH THINGS -->
<!-- TIMERS -->
<div>
<div id="timerZone" class="col-xs-12 col-md-12"></div>
</div>
<!-- /TIMERS -->
<!-- jQuery -->
<script src="./js/jquery-2.1.4.min.js"></script>
<!--Graph things-->
<script src="./js/d3.min.js"></script>
<script src="./js/epoch.min.js"></script>
<!--BootStrap-->
<script src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/moment-with-locales.min.js"></script>
<script type="text/javascript" src="./js/moment-timezone.js"></script>
<script type="text/javascript" src="./js/bootstrap-datepicker.min.js"></script>
<!--Acusete-->
<script type="text/javascript" src="./js/ui.js"></script>
<script type="text/javascript" src="./js/graph.js"></script>
<script type="text/javascript" src="./js/websocket-binary.js"></script>
<script type="text/javascript" src="./js/websocket-text.js"></script>
<script type="text/javascript" src="./js/websocket.js"></script>
</body>
</html>