988 lines
31 KiB
Smarty
988 lines
31 KiB
Smarty
<script src="template/js/ue_home.js"></script>
|
||
<script src="template/js/ue_home2.js"></script>
|
||
|
||
<div id="main" class="container-fluid" style="background-color:#333333">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<section class="col-md-10">
|
||
<div class="row">
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- --------------------------------------------------- Einsatzplanung Heute -- -->
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="col-sm-6" style="margin-top: -18px">
|
||
<p id="info_heute" nowrap align="center" style='font-size:14pt;background-color:gray;color:#fff'>{$tag1}<p>
|
||
<p nowrap align="center" style='font-size:14pt;background-color:gray;margin-top: -10px'>
|
||
<div id="ue_icon">
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-toilet-paper fa-2x"></i> <span></br>CWS</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pss">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
</a>
|
||
</div>
|
||
<p></div>
|
||
|
||
|
||
|
||
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- -------------------------------------------------- Einsatzplanung Morgen -- -->
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="col-sm-6" style="margin-top: -18px">
|
||
<p id="info_morgen" nowrap align="center" style='font-size:14pt;background-color:gray;color:#fff'>{$tag2}<p>
|
||
<p nowrap align="center" style='font-size:14pt;background-color:gray;margin-top: -10px'>
|
||
<div id="ue_icon2">
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-toilet-paper fa-2x"></i> <span></br>CWS</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
</a>
|
||
<a class="quick-btn" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
</a>
|
||
</div>
|
||
<p></div>
|
||
<!-- Nachtplanung heute ----------- -->
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div id=smsinfo>
|
||
<div class="col-sm-1" style="margin-top: -12px">
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-hourglass"></i> <span></br>warten</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-times" style="color: red"></i> <span></br>Fehler</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-share" style="color: cornflowerblue"></i> <span></br>Transfer</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-check" style="color: orange"></i> <span></br>gesendet</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-check-double" style="color:#41c42b"></i> <span></br>SMS_OK</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-5" style="margin-top: -10px">
|
||
|
||
<div id="kal_1">
|
||
<div class="kal">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$kal item=kal}
|
||
<tr style="font-size:12pt">
|
||
{if $kal.na!=0}
|
||
<td nowrap style="width: 30px;color: red" align="center"><i class='{$kal.icon}'></i></td>
|
||
{else}
|
||
<td nowrap style="width: 30px;color: darkorange" align="left"><i class='{$kal.icon}'></i></td>
|
||
{/if}
|
||
<td nowrap style="width:170px" align="left">{$kal.fahrer}</td>
|
||
<td nowrap style="width:125px" align="left">{$kal.bez}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="norm">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<i class="far fa-newspaper fa-pull-left" style="color:#bbbbbb;font-size:26pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="center">
|
||
<td> {$np.lvz_city}</br></td>
|
||
<td> {$np.lvz_bgz}</br></td>
|
||
<td> {$np.lvz_dek}</br></td>
|
||
<td> {$np.lvz_mtk}</br></td>
|
||
<td> {$np.tz}</br></td>
|
||
<td> {$np.oaz}</br></td>
|
||
<td> {$np.daz}</br></td>
|
||
<td> {$np.ovz}</br></td>
|
||
</tr>
|
||
|
||
<tr style="font-size:10pt;color:#DDDDDD" align="center">
|
||
<td nowrap style="width:60px" align="center">City</td>
|
||
<td nowrap style="width:60px" align="center">BoG</td>
|
||
<td nowrap style="width:60px" align="center">DEK</td>
|
||
<td nowrap style="width:60px" align="center">MTK</td>
|
||
<td nowrap style="width:60px" align="center">TZ</td>
|
||
<td nowrap style="width:60px" align="center">OAZ</td>
|
||
<td nowrap style="width:60px" align="center">DAZ</td>
|
||
<td nowrap style="width:60px" align="center">OVZ</td>
|
||
|
||
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Nachtplanung morgen ----------- -->
|
||
<div id=smsinfo2>
|
||
<div class="col-sm-1" style="margin-top: -12px">
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-hourglass"></i> <span></br>warten</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-times" style="color: red"></i> <span></br>Fehler</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-share" style="color: cornflowerblue"></i> <span></br>Transfer</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-check" style="color: orange"></i> <span></br>gesendet</span>
|
||
</a>
|
||
<a class="quick-btn2" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-sms fa-2x"></i> <i class="fas fa-check-double" style="color:#41c42b"></i> <span></br>SMS_OK</span>
|
||
</a>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5" style="margin-top: -10px">
|
||
<div id="kal_2">
|
||
<div class="kalx">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$kal item=kal}
|
||
<tr style="font-size:12pt">
|
||
{if $kal.na!=0}
|
||
<td nowrap style="width: 30px;color: red" align="center"><i class='{$kal.icon}'></i></td>
|
||
{else}
|
||
<td nowrap style="width: 30px;color: darkorange" align="left"><i class='{$kal.icon}'></i></td>
|
||
{/if}
|
||
<td nowrap style="width:170px" align="left">{$kal.fahrer}</td>
|
||
<td nowrap style="width:125px" align="left">{$kal.bez}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="norm">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<i class="far fa-newspaper fa-pull-left" style="color:#bbbbbb;font-size:26pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="center">
|
||
<td> {$np.lvz_city}</br></td>
|
||
<td> {$np.lvz_bgz}</br></td>
|
||
<td> {$np.lvz_dek}</br></td>
|
||
<td> {$np.lvz_mtk}</br></td>
|
||
<td> {$np.tz}</br></td>
|
||
<td> {$np.oaz}</br></td>
|
||
<td> {$np.daz}</br></td>
|
||
<td> {$np.ovz}</br></td>
|
||
</tr>
|
||
|
||
<tr style="font-size:10pt;color:#DDDDDD" align="center">
|
||
<td nowrap style="width:60px" align="center">City</td>
|
||
<td nowrap style="width:60px" align="center">BoG</td>
|
||
<td nowrap style="width:60px" align="center">DEK</td>
|
||
<td nowrap style="width:60px" align="center">MTK</td>
|
||
<td nowrap style="width:60px" align="center">TZ</td>
|
||
<td nowrap style="width:60px" align="center">OAZ</td>
|
||
<td nowrap style="width:60px" align="center">DAZ</td>
|
||
<td nowrap style="width:60px" align="center">OVZ</td>
|
||
|
||
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div class="smslog" id="smslog">
|
||
|
||
<i class="fas fa-sms fa-2x fa-pull-left"></i>
|
||
<table class="no-style full" >
|
||
{foreach from=$status item=tuer}
|
||
<tr>
|
||
<td nowrap style="width:170px">{$tuer.fahrer}</td>
|
||
<td nowrap style="width:120px" align="right">{$tuer.zeit|date_format:"%H:%M Uhr"}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div id="ue_polizei"> </div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ tuerlog -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog" id="tlog">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-door-open fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="background-color: gray;color: #dddddd;font-size:11pt">
|
||
{foreach from=$status item=tuer}
|
||
<tr>
|
||
<td nowrap style="width:170px">{$tuer.fahrer}</td>
|
||
<td nowrap style="width:120px" align="right">{$tuer.zeit|date_format:"%H:%M Uhr"}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ fehler tuersystem -->
|
||
<div class="col-sm-6" >
|
||
<div class="tlog">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-id-card fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="background-color: gray;color: #dddddd;font-size:11pt">
|
||
{foreach from=$estatus item=tuerfail}
|
||
<tr>
|
||
<td nowrap style="width:160px">{$tuerfail.karte}</td>
|
||
<td nowrap style="width:170px" align="right">{$tuerfail.zeit|date_format:"%d.%m.%y - %H:%M Uhr"}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
</div>
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog" id="maonline">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-sign-in fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="background-color: gray;color: #dddddd;font-size:11pt">
|
||
{foreach from=$abfrage_monline item=mao }
|
||
<tr>
|
||
<td nowrap style="width:160px">{$mao.name}</td>
|
||
<td nowrap style="width:170px" align="right">{$mao.session_update|date_format:"%d.%m.%y - %H:%M Uhr"}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- -- automatische Kartensperre ------------------------------- -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog" id="conline">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-user-clock fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="background-color: gray;color: #dddddd;font-size:11pt">
|
||
{foreach from=$abfrage_c item=co}
|
||
{if $co.status==2 && $co.ontour==0}
|
||
<tr>
|
||
<td nowrap style="width:170px" align="left"><span style='color:#000FFF'>{$co.name}</td>
|
||
<td nowrap style="width:120px" align="left"><span style='color:#000FFF'>Karte frei</td>
|
||
<td nowrap style="width:10pxt" align="right"><span style='color:#000FFF'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{elseif $co.status==2 && $co.ontour==1}
|
||
<tr>
|
||
<td nowrap style="width:170px" align="left" ><span style='color:green'>{$co.name}</td>
|
||
<td nowrap style="width:120px" align="left" ><span style='color:green'><mark>ON-Tour {$co.lastlog|date_format:"%H:%M"}</mark></td>
|
||
<td nowrap style="width:10px" align="right"><span style='color:green'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{elseif $co.status==3}
|
||
<tr>
|
||
<td nowrap style="width:170px" align="left"><span style='color:#870103'>{$co.name}</td>
|
||
<td nowrap style="width:120px" align="left"><span style='color:#870103'>{$co.grund}</td>
|
||
<td nowrap style="width:10px" align="right"><span style='color:#870103'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{else}
|
||
<tr>
|
||
<td nowrap style="width:170px" align="left"><span style='color:#dddddd'>{$co.name}</td>
|
||
<td nowrap style="width:120px" align="left"><span style='color:#FF8E00'>keine Tour</td>
|
||
<td nowrap style="width:10px" align="right"><span style='color:#FF8E00'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{/if}
|
||
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
</div>
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-sm-6">
|
||
<div class="sani">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-car-mechanic fa-7x fa-pull-left"></i>
|
||
<span align="center" style="color: #115270;margin-top: -5px">HU / AU prüfen !!! ({$husum} St. abgelaufen)</span>
|
||
<table class="no-style full" style="color: #dddddd;font-size:11pt">
|
||
{foreach from=$hudata item=hudata}
|
||
<tr>
|
||
<td nowrap style="width: 80px">{$hudata.kz1}</td>
|
||
{if $hudata.typ1==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#870103'>({$hudata.hudate1|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$hudata.hudate1|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
|
||
<td nowrap style="width: 20px"> </td>
|
||
|
||
<td nowrap style="width: 80px">{$hudata.kz2}</td>
|
||
{if $hudata.typ2==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#870103'>({$hudata.hudate2|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$hudata.hudate2|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
<div class="sani">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-car-mechanic fa-7x fa-pull-left"></i>
|
||
<span align="center" style="color: #115270;margin-top: -5px">Sanikasten_prüfen !!! ({$sanisum} St. abgelaufen)</span>
|
||
<table class="no-style full" style="color: #dddddd;font-size:11pt">
|
||
{foreach from=$sanidata item=sdata}
|
||
<tr>
|
||
<td nowrap style="width: 80px">{$sdata.kz1}</td>
|
||
{if $sdata.typ1==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#870103'>({$sdata.sanidate1|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$sdata.sanidate1|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
|
||
<td nowrap style="width: 20px"> </td>
|
||
|
||
<td nowrap style="width: 80px">{$sdata.kz2}</td>
|
||
{if $sdata.typ2==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#870103'>({$sdata.sanidate2|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$sdata.sanidate2|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
<div class="col-sm-6">
|
||
<div class="km">
|
||
<div style="background-color: gray;color: #115270">
|
||
<i class="fas fa-car-truck fa-7x fa-pull-left"></i>
|
||
<div id="ue_km">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div id="kal_nw" style="text-align:center;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div id="infop" style="text-align:left;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
{if $samstag==1}
|
||
<div class="row">
|
||
<div class="col-sm-10">
|
||
<div id="sasolive" style="text-align:center;"></div>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
|
||
<div class="row">
|
||
<!-- ------------------------------------------------------------ ende Row 6 -->
|
||
<!-- ------------ türonline -->
|
||
<div class="col-sm-6">
|
||
<div id="slog" style="text-align:center;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div id="ip_status" style="text-align:center;"></div>
|
||
</div>
|
||
</div>
|
||
<!-- ----------------------------------------------------------- -->
|
||
|
||
|
||
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<aside class="col-md-2">
|
||
<div id="rightmenu">
|
||
|
||
<div class="rinfo">
|
||
<i class="fas fa-clock fa-3x fa-pull-left"></i>
|
||
<span style="font-size: 14pt" id="uhr">00:00 Uhr</span>
|
||
<span> {$datum}</span>
|
||
</div>
|
||
|
||
<div class="rinfo" id="sau" style="font-size: 11pt">
|
||
<table class="no-style full" width="100%">
|
||
<tr align="right">
|
||
<td align="left" width="50%">
|
||
<i class="fas fa-sunset"> </i><span style="font-size: 11pt"> 00:00</span>
|
||
</td>
|
||
<td align="right">
|
||
<i class="fas fa-sunrise"></i><span style="font-size: 11pt"> 00:00</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="wetter">
|
||
<div class="rinfo">
|
||
<i class="fas fa-cloud-sun fa-3x fa-pull-left"></i>
|
||
<table class="no-style full">
|
||
<tr align="right" style="font-size: 16pt">
|
||
<td nowrap style="width:150px">0°C</td>
|
||
</tr>
|
||
<tr align="right">
|
||
<td nowrap style="font-size: 12pt">0° / 0°</td>
|
||
</tr>
|
||
</table>
|
||
<table class="no-style full" style="width: 100%">
|
||
<td nowrap align="center" style="font-size:10pt">Loading Wetterdaten</td>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- tank Card ----------------- -->
|
||
<div id="ue_tank">
|
||
<div class="rinfo">
|
||
<i class="fas fa-gas-pump fa-3x fa-pull-left"></i>
|
||
<table class="no-style full">
|
||
<tr align="right" style="font-size: 16pt">
|
||
<td nowrap style="width:150px">0.00<sup>0</sup></td>
|
||
</tr>
|
||
<tr align="right">
|
||
<td nowrap style="font-size: 12pt">Tanke</td>
|
||
</tr>
|
||
</table>
|
||
<table class="no-style full" style="width: 100%">
|
||
<td nowrap align="center" style="font-size:10pt">Loading Tankdaten...</td>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- Verkehr Card ----------------- -->
|
||
<div id="ue_verkehr">
|
||
<div class="rinfo">
|
||
<i class="fas camera-cctv fa-3x fa-pull-left"></i>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- Handy Card ----------------- -->
|
||
<div class="rinfo">
|
||
<table class="no-style full" width="100%">
|
||
<tr align="center">
|
||
<td width="33%">
|
||
<i class="fal fa-mobile-android-alt fa-3x" style="color: green"></i>
|
||
</td>
|
||
<td width="34%">
|
||
<i class="fal fa-mobile-android-alt fa-3x" style="color: green"></i>
|
||
</td>
|
||
<td width="33%">
|
||
<i class="fal fa-mobile-android-alt fa-3x" style="color: darkred"></i>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td width="33%">
|
||
<span style="font-size: 11pt">JB</span>
|
||
</td>
|
||
<td width="34%">
|
||
<span style="font-size: 11pt">FT</span>
|
||
</td>
|
||
<td width="33%">
|
||
<span style="font-size: 11pt">Backup</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<!-- -------------------------------------------------------- -->
|
||
<div class="rinfo">
|
||
<table class="no-style full" width="100%">
|
||
<tr align="center">
|
||
<td width="50%">
|
||
<i class="fal fa-house-signal fa-3x" style="color: green"></i>
|
||
</td>
|
||
<td width="50%">
|
||
<i class="fal fa-house-signal fa-3x" style="color: darkred"></i>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Bautz.1</span>
|
||
</td>
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Bautz.2</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<!-- -------------------------------------------------------- -->
|
||
<div class="rinfo">
|
||
<table class="no-style full" width="100%">
|
||
<tr align="center">
|
||
<td width="50%">
|
||
<i class="fal fa-house-signal fa-3x" style="color: green"></i>
|
||
</td>
|
||
<td width="50%">
|
||
<i class="fal fa-house-signal fa-3x" style="color: green"></i>
|
||
</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Ossietzky</span>
|
||
</td>
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Merkwitz</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</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>
|
||
-->
|
||
|
||
<div id="info_werb">
|
||
<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>
|
||
</aside>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- color dunkelblau neue butten -- #115270 -->
|
||
{literal}
|
||
<style>
|
||
.kalx {
|
||
background: #115270;
|
||
color: #aaaaaa;
|
||
padding: 5px;
|
||
border: 1px solid;
|
||
border-radius:6px;
|
||
margin-top: -1px;
|
||
margin-bottom: 18px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
width: 364px;
|
||
min-height: 214px;
|
||
}
|
||
.kal {
|
||
background: #115270;
|
||
color: #aaaaaa;
|
||
padding: 5px;
|
||
border: 1px solid;
|
||
border-radius:6px;
|
||
margin-top: -1px;
|
||
margin-bottom: 18px;
|
||
height: 214px;
|
||
}
|
||
.norm {
|
||
background: #115270;
|
||
color: gray;
|
||
padding: 5px;
|
||
border: 1px solid;
|
||
border-radius:6px;
|
||
margin-top: -12px;
|
||
margin-bottom: 6px;
|
||
}
|
||
.polizei {
|
||
min-height: 55px;
|
||
background: #115270;
|
||
color: gray;
|
||
padding: 5px;
|
||
border: 1px solid;
|
||
border-radius:6px;
|
||
margin-top: -12px;
|
||
margin-bottom: 6px;
|
||
}
|
||
.rinfo {
|
||
background: #115270;
|
||
color:#bbbbbb;
|
||
padding: 7px;
|
||
border: 1px solid;
|
||
border-radius:10px;
|
||
margin-bottom: 4px;
|
||
}
|
||
.km {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
height: 500px;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.sani {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
height: 127px;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.info {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.tlog {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
height: 127px;
|
||
border: 1px solid;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.smslog {
|
||
background: #8A0205;
|
||
color: #dddddd;
|
||
padding: 0px;
|
||
height: 127px;
|
||
border: 1px solid;
|
||
border-radius: 8px;
|
||
margin-bottom: 0px;
|
||
}
|
||
.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-btn2 {
|
||
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: 49px;
|
||
margin: 3px;
|
||
padding-top: 2px;
|
||
font-size: 10pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 66px;
|
||
position: relative;
|
||
}
|
||
.quick-btn .label {
|
||
position: absolute;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn2 .label {
|
||
position: absolute;
|
||
right: -7px;
|
||
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;
|
||
}
|
||
|
||
#flex-container {
|
||
display: -webkit-flex;
|
||
display: -ms-flex;
|
||
display: flex;
|
||
-webkit-flex-wrap: wrap;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
}
|
||
</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;
|
||
</script>
|
||
|
||
{/literal}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|