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

433 lines
No EOL
12 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="msapplication-TileImage" content="template/images/fav/ms-icon-144x144.png">
<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="lib/css/font-awesome.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.tools.min.js"></script>
<script src="lib/js/jquery-ui.min.js"></script>
<script src="lib/js/jquery.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">
<div class="row">
<div class="col-md-3">
<!-- *********************************************************** Wetter-Anzeige -->
<div id="insertWidget" style="height:40px;width:283px"></div>
<!-- *********************************************************** 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 -->
</div>
<div class="col-md-8">
<!-- ************************************ CORONA *************** -->
<div id="corona"></div>
<!-- ************************************** Logininfo -->
<div id="time" style="text-align:center;"></div>
<!-- ************************************** Werbung / rundschau /saso ********* später noch Baustellen -->
<div id="exxtra"></div>
<!-- **************************************************** -->
<div id="pi_halloB"></div>
<!-- **************************************************** -->
</div>
<!-- ***************************************** Tankstellen -->
<!-- ***************************************** HEM *** -->
<div class="col-md-1">
<div id="zeit" style="text-align:center;"></div>
<img src="/images/HEM Logo_vertikal_RGB.PNG" width="85" alt="HEM">
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Braunstr.</td>
</tr>
<tr>
<td id=tanke1 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Theklaer</td>
</tr><tr>
<td id=tanke2 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Permoser.</td>
</tr><tr>
<td id=tanke3 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Zweinaun.</td>
</tr><tr>
<td id=tanke4 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Dieskau.</td>
</tr><tr>
<td id=tanke5 nowrap align="center" style="width: 83px"><span style='color:#808080;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<!-- ***************************************** BFT *** -->
<div id="zeit" style="text-align:center;"></div>
<img src="/images/bft.png" width="85" alt="BFT"></br>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Torgauer.</td>
</tr><tr>
<td id=tanke11 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<!-- ***************************************** Shell *** -->
<div id="zeit" style="text-align:center;"></div>
<img src="/images/shell.png" width="85" alt="Shell"></br>
<div class="panel panel-warning">
<table class="no-style full">
<tbody>
<tr>
<td nowrap align="center" style="width: 83px"><span style='color:#f05800;font-size:6pt"'>Torgauer.</td>
</tr><tr>
<td id=tanke21 nowrap align="center" style="width: 83px"><span style='color:#66ffff;font-size:14pt'>-.--<sup>-</sup></td>
</tr>
</tbody>
</table>
</div>
<!-- ************************ -->
</div>
</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_halloB&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#pi_halloB").html(data);
},
});
$.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);
},
});
</script>
<!-- ************************ -->
<script type="text/javascript">
$.ajax({
type : "POST",
url : 'pia.php?s=pi_werbung3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#exxtra").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=pi_werbung3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#exxtra").html(data);
},
})
}, 10000);
</script>
<!-- ************************ -->
<script type="text/javascript">
$.ajax({
type : "POST",
url : 'pia.php?s=tanke1&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke1").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke2&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke2").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke3&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke3").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke4&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke4").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke5&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke5").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke11&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke11").html(data);
},
});
$.ajax({
type : "POST",
url : 'pia.php?s=tanke21&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#tanke21").html(data);
},
});
$.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=corona&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona").html(data);
},
});
var refresh_EDV = setInterval(function() {
$.ajax({
type : "POST",
url : 'pia.php?s=corona&tpl',
cache : false,
data : {
},
dataType : "html",
success : function(data){
$("#corona").html(data);
},
})
}, 70000);
$.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);
},
})
}, 15000);
</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=1&p=1&z=0&ct=F05800&cf=000000&cb=000000&r=d&lg=de&l=171240&ic=1&f=0";
widgetScript.async=true;
var widgetNode=document.getElementsByTagName("head")[0];
widgetNode.appendChild(widgetScript);
</script>
<!-- ************************ -->
{/literal}