Egalware/Mapo-IOB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
develop
Mapo-IOB/MP-MON-PI/RPI-MON-V4/MP-MON-DEMO.html
T
Samuele E. Locatelli 302708e999 update conf IOB
2020-10-13 11:17:58 +02:00

511 lines
18 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html lang="it-it" style="" class=" js flexbox flexboxlegacy canvas canvastext webgl no-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 no-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>MP-MON DEMO</title>
<link href="./MP-MON-DEMO_files/bootstrap.css" rel="stylesheet">
<link href="./MP-MON-DEMO_files/fonts.css" rel="stylesheet">
<link href="./MP-MON-DEMO_files/baseStyle.css" rel="stylesheet">
<link href="./MP-MON-DEMO_files/Site.css" rel="stylesheet">
<script src="./MP-MON-DEMO_files/modernizr-2.8.3.js"></script>
<script src="./MP-MON-DEMO_files/jquery-3.5.1.js"></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm px-2 py-0 m-0">
<a href="http://10.74.82.218/MP/MON/" class="navbar-brand m-0 pr-4" style="vertical-align: bottom; text-align: left; font-size: 1em;">
<img class="logoImg" src="./MP-MON-DEMO_files/logoMapo.png" style="margin-top: -10px;">
</a>
<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<span class="mainHead"><b><span style="color: #DEDEDE;">DEMO OFFLINE | MP MON</span>itor</b> | DEMO OFFLINE </span>
</li>
</ul>
<div class="px-2">
<div id="divClock text-right">
</div>
<div class="fontSmall text-right">
127.0.0.1 | v: 6.10.2010.1305
</div>
</div>
</div>
</nav>
<div class="container-fluid body-content mt-2 mt-lg-3 mt-xl-4">
<div id="mainDiv">
<div class="row statusMap mx-2 mt-3 mb-1">
<div class="col" style="padding:2px;">
<div class="semGi_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SimDP1</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[005128]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">5'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 01:12</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">0 / 4962</div>
</div>
</div>
<div class="semGi p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:31
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SimDP2</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[005122]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">5'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 02:00</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">79912 / 2064</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:29
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 01</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[-]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">3'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 00:00</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">0 / 0</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:31
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 02</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">13051125</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">0'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 01:00</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">65109 / 3793</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:29
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semGi_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 03</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">179L0810</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">1'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 00:48</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">64114 / 10000</div>
</div>
</div>
<div class="semGi p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:27
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 04</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">D695/A00</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">0'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 01:00</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">57661 / 9882070</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:35
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="row statusMap mx-2 my-1"> <div class="col" style="padding:2px;">
<div class="semGi_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 05</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[60682]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">4'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 00:54</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">66270 / 12500</div>
</div>
</div>
<div class="semGi p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:29
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 06</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[60121]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">3'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 00:48</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">64474 / 10000</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:30
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semRo_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 07</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[60131]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">0'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 00:48</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">65912 / 10000</div>
</div>
</div>
<div class="semRo p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:26
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding:2px;">
<div class="semVe_b p-1">
<div class="row mb-1">
<div class="col-12">
<div class="ui-title text-uppercase">IOB SIM 08</div>
</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-4 pr-0">Art.</div>
<div class="col-8 pl-0 text-right ui-art">[60022]</div>
</div>
<div class="row pt-0 pb-2 px-1 fontSmall">
<div class="col-9 text-uppercase"><b>lavorazione</b></div>
<div class="col-3 pl-0 text-right">0'</div>
<div class="col-4 pr-0">T.Ciclo</div>
<div class="col-4 pl-0 text-right">std: 01:12</div>
<div class="col-4 pl-0 text-right">act: 00:00</div>
<div class="col-6 pr-0">Pezzi<sub>(prod/ord)</sub></div>
<div class="col-6 pl-0 text-right">65899 / 8825</div>
</div>
</div>
<div class="semVe p-1">
<div class="row fontSmaller mt-1">
<div class="col-12">
<div class="text-right ui-footer px-2">
<div class="row">
<div class="col-6 text-warning invisible">
<b>C.101</b>
</div>
<div class="col-6">
06/10/2020 14:08:27
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col" style="padding: 2px;">aaa</div><div class="col" style="padding: 2px;">aaa</div>
</div>
</div>
<script type="text/javascript">
function reloadData() {
$("#mainDiv").load('http://10.74.82.218/MP/MON/MSE/StatusMap?baseCss=sem');
}
$(document).ready(function () {
// ciclo reload infinito ogni secondo...
myTimer = setInterval(reloadData, 1000);
});
</script>
<footer class="navbar p-0 m-0 fixed-bottom">
<div class="d-flex justify-content-start pl-3 text-left">
<span style="color: #DEDEDE;">MP MON</span>itor
</div>
<div class="d-flex justify-content-center text-center">
<strong></strong>
</div>
<div class="d-flex justify-content-end pr-3 text-right">
2007-2020 © <img class="logoImg" src="./MP-MON-DEMO_files/logoSteamware.png" style="height: 30px;">
</div>
</footer>
</div>
<script src="./MP-MON-DEMO_files/bootstrap.js"></script>
<script src="./MP-MON-DEMO_files/respond.js"></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/jquery.validate.js"></script>
<script src="./MP-MON-DEMO_files/jquery.validate.unobtrusive.js"></script>
<script type="text/javascript">
function reloadDT() {
$("#divClock").load('http://10.74.82.218/MP/MON/Home/GetClock');
}
$(document).ready(function () {
// ciclo reload infinito ogni 10 secondi x aggiornare clock...
myTimer = setInterval(reloadDT, 10000);
});
</script>
</body></html>
Reference in New Issue View Git Blame Copy Permalink