1282 lines
38 KiB
Smarty
1282 lines
38 KiB
Smarty
<script src="template/js/ue_home.js"></script>
|
||
<div class="container-fluid" style="background-color:#333333">
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div id="info_werb">
|
||
<!-- --------------------------- Sachsen-Sonntag Card ----------------- -->
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=pss">
|
||
<div class="wrimagecard-topimage_header" style="background-color:rgba(121, 90, 21, 0.1) ">
|
||
<center><i class="fal fa-newspaper fa-5x" style="color:#BEBEBE"></i></center>
|
||
<center><img src="template/images/butten8.png" height="30"></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title">
|
||
<h4>Loading ...</h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- FAZ Card -----------------
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=pfaz">
|
||
<div class="wrimagecard-topimage_header" style="background-color:rgba(121, 90, 21, 0.1) ">
|
||
<center><i class="fal fa-newspaper fa-5x" style="color:#BEBEBE"></i></center>
|
||
<center><img src="template/images/butten15.png" height="30"></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title">
|
||
<h4>Loading ...</h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<!-- --------------------------- speicher Card ----------------- -->
|
||
<div id="info_ram">
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php">
|
||
<div class="wrimagecard-topimage_header" style="background-color:rgba(121, 90, 21, 0.1) ">
|
||
<center><i class="fal fa-memory fa-5x" style="color:#BEBEBE"></i></center>
|
||
<center><img src="template/images/buttenR.png" height="30"></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title">
|
||
<h4>Loading ...</h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- tank Card ----------------- -->
|
||
<div id="tankstellen">
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=tanken">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fad fa-gas-pump fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt"><center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >Loading ...</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- --------------------------- Handy Card ----------------- -->
|
||
<div id="telefon">
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=telefon18">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="far fa-mobile-android-alt fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt"><center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >connecting</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- --------------------------- wetter Card ----------------- -->
|
||
<div id="wetter">
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=pnacht">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fas fa-spinner fa-spin fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt">
|
||
<center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >---</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- <div id="uhr"></div> ----------------- -->
|
||
<div class="col-sm-2">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fad fa-clock fa-5x" style="color:#FFFFFF"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt">
|
||
<center>{$datum}</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<center><div id="uhr" style="text-align: center;font-size: 14pt" >--:-- Uhr</div></center>
|
||
<center><div id="sau" style="text-align: center;font-size: 8pt" >-------</div></center>
|
||
|
||
<!-- <h4><div id="uhr" style="text-align: center" ></div></h4> -->
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
</div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="row">
|
||
<div id="infop" style="text-align:left;">
|
||
<div class="col-sm-6">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- Interne Information ----------- -->
|
||
<div class="panel panel-primary">
|
||
<div class="panel-body" style="min-height:70px;max-height:70px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:220px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col-sm-6">
|
||
|
||
<div class="panel panel-primary">
|
||
<div class="panel-body" style="min-height:70px;max-height:70px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:220px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ ende Row 6 -->
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
{if $samstag==1}
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div id="sasolive" style="text-align:center;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
{/if}
|
||
|
||
<!--
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div id="tlog2" style="text-align:center;"></div>
|
||
</div>
|
||
-->
|
||
<!--
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
|
||
<div class="notice notice-gelb" style="text-align: center ;font-size:16pt;background-color:gray">{$tag1} </div>
|
||
</div>
|
||
|
||
<div class="col-sm-6">
|
||
<div class="panel-heading" style="background-color:#ffff99;height: 32px "><h6 class="panel-title">{$tag2}</h6></div>
|
||
</div>
|
||
</div>
|
||
|
||
-->
|
||
|
||
<section>
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-sm-2" align="center" id=plan_heute>
|
||
|
||
<div class="notice notice-gelb" style="align-content: center"> <strong style="font-size:16pt">{$tag}.{$monat}.{$jahr}</strong> </div>
|
||
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div id="kal_1" style="text-align:center;">
|
||
<div class="panel panel-warning">
|
||
<div class="panel-body" style="min-height:230px;max-height:230px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:264px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<div class="col-sm-2" align="center" id=plan_morgen>
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- Nachtplanung morgen ----------- -->
|
||
<div class="notice notice-gelb" style="align-content: center"> <strong style="font-size:16pt">{$tag}.{$monat}.{$jahr}</strong> </div>
|
||
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<div class="notice notice" style="align-content: center"> <img src="template/images/jb_transparent.png" height="30"> </div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div id="kal_2" style="text-align:center;">
|
||
<div class="panel panel-warning">
|
||
<div class="panel-body" style="min-height:230px;max-height:230px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:264px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- Nachtplanung heute -----------
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
</div>
|
||
<div class="row">
|
||
<!-- ------------------------------------ grauer Butten mit ? -->
|
||
<div id="info_heute" align="left" style="text-align:left;">
|
||
<!-- ----------------------------------- -->
|
||
<!-- --------------------------------------------leeres sms fenster -->
|
||
<div class="col-sm-2">
|
||
<div class="panel panel-danger">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;background-color: gray;overflow-y: noscroll;" align="center">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<td class="table-icon-cell"><i style="color: white" class="fa fa-question fa-5x"></i></td>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="panel panel-success">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;overflow-y: noscroll;">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<tr>
|
||
<td class="table-icon-cell"><i style="width:25px;font-size:10pt;color: darkorange" class="fa fa-spinner fa-pulse fa-fw"></i></td>
|
||
<td nowrap style="width:280px;font-size:10pt;color: darkorange" align="left">Loading ...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -------------------------------------------- rechts !!!! -->
|
||
<div id="info_morgen" align="left" style="text-align:left;">
|
||
<!-- --------------------------------------------leeres sms fenster -->
|
||
<!-- ------------------------------------ grauer Butten mit ? -->
|
||
<div class="col-sm-2">
|
||
<div class="panel panel-danger">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;background-color: gray;overflow-y: noscroll;" align="center">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<td class="table-icon-cell"><i style="color: white" class="fa fa-question fa-5x"></i></td>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="panel panel-success">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;overflow-y: noscroll;">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<tr>
|
||
<td class="table-icon-cell"><i style="width:25px;font-size:10pt;color: darkorange" class="fa fa-spinner fa-pulse fa-fw"></i></td>
|
||
<td nowrap style="width:280px;font-size:10pt;color: darkorange" align="left">Loading ...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ----------------------------------------------------------- -->
|
||
<div class="row">
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- --------------------------------------------------- Einsatzplanung Heute -- -->
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="col-sm-5" style="margin-top: -10px">
|
||
<p nowrap align="center" style='font-size:14pt;background-color:#f05800;color:#fff'>{$tag1}<p>
|
||
<p nowrap align="center" style='font-size:14pt;background-color:gray;margin-top: -10px'>
|
||
<a class="quick-btn" href="#" id="h1" >
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h3" >
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h4">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h17">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h5">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h2" >
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h16">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h22">
|
||
<i class="fal fa-toilet-paper fa-2x"></i> <span></br>CWS</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h99">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="h19">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
</a>
|
||
<p></div>
|
||
|
||
|
||
|
||
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- -------------------------------------------------- Einsatzplanung Morgen -- -->
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="col-sm-5" style="margin-top: -10px">
|
||
<p nowrap align="center" style='font-size:14pt;background-color:#f05800;color:#fff'>{$tag2}<p>
|
||
<p nowrap align="center" style='font-size:14pt;background-color:gray;margin-top: -10px'>
|
||
<a class="quick-btn" href="#" id="m1" >
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m3" >
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m4">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m17">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m5">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m2" >
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m16">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m22">
|
||
<i class="fal fa-toilet-paper fa-2x"></i> <span></br>CWS</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m99">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
</a>
|
||
<a class="quick-btn" href="#" id="m19">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
</a>
|
||
<p></div>
|
||
<!-- Nachtplanung heute ----------- -->
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-1" style="margin-top: -10px">
|
||
<div id="kal_2">
|
||
<p style="background-color: gray" </p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4" style="margin-top: -10px">
|
||
|
||
<div id="kal_1">
|
||
<div class="panel" style="text-align:center;background-color: gray">
|
||
<div class="panel-body" style="min-height:225px;max-height:225px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:264px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Nachtplanung heute ----------- -->
|
||
<div class="col-sm-1" style="margin-top: -10px">
|
||
<div id="kal_2">
|
||
<p style="background-color: gray" </p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4" style="margin-top: -10px">
|
||
<div id="kal_2">
|
||
<div class="panel" style="text-align:center;background-color: gray">
|
||
<div class="panel-body" style="min-height:225px;max-height:225px;overflow-y: scroll;">
|
||
<table class="no-style full">
|
||
<tbody><td nowrap style="width:264px;font-size:10pt" align="center">Loading ...</td></tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Nachtplanung ----------- -->
|
||
<div class="row">
|
||
<div class="col-sm-5">
|
||
<div class="panel panel-success">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;overflow-y: noscroll;background-color: gray">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<tr>
|
||
<td class="table-icon-cell"><i style="width:25px;font-size:10pt;color: darkorange" class="fa fa-spinner fa-pulse fa-fw"></i></td>
|
||
<td nowrap style="width:280px;font-size:10pt;color: darkorange" align="left">Loading ...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ----------- -->
|
||
<div class="col-sm-5">
|
||
<div class="panel panel-success">
|
||
<div class="panel-body" style="min-height:90px;max-height:90px;overflow-y: noscroll;background-color: gray">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<tr>
|
||
<td class="table-icon-cell"><i style="width:25px;font-size:10pt;color: darkorange" class="fa fa-spinner fa-pulse fa-fw"></i></td>
|
||
<td nowrap style="width:280px;font-size:10pt;color: darkorange" align="left">Loading ...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -------------------------------- rundschau heute -->
|
||
<!-- <div id="info_rs" style="text-align:center;"></div>
|
||
<!-- -------------------------------- exxtra morgen -->
|
||
<!-- <div id="info_ex" style="text-align:center;"></div>
|
||
<!-- -------------------------------- Saso Info -->
|
||
<!-- <div id="info_ss" style="text-align:center;"></div>
|
||
<!-- -------------------------------- -->
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-sm-4">
|
||
<div id="tlog" style="text-align:center;"></div> <!-- Türlog ! -->
|
||
<!-- Fehler Türsystem -->
|
||
<div class="panel panel-default collapsible">
|
||
<div class="panel-heading" align="left">Fehler Türsystem</div>
|
||
<div class="panel-body">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$estatus item=estatus}
|
||
<tr></strong>
|
||
<td nowrap style="width:160px;font-size:11pt">{$estatus.karte}</td>
|
||
<td nowrap style="width:170px;font-size:11pt" align="right">{$estatus.zeit|date_format:"%d.%m.%Y - %H:%M Uhr"}</td>
|
||
<td> <span style='color:#FF0000'>{$status.zeit2}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- ------------ türonline -->
|
||
<div id="slog" style="text-align:center;"></div>
|
||
<!-- -------------------------------- -->
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<!-- -------------------------------- -->
|
||
<div id="conline" style="text-align:center;"></div><!-- Kartenlog -->
|
||
<div id="huau" style="text-align:center;"></div><!-- Car-Termine -->
|
||
</div>
|
||
<!-- -------------------------------- -->
|
||
<!-- syslog
|
||
<div class="col-sm-8"><div id="sys_log" style="text-align:center;"></div></div> -->
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-sm-4">
|
||
<div id="kal_nw" style="text-align:center;"></div>
|
||
<div id="maonline" style="text-align:center;"></div>
|
||
<div id="ip_status" style="text-align:center;"></div>
|
||
</div>
|
||
<!-- ----------------------------------------------------------- -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<aside class="col-md-2">
|
||
<!-- --------------------------- <div id="uhr"></div> ----------------- -->
|
||
<div class="wrimagecard wrimagecard-topimage" style="margin-top: 10px">
|
||
<a href="">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fad fa-clock fa-5x" style="color:#FFFFFF"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt">
|
||
<center>{$datum}</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<center><div id="uhr" style="text-align: center;font-size: 14pt" >--:-- Uhr</div></center>
|
||
<center><div id="sau" style="text-align: center;font-size: 8pt" >-------</div></center>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- --------------------------- wetter Card ----------------- -->
|
||
<div id="wetter">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=pnacht">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fas fa-spinner fa-spin fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt">
|
||
<center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >---</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- --------------------------- tank Card ----------------- -->
|
||
<div id="tankstellen">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=tanken">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="fad fa-gas-pump fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt"><center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >Loading ...</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- Handy Card ----------------- -->
|
||
<div id="telefon">
|
||
<div class="wrimagecard wrimagecard-topimage">
|
||
<a href="index.php?s=telefon18">
|
||
<div class="wrimagecard-topimage_header" style="background-color:#115270;color: white">
|
||
<center><i class="far fa-mobile-android-alt fa-5x" style="color:#BEBEBE"></i></center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_logo" height="30" style="font-size: 16pt"><center>---</center>
|
||
</div>
|
||
<div class="wrimagecard-topimage_title" style="background-color:#115270;color: white">
|
||
<h4><div style="text-align: center" >connecting</div></h4>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- color dunkelblau neue butten -- #115270 -->
|
||
{literal}
|
||
<style>
|
||
|
||
.quick-btn {
|
||
background: #808080;
|
||
-webkit-box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
|
||
box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
|
||
color: #115270;
|
||
display: inline-block;
|
||
height: 65px;
|
||
margin: 5px;
|
||
padding-top: 7px;
|
||
font-size: 12pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 75px;
|
||
position: relative;
|
||
}
|
||
.quick-btn .label {
|
||
position: absolute;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.outer {
|
||
padding: 10px;
|
||
background-color: #6e6e6e;
|
||
}
|
||
.bg-light.lter, .bg-light>.lter {
|
||
background-color: #fff !important;
|
||
}
|
||
.bg-light {
|
||
background-color: #eee;
|
||
color: #333 !important;
|
||
}
|
||
@media (min-width: 768px)
|
||
.inner {
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.inner {
|
||
position: relative;
|
||
min-height: 1px;
|
||
padding-right: 10px;
|
||
padding-left: 10px;
|
||
background: #fff;
|
||
border: 10px solid #e4e4e4;
|
||
}
|
||
|
||
|
||
.notice {
|
||
padding: 0px;
|
||
background-color: #fafafa;
|
||
border-left: 12px solid #7f7f84;
|
||
margin-bottom: 10px;
|
||
height: 30px;
|
||
-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
|
||
-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
|
||
box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
|
||
}
|
||
.notice-sm {
|
||
padding: 10px;
|
||
font-size: 80%;
|
||
}
|
||
.notice-lg {
|
||
padding: 35px;
|
||
font-size: large;
|
||
}
|
||
.notice-success {
|
||
border-color: #80D651;
|
||
}
|
||
.notice-success>strong {
|
||
color: #80D651;
|
||
}
|
||
.notice-gelb {
|
||
border-color: #ffff99;
|
||
}
|
||
.notice-gelb>strong {
|
||
color: #45ABCD;
|
||
}
|
||
.notice-info {
|
||
border-color: #45ABCD;
|
||
}
|
||
.notice-info>strong {
|
||
color: #45ABCD;
|
||
}
|
||
.notice-warning {
|
||
border-color: #FEAF20;
|
||
}
|
||
.notice-warning>strong {
|
||
color: #FEAF20;
|
||
}
|
||
.notice-danger {
|
||
border-color: #d73814;
|
||
}
|
||
.notice-danger>strong {
|
||
color: #d73814;
|
||
}
|
||
|
||
|
||
.wrimagecard{
|
||
margin-top: 0;
|
||
margin-bottom: 1.5rem;
|
||
text-align: left;
|
||
position: relative;
|
||
background: #fff;
|
||
box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
|
||
border-radius: 4px;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.wrimagecard .fa{
|
||
position: relative;
|
||
font-size: 70px;
|
||
}
|
||
.wrimagecard-topimage_header{
|
||
padding: 5px;
|
||
}
|
||
|
||
a.wrimagecard:hover, .wrimagecard-topimage:hover {
|
||
box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
|
||
}
|
||
.wrimagecard-topimage_header_w{
|
||
padding: -10px;
|
||
}
|
||
|
||
a.wrimagecard:hover, .wrimagecard-topimage_w:hover {
|
||
box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);
|
||
}
|
||
.wrimagecard-topimage a {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: block;
|
||
}
|
||
.wrimagecard-topimage_title {
|
||
padding: 3px 24px;
|
||
height: 53px;
|
||
padding-bottom: 0px;
|
||
position:relative;
|
||
}
|
||
.wrimagecard-topimage_logo {
|
||
padding: 0px 0px;
|
||
height: 30px;
|
||
padding-bottom: 0px;
|
||
position:relative;
|
||
}
|
||
.wrimagecard-topimage a {
|
||
border-bottom: none;
|
||
text-decoration: none;
|
||
color: #525c65;
|
||
transition: color 0.3s ease;
|
||
}
|
||
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
function ticken(){
|
||
var stunden, minuten;
|
||
var MinutenZahl, SekundenZahl;
|
||
var heute;
|
||
|
||
heute = new Date();
|
||
StundenZahl = heute.getHours();
|
||
MinutenZahl = heute.getMinutes();
|
||
|
||
stunden = StundenZahl+":";
|
||
if (MinutenZahl < 10) {minuten = "0" + MinutenZahl;}
|
||
else {minuten = MinutenZahl;}
|
||
zeit = stunden + minuten + " Uhr";
|
||
uhr.innerHTML = zeit;
|
||
|
||
window.setTimeout("ticken();", 1000);
|
||
}
|
||
window.onload = ticken;
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_sau&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sau").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_wetter&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#wetter").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ip_status&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#ip_status").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_heute&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#plan_heute").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_morgen&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#plan_morgen").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_heute&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_heute").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_morgen&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_morgen").html(data);
|
||
},
|
||
});
|
||
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_infop&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#infop").html(data);
|
||
},
|
||
});
|
||
/*
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_infos&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#infos").html(data);
|
||
},
|
||
});
|
||
*/
|
||
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=fstatus&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#huau").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_kal1&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#kal_1").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_kal2&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#kal_2").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=kal_nw&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#kal_nw").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=login_edv&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#maonline").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=conline&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#conline").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=tuerlog&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#tlog").html(data);
|
||
},
|
||
});
|
||
/*
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=tuerlog2&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#tlog2").html(data);
|
||
},
|
||
});
|
||
*/
|
||
/*
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=syslog&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sys_log").html(data);
|
||
},
|
||
});
|
||
*/
|
||
/*
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=smslog&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#smslog").html(data);
|
||
},
|
||
});
|
||
*/
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=system&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#slog").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=sasolive&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sasolive").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_ram&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_ram").html(data);
|
||
},
|
||
});
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_werb&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_werb").html(data);
|
||
},
|
||
});
|
||
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_sau&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sau").html(data);
|
||
},
|
||
})
|
||
}, 301000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_wetter&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#wetter").html(data);
|
||
},
|
||
})
|
||
}, 300000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_werb&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_werb").html(data);
|
||
},
|
||
})
|
||
}, 65000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_ram&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_ram").html(data);
|
||
},
|
||
})
|
||
}, 6000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=tankstellen&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#tankstellen").html(data);
|
||
},
|
||
})
|
||
}, 10000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_heute&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#plan_heute").html(data);
|
||
},
|
||
})
|
||
}, 35000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_morgen&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#plan_morgen").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_heute&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_heute").html(data);
|
||
},
|
||
})
|
||
}, 20000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_info_morgen&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#info_morgen").html(data);
|
||
},
|
||
})
|
||
}, 25000);
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=tuerlog&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#tlog").html(data);
|
||
},
|
||
})
|
||
}, 20000);
|
||
/*
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=tuerlog2&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#tlog2").html(data);
|
||
},
|
||
})
|
||
}, 10000);
|
||
*/
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_infop&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#infop").html(data);
|
||
},
|
||
})
|
||
}, 12000);
|
||
/*
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_infos&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#infos").html(data);
|
||
},
|
||
})
|
||
}, 125000);
|
||
*/
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=sasolive&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sasolive").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=conline&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#conline").html(data);
|
||
},
|
||
})
|
||
}, 40000);
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=login_edv&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#maonline").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
/*
|
||
var refresh_EDV = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=syslog&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#sys_log").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
*/
|
||
</script>
|
||
|
||
{/literal}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|