Files
Samuele E. Locatelli 556133677d COnf x RPI-MON
2018-06-05 14:05:48 +02:00

541 lines
25 KiB
HTML

<!DOCTYPE html>
<!-- saved from url=(0020)http://iis01/MP-MON/ -->
<html lang="it-it" class=" js flexbox flexboxlegacy canvas canvastext webgl touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index - MP-MONi DEMO</title>
<link href="./MP-MON-DEMO_files/css" rel="stylesheet">
<script src="./MP-MON-DEMO_files/modernizr"></script>
<script src="./MP-MON-DEMO_files/jquery"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand" style="vertical-align: bottom; margin: 0; text-align: left; font-size: 2em;"><img class="logoImg" src="./MP-MON-DEMO_files/logoSteamware.png" style="margin-top: -10px;"></a>
<span class="mainHead navbar-brand"><b><span style="color: #DEDEDE;">MP MON</span>itor</b>i - DEMO OFFLINE MODE</span>
</div>
<div class="navbar-collapse collapse">
<div class="nav navbar-text navbar-right" style="margin: 5px;">
<div id="divClock text-right">
venerdì 14 ottobre 2016, 11:07
</div>
<div class="fontSmall text-right">
127.0.0.1 | v: 4.1.491.467
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid body-content">
<br>
<div id="mainDiv">
<div class="row statusMap">
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semG_b" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.09</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">-</div>
<div class="col-xs-12"><b>fermo generico</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">00:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semG_b" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">PUL.03</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010710</div>
<div class="col-xs-12"><b>fermo generico</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">07:31</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.04</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009047</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">07:01</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">PUL.02</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010225</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">07:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semG_b" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.03</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009595</div>
<div class="col-xs-12"><b>fermo generico</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">10:49</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.08</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009595</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">09:07</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.07</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009580</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">07:34</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.02</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5003049</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">06:55</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.01</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009030</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">08:04</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">EXABB</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010290</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">10:03</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">PUL.04</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010660</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">14:43</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.10</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009556</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">14:03</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">PUL.01</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010260</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">06:45</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.06</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5007041</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">02:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semG_b" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">TAV.02</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010720</div>
<div class="col-xs-12"><b>manuale</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">02:01</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">TAV.01</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5010181</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">01:43</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semR_b" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SBAV.05</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5007580</div>
<div class="col-xs-12"><b>allarme CN</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">03:13</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semV" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">SMER.11</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">5009053</div>
<div class="col-xs-12"><b>lavorazione</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">08:45</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semS" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">TAV.COS</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">-</div>
<div class="col-xs-12"><b>n.d.</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">00:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semS" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">COMB.01</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">-</div>
<div class="col-xs-12"><b>n.d.</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">00:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semS" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">COMB.02</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">-</div>
<div class="col-xs-12"><b>n.d.</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">00:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
<div class="col-xs-4 col-sm-4 col-md-3 col-lg-2" style="padding: 2px;">
<div class="semS" style="padding: 1px;">
<div class="row" style="margin-bottom: 0.5em;">
<div class="col-xs-12"><div class="ui-title">COMB.03</div></div>
</div>
<div class="row" style="padding: 0.4em 0.2em;">
<div class="col-xs-4 padZR">articolo:</div>
<div class="col-xs-8 padZL text-right">-</div>
<div class="col-xs-12"><b>n.d.</b></div>
<div class="col-xs-6 padZR">tempo ciclo:</div>
<div class="col-xs-6 padZL text-right">00:00</div>
</div>
<div class="row fontSmall" style="margin-top: 0.5em;">
<div class="col-xs-12"><div class="text-right ui-footer">last update: 14/10/2016 11:07:48</div></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function reloadData() {
location.replace("file:///home/pi/steamware/MP-MON-DEMO_b.html");
}
$(document).ready(function () {
// ciclo reload infinito ogni secondo...
myTimer = setInterval(reloadData, 2000);
});
</script>
<footer class="navbar navbar-inverse navbar-fixed-bottom">
<div class="row">
<div class="col-sm-4 col-xs-5 padZR">
<p style="padding-left:1em;">MoonPro MONitor</p>
</div>
<div class="col-sm-4 col-xs-2 padZR padZL text-center">
<strong>SteamWare</strong>
</div>
<div class="col-sm-4 col-xs-5 padZL">
<p style="padding-right:1em;" class="text-right">Steamware s.r.l. - © 2007-2016</p>
</div>
</div>
</footer>
</div>
<script src="./MP-MON-DEMO_files/bootstrap"></script>
<!-- Code to wire up your DatePicker -->
<script type="text/javascript">
// fix datekeeper
if (!Modernizr.inputtypes.date) {
$('input[type=date]').datepicker({
// Consistent format with the HTML5 picker
dateFormat: 'yy-mm-dd'
});
}
</script>
<script src="./MP-MON-DEMO_files/jqueryval"></script>
</body></html>