jb-data.de/template/index_display2.tpl
2025-08-11 22:23:30 +02:00

712 lines
No EOL
21 KiB
Smarty

<!DOCTYPE html> <html lang="de">
<head>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
<meta name="viewport" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>| JB-Transport.de - Infoscreen</title>
<link rel="icon" type="image/png" sizes="192x192" href="template/images/fav/android-icon-192x192.png">
<link rel="manifest" href="template/images/fav/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" media="screen" href="lib/css/bootstrap.min.css" />
<link rel="stylesheet" media="screen" href="lib/css/bootstrap-theme.min.css" />
<link rel="stylesheet" media="screen" href="template/css/fontawesome5/css/all.css"/>
<link rel="stylesheet" media="screen" href="lib/css/pistyle.css" />
<!--
<link rel="stylesheet" media="screen" href="lib/css/jquery-ui.css" />
-->
<script src="lib/js/jquery.min.js"></script>
<!--
<script src="lib/js/jquery.tools.min.js"></script>
<script src="lib/js/jquery-ui.min.js"></script>
<script src="lib/js/global.js"></script>
-->
<script src="lib/js/bootstrap.min.js"></script>
<!-- <script src="lib/js/bootstrap-notify.min.js"></script> -->
<!-- <script src="lib/js/bootstrap-notify-init.js"></script> -->
<!-- ************************ tägliche touren -->
<section id="content">
<div class="container">
<!-- ************************************ CORONA *************** -->
<div class="row">
<div class="col-md-3"> <div id="corona1"></div> </br> </div>
<div class="col-md-3"> <div id="corona3"></div> </br> </div>
<div class="col-md-3"> <div id="corona5"></div> </br> </div>
<div class="col-md-3"> <div id="corona6"></div> </br> </div>
</div>
<!-- **************************************************************************** -->
<div class="row">
<div class="col-md-3">
<!-- *********************************************************** Unwetterwarnung -->
<div id="dwd"></div>
<!-- *********************************************************** Informationen
<div>
<table class="no-style full">
<tbody>
<td nowrap style="font-size:6pt" align="center">
<spawn style="text-align: center" class="btn btn-lg btn-danger">
<i class="fa fa-info fa-3x pull-left"></i>Verspätung SaSo am 05.12.2021<br>Durch einen technischen Defekt<br>im Druckzentrum Halle verspätet<br>sich die Anlieferung um ca. 2 Stunden.</a>
</td>
</tbody>
</table>
</div>
-->
<!-- ******************************************* Platzhalter -->
</br>
<!-- *************************************** Verkehrsdaten -->
<div id="blitzer"></div>
<!-- *************************************** Spaltenwechsel ********************* TEST 5 -->
</div>
<div class="col-md-6">
<!-- Normplan LVZ -->
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 580px; padding: 10px;min-height: 75px">
<div class="col-md-3">
<div class="panel" align="center"><span style='color:#fff;font-size:14pt;'><i class="fad fa-newspaper"></i> {$normdate}</div>
</div>
<!-- -------------- -->
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>City</br></span>
<span style='color:#66FFFF;font-size:18pt'><strong> {$nplan.lvz_city}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>BNA</br></span>
<span style='color:#66FFFF;font-size:18pt'></i><strong> {$nplan.lvz_bgz}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>DEK</br></span>
<span style='color:#66FFFF;font-size:18pt'></i><strong> {$nplan.lvz_dek}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>MTK</br></span>
<span style='color:#66FFFF;font-size:18pt'></i><strong> {$nplan.lvz_mtk}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>OAZ</br></span>
<span style='color:#66FFFF;font-size:18pt'></i><strong> {$nplan.oaz}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>DAZ</br></span>
<span style='color:#66FFFF;font-size:18pt'><strong> {$nplan.daz}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>OVZ</br></span>
<span style='color:#66FFFF;font-size:18pt'><strong> {$nplan.ovz}</strong></span>
</div>
</div>
<div class="col-md-1">
<div class="panel" align="center">
<span style='color:#f05800;font-size:10pt'>TZ</br></span>
<span style='color:#66FFFF;font-size:18pt'></i><strong> {$nplan.tz}</strong></span>
</div>
</div>
</div>
</br>
<!-- Ende Normplan LVZ -->
<!-- ************************************** Logininfo -->
<div id="time" style="text-align:center;"></div>
<!-- ************************************** Werbung / rundschau /saso *********
<div id="exxtra"></div> -->
<!-- *************************************** -->
</div>
<aside class="col-md-3">
<!-- *************************************** -->
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; padding: 10px;min-height: 75px;max-height: 75px">
<div id="zeit" style="text-align:center;"></div>
</div>
</br>
<!-- *************************************** -->
<!-- *********************************************************** Wetter-Anzeige -->
<div id="insertWidget" style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; min-height: 50px; padding: 10px"></div>
<!-- *********************************************************** -->
<!-- *********************************************************** -->
<!-- *********************************************************** -->
<!-- *********************************************************** -->
</br>
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; padding: 10px;min-height: 140px;max-height: 140px">
<div class="col-md-4">
<img src="/images/HEM Logo_vertikal_RGB.PNG" width="85" alt="HEM">
</div>
<!-- *********************************************************** Tanke 1 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Braunstr.</td></tr>
<tr><td id=tanke1 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** Tanke 2 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Theklaer.</td></tr>
<tr><td id=tanke2 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** Tanke 3 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Permoser.</td></tr>
<tr><td id=tanke3 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** Tanke 4 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Zweinaun.</td></tr>
<tr><td id=tanke4 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** Tanke 5 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Dieskau.</td></tr>
<tr><td id=tanke5 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** -->
</div>
</br>
<!-- *********************************************************** BFT -->
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; padding: 10px;min-height: 50px;max-height: 50px">
<div class="col-md-4">
<img src="/images/bft.png" width="50" alt="BFT">
</div>
<!-- *********************************************************** Tanke 6 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Torgauer.</td></tr>
<tr><td id=tanke6 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
<!-- *********************************************************** Tanke 8 riesaer -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Riesaer.</td></tr>
<tr><td id=tanke8 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</br>
<!-- *********************************************************** Schell -->
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; padding: 10px;min-height: 55px;max-height: 55px">
<div class="col-md-4">
<img src="/images/shell.png" width="65" alt="BFT">
</div>
<!-- *********************************************************** Tanke 7 -->
<div class="col-md-4">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr><td nowrap align="center" style="width: 70px;color:#f05800;font-size:8pt">Torgauer.</td></tr>
<tr><td id=tanke7 nowrap align="center" style="width: 70px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</br>
<!-- *********************************************************** billig <i class="fad fa-analytics"></i> -->
<div style="box-shadow: 0px 0px 15px #66FFFF; width: 283px; padding: 10px;min-height: 110px;max-height: 110px">
<div id=tankebillig></div>
</div>
</aside>
<!-- *************************************** Spaltenwechsel -->
<!-- ************************ -->
</div>
<!-- ************************ -->
{include file='tpl/fuss2.tpl'}
<!-- ************************ -->
<!-- ************************ -->
{literal}
<!-- **************** Türanzeige -->
<!-- <script type="text/javascript" async src="https://www.daswetter.com/wid_loader/94ced0b1b3e7236de62e51f55b508984"></script> -->
<script type="text/javascript">
$.ajax({
type : "POST",
url : 'pia.php?s=pi_hallo2&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#time").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=pi_hallo2&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#time").html(data);
},
})
}, 10000);
$.ajax({
type : "POST",
url : 'pia.php?s=dwd&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#dwd").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu1&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke1").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu1&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke1").html(data);
},
});
}, 91000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu2&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke2").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu2&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke2").html(data);
},
});
}, 92000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke3").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke3").html(data);
},
});
}, 93000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu4&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke4").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu4&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke4").html(data);
},
});
}, 94000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu5&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke5").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu5&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke5").html(data);
},
});
}, 95000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu6&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke6").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu6&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke6").html(data);
},
});
}, 96000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu7&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke7").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu7&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke7").html(data);
},
});
}, 97000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu8&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke8").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankeneu8&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke8").html(data);
},
});
}, 98000);
$.ajax({
type : "POST",
url : 'pia.php?s=tankebillig&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tankebillig").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=tankebillig&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tankebillig").html(data);
},
});
}, 9000);
$.ajax({
type : "POST",
url : 'pia.php?s=zeit&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#zeit").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=zeit&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#zeit").html(data);
},
})
}, 15000);
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_1&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona1").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona3").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_5&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona5").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_6&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona6").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_1&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona1").html(data);
},
})
}, 120000);
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona3").html(data);
},
})
}, 121000);
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_5&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona5").html(data);
},
})
}, 122000);
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=corona2022_6&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona6").html(data);
},
})
}, 123000);
$.ajax({
type : "POST",
url : 'pia.php?s=blitzer&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#blitzer").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=blitzer&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#blitzer").html(data);
},
})
}, 60000);
</script>
<script>
var widgetScript=document.createElement("script");
widgetScript.id="weatherWidgetJS";
var weatherWidth = document.getElementById("insertWidget").offsetWidth;
widgetScript.src="https://14-tage-wettervorhersage.de/extern/weather/v1/weatherWidget.js?w="+weatherWidth+"&b=0&p=1&z=0&ct=ababab&cf=272829&cb=000000&r=d&lg=de&l=171240&ic=0&f=0";
widgetScript.async=true;
var widgetNode=document.getElementsByTagName("head")[0];
widgetNode.appendChild(widgetScript);
</script>
<!-- ************************ -->
{/literal}