1254 lines
43 KiB
Smarty
1254 lines
43 KiB
Smarty
|
||
<div id="ue_h23" style="background-color:#333333">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-md-10">
|
||
<div class="row">
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- --------------------------------------------------- Einsatzplanung Icons -- -->
|
||
<!-- --------------------------------------------------- Heute links -- -->
|
||
<div class="col-sm-6" >
|
||
<p nowrap align="center" style='font-size:14pt;background-color:'{$t1bc}';color:'{$t1c}';margin-top:-5px'>{$tag1}</p>
|
||
<table class="no-style full" style="width: 100%">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center" >
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.111}">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
<span class="label" style="background-color:{$icon.111}">{$icon.11}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.112}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
<span class="label" style="background-color:{$icon.112}">{$icon.12}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.113}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
<span class="label" style="background-color:{$icon.113}">{$icon.13}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.114}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
<span class="label" style="background-color:{$icon.114}">{$icon.14}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.115}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
<span class="label" style="background-color:{$icon.115}">{$icon.15}</span></a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<table class="no-style full" style="width: 100%">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.121}">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
<span class="label" style="background-color:{$icon.121}">{$icon.21}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.122}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
<span class="label" style="background-color:{$icon.122}">{$icon.22}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.123}">
|
||
<i class="fal fa-toilet-paper fa-2x"></i> <span></br>Ilonexs</span>
|
||
<span class="label" style="background-color:{$icon.123}">{$icon.23}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.124}">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
<span class="label" style="background-color:{$icon.124}">{$icon.24}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=pss" style="color: {$icon.125}">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
<span class="label" style="background-color:{$icon.125}">{$icon.25}</span></a>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
<p>
|
||
</div>
|
||
<!-- --------------------------------------------------- Einsatzplanung Icons -- -->
|
||
<!-- --------------------------------------------------- Heute rechts -- -->
|
||
<div class="col-sm-6" >
|
||
<p nowrap align="center" style='font-size:14pt;background-color:{$t1bc};color:{$t1c};margin-top:-5px'>{$tag2}</p>
|
||
<table class="no-style full" style="width: 100%">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center" >
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.131}">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
<span class="label" style="background-color:{$icon.131}">{$icon.31}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.132}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
<span class="label" style="background-color:{$icon.132}">{$icon.32}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.133}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
<span class="label" style="background-color:{$icon.133}">{$icon.33}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.134}">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
<span class="label" style="background-color:{$icon.134}">{$icon.34}</span></a></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn3" href="?s=pnacht&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.135}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
<span class="label" style="background-color:{$icon.135}">{$icon.35}</span></a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<table class="no-style full" style="width: 100%">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.141}">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
<span class="label" style="background-color:{$icon.141}">{$icon.41}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.142}">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
<span class="label" style="background-color:{$icon.142}">{$icon.42}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.143}">
|
||
<i class="fal fa-arrow-down-left-and-arrow-up-right-to-center fa-2x"></i> <span></br>Ilonexs</span>
|
||
<span class="label" style="background-color:{$icon.143}">{$icon.43}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.144}">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
<span class="label" style="background-color:{$icon.144}">{$icon.44}</span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btn4" href="?s=pss" style="color: {$icon.125}">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
<span class="label" style="background-color:{$icon.145}">{$icon.45}</span></a>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
<p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- ------------------------------------------------- Einsatzplanung SMS+Kal -- -->
|
||
<!-- ------------------------------------------------- Heute links -- -->
|
||
<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><span class="label label-default" style="background-color: gray">{$ss.1}</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><span class="label label-default" style="background-color:#9c0000">{$ss.2}</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><span class="label label-default" style="background-color:#6495ed">{$ss.3}</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> <span class="label label-default" style="background-color:#ff8000">{$ss.4}</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> <span class="label label-default" style="background-color:#358d2f">{$ss.5}</span>
|
||
</a>
|
||
</div>
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="col-sm-5" style="margin-top: -11px">
|
||
<div id="kal_1">
|
||
<div class="kalx">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$kal1 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:#115270;font-size:26pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="center">
|
||
<td> {$np1.lvz_city}</br></td>
|
||
<td> {$np1.lvz_bgz}</br></td>
|
||
<td> {$np1.lvz_dek}</br></td>
|
||
<td> {$np1.lvz_mtk}</br></td>
|
||
<td> {$np1.tz}</br></td>
|
||
<td> {$np1.oaz}</br></td>
|
||
<td> {$np1.daz}</br></td>
|
||
<td> {$np1.ovz}</br></td>
|
||
</tr>
|
||
|
||
<tr style="font-size:10pt;color:#115270" 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>
|
||
<!-- ------------------------------------------------- Einsatzplanung SMS+Kal -- -->
|
||
<!-- ------------------------------------------------- Heute rechts -- -->
|
||
<!-- Nachtplanung morgen ----------- -->
|
||
<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><span class="label label-default" style="background-color: gray">{$ss.11}</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><span class="label label-default" style="background-color:#9c0000">{$ss.12}</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><span class="label label-default" style="background-color: #6495ed">{$ss.13}</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><span class="label label-default" style="background-color:#ff8000">{$ss.14}</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><span class="label label-default" style="background-color: #358d2f">{$ss.15}</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="col-sm-5" style="margin-top: -11px">
|
||
<div id="kal_2">
|
||
<div class="kalx">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$kal2 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:#115270;font-size:26pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="center">
|
||
<td> {$np2.lvz_city}</br></td>
|
||
<td> {$np2.lvz_bgz}</br></td>
|
||
<td> {$np2.lvz_dek}</br></td>
|
||
<td> {$np2.lvz_mtk}</br></td>
|
||
<td> {$np2.tz}</br></td>
|
||
<td> {$np2.oaz}</br></td>
|
||
<td> {$np2.daz}</br></td>
|
||
<td> {$np2.ovz}</br></td>
|
||
</tr>
|
||
|
||
<tr style="font-size:10pt;color:#115270" 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">
|
||
<!-- --------------------------------------------------- Fehler SMS heute -- -->
|
||
<div class="col-sm-6">
|
||
{if $smses!=0}
|
||
{foreach from=$smse item=se}
|
||
<div class="smse">
|
||
<table class="no-style full">
|
||
<tbody style="font-size:8pt;color:#d90000">
|
||
<i class="far fa-sms fa-pull-left" style="color:#9c0000;font-size:24pt"></i>
|
||
<tr align="center">
|
||
<td nowrap style="width:170px" align="left">{$se.name}</td>
|
||
<td nowrap style="width:125px" align="left">{$se.date|date_format:"%d.%m.%Y-%H:%M"}</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td nowrap style="width:125px" align="left">{$se.msg}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{/foreach}
|
||
{/if}
|
||
</div>
|
||
<!-- -------------------------------------------------- Fehler SMS morgen -- -->
|
||
<div class="col-sm-6">
|
||
{if $smses2!=0}
|
||
{foreach from=$smse2 item=se2}
|
||
<div class="smse">
|
||
<table class="no-style full">
|
||
<tbody style="font-size:8pt;color:#d90000">
|
||
<i class="far fa-sms fa-pull-left" style="color:#9c0000;font-size:24pt"></i>
|
||
<tr align="center">
|
||
<td nowrap style="width:170px" align="left">{$se2.name}</td>
|
||
<td nowrap style="width:125px" align="left">{$se2.date|date_format:"%d.%m.%Y-%H:%M"}</td>
|
||
</tr>
|
||
<tr align="center">
|
||
<td nowrap style="width:125px" align="left">{$se2.msg}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{/foreach}
|
||
{/if}
|
||
</div>
|
||
<!-- ---------------------------------------------------------- Polizei Meldungen -->
|
||
<div class="col-sm-12">
|
||
{foreach from=$pol_data item=poldata}
|
||
<div class="polizei">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<i class="far fa-exclamation-triangle fa-pull-left" style="color:#9c0000;font-size:32pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="left">
|
||
<td>
|
||
<span style="font-size:10pt;color:#dddddd">{$poldata.adresse1}, {$poldata.adresse2} : </span>
|
||
<span style="font-size:10pt;color:#ababab">{$poldata.reason}</span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{/foreach}
|
||
</div>
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
|
||
<!-- ------------------------------------------------------------ tuerlog -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
{if $anz==0} <i class="fas fa-door-open fa-7x fa-pull-left" style="color: #115270"></i>{/if}
|
||
{if $anz==1} <i class="fas fa-door-open fa-7x fa-pull-left" style="color: orange"></i>{/if}
|
||
{if $anz==2} <i class="fas fa-door-open fa-7x fa-pull-left" style="color: #41c42b"></i>{/if}
|
||
<table class="no-style full" style="color: #aaaaaa;font-size:11pt">
|
||
{foreach from=$status item=tuer}
|
||
<tr>
|
||
{if $tuer.zeit>$zeit_live}
|
||
<td nowrap style="width:200px;color:#41c42b">{$tuer.fahrer}</td>
|
||
<td nowrap style="width: 80px;color:#41c42b" align="right">{$tuer.zeit|date_format:"%H:%M Uhr"}</td>
|
||
|
||
{elseif $tuer.zeit>$zeit_online}
|
||
<td nowrap style="width:200px;color: orange">{$tuer.fahrer}</td>
|
||
<td nowrap style="width: 80px;color: orange" align="right">{$tuer.zeit|date_format:"%H:%M Uhr"}</td>
|
||
|
||
{else}
|
||
<td nowrap style="width:200px">{$tuer.fahrer}</td>
|
||
<td nowrap style="width: 80px" align="right">{$tuer.zeit|date_format:"%H:%M Uhr"}</td>
|
||
|
||
{/if}
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ Mitarbeiter online -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
<div style="color: #115270">
|
||
<i class="fas fa-sign-in fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;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>
|
||
<!-- ------------------------------------------------------------ HU/AU -->
|
||
<div class="col-sm-6">
|
||
<div class="sani">
|
||
<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: #aaaaaa;font-size:11pt">
|
||
{foreach from=$hudata item=hu}
|
||
<tr>
|
||
<td nowrap style="width: 80px">{$hu.kz1}</td>
|
||
{if $hu.typ1==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#9c0000'>({$hu.hudate1|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$hu.hudate1|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
|
||
<td nowrap style="width: 20px"> </td>
|
||
|
||
<td nowrap style="width: 80px">{$hu.kz2}</td>
|
||
{if $hu.typ2==1}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#9c0000'>({$hu.hudate2|date_format:"%m / %y"})</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>({$hu.hudate2|date_format:"%m / %y"})</td>
|
||
{/if}
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- -- automatische Kartensperre ------------------------------- -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
<div style="color: #115270">
|
||
<i class="fas fa-user-clock fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;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 class="col-sm-6" >
|
||
<div class="sani">
|
||
<i class="fas fa-car-mechanic fa-7x fa-pull-left"></i>
|
||
<span align="center">Sanikasten_prüfen !!! ({$sanisum} St. abgelaufen)</span>
|
||
<table class="no-style full" style="color: #aaaaaa;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:#9c0000'>({$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:#9c0000'>({$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>
|
||
<!-- ------------------------------------------------------------ fehler tuersystem -->
|
||
<div class="col-sm-6" >
|
||
<div class="sani">
|
||
<div style="color: #115270">
|
||
<i class="fas fa-id-card fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="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 class="col-sm-6" >
|
||
<div class="sani">
|
||
<i class="fas fa-car-mechanic fa-7x fa-pull-left"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;font-size:11pt">
|
||
{foreach from=$kfzcar item=kdata}
|
||
<tr>
|
||
{if $kdata.na==0}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:#9c0000'>{$kdata.kz}</td>
|
||
{else}
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>{$kdata.kz}</td>
|
||
{/if}
|
||
<td nowrap style="width: 20px"> </td>
|
||
<td nowrap style="width: 80px">{$kdata.bez}</td>
|
||
<td nowrap style="width: 20px"> </td>
|
||
<td nowrap align="right" style="width: 40px"><span style='color:orange'>{$kdata.info}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div id="infop" style="text-align:left;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</div></div>
|
||
|
||
|
||
|
||
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<aside class="col-md-2">
|
||
<div class="date">
|
||
<i class="fas fa-clock fa-3x fa-pull-left" style="color:#115270"></i>
|
||
<span style="font-size: 14pt;color:#aaaaaa" id="uhr">00:00 Uhr</span>
|
||
<span style="color:#666666"> {$datum}</span></br>
|
||
<i class="fas fa-sunset"> </i><span> {$system.sunset}</span>
|
||
<i class="fas fa-sunrise"></i><span> {$system.sunrise}</span>
|
||
</div>
|
||
|
||
<div class="winfo">
|
||
{if $system.night==1}
|
||
<i class="wi wi-owm-night-{$system.w_id} fa-pull-left" style="font-size: 32pt;color:#115270"></i>
|
||
{else}
|
||
<i class="wi wi-owm-day-{$system.w_id} fa-pull-left" style="font-size: 32pt;color:#115270"></i>
|
||
{/if}
|
||
<table class="no-style full">
|
||
<tr align="right" style="font-size: 20pt">
|
||
<td nowrap style="width:150px">{$system.cist}°C</td>
|
||
</tr>
|
||
<tr align="right">
|
||
<td nowrap style="font-size: 12pt">{$system.cmin}° / {$system.cmax}°</td>
|
||
</tr>
|
||
</table>
|
||
<table class="no-style full" style="width: 100%">
|
||
<td nowrap align="center" style="font-size:10pt">{$system.text}</td>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- --------------------------- tank Card ----------------- -->
|
||
<div class="tinfo">
|
||
<i class="fas fa-gas-pump fa-3x fa-pull-left" style="color:#115270"></i>
|
||
<table class="no-style full">
|
||
<tr align="right" style="font-size: 16pt">
|
||
<td nowrap style="width:170px"> {$tankdata.diesel}<sup>{$tankdata.dieselx}</sup></td>
|
||
</tr>
|
||
<tr align="right" style="font-size: 11pt">
|
||
<td nowrap>{$tankdata.kname} </td>
|
||
</tr>
|
||
</table>
|
||
<table class="no-style full" style="width: 100%">
|
||
<td nowrap align="center" style="font-size:10pt">{$tankdata.street}</td>
|
||
</table>
|
||
|
||
</div>
|
||
<!-- --------------------------- saso Card ----------------- -->
|
||
<div class="rinfo">
|
||
<i class="fal fa-newspaper fa-3x fa-pull-left" style="color: '{$ic19}'"></i>
|
||
<table class="no-style full" style="font-size: 10pt;color: {$tc19}">
|
||
<tr align="right" style="font-size: 20pt">
|
||
<td nowrap style="width:170px"> {$d19} t</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
<table class="no-style full" style="font-size: 10pt;color: '{$tc19}'">
|
||
<tr align="center" style="font-size: 10pt">
|
||
<td nowrap style="width:170px">{$p19}</td>
|
||
</tr>
|
||
<tr align="right" style="font-size: 11pt">
|
||
<td nowrap><center><img src="template/images/butten8.png" height="30"></center> </td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<!-- --------------------------- Verkehr Card ----------------- -->
|
||
{if $ts_anz!=0}
|
||
<div class="rinfo">
|
||
<i class="fas fa-cctv fa-3x fa-pull-left"></i>
|
||
<span style='color:orange;font-size:12pt'>Enforce.-</br> Trailer <img src="/images/v/et2.png" alt="Blitzer" width="24"></span>
|
||
|
||
{foreach from=$ts_data item=tsdata}
|
||
<table class="no-style full">
|
||
<tr align="left">
|
||
<td width="30px">
|
||
{if $tsdata.vmax==0}
|
||
<span style='color:#fff;font-size:10pt'><img src="../images/v/blitzer.png" alt="Blitzer" width="28"></span>
|
||
{else}
|
||
<span style='color:#fff;font-size:10pt'><img src='../images/v/{$tsdata.vmax}.png' alt="Vmax" width="28"></span>
|
||
{/if}
|
||
</td>
|
||
<td>
|
||
<table class="no-style full"style="color:#ababab;font-size:8pt">
|
||
<tr align="left">
|
||
<td nowrap>
|
||
<span>{$tsdata.adresse1}</span>
|
||
</td>
|
||
</tr>
|
||
<tr align="left">
|
||
<td nowrap style="color:#fff">
|
||
<span>{$tsdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
|
||
</div>
|
||
{/if}
|
||
<!-- ***** mobil ************************************************************************************************* -->
|
||
{if $mb_anz!=0}
|
||
<div class="rinfo">
|
||
<i class="fas fa-cctv fa-3x fa-pull-left"></i>
|
||
<span style='color:orange;font-size:12pt'>mobile Blitzer <img src="/images/v/blitzer.png" alt="Blitzer" width="24"></span>
|
||
{foreach from=$mb_data item=mbdata}
|
||
<table class="no-style full">
|
||
<tr align="left">
|
||
<td width="30px">
|
||
{if $mbdata.vmax==0}
|
||
<span style='color:#fff;font-size:10pt'><img src="../images/v/blitzer.png" alt="Blitzer" width="28"></span>
|
||
{else}
|
||
<span style='color:#fff;font-size:10pt'><img src='../images/v/{$mbdata.vmax}.png' alt="Vmax" width="28"></span>
|
||
{/if}
|
||
</td>
|
||
<td>
|
||
<table class="no-style full">
|
||
<tr align="left">
|
||
<td nowrap style="color:#ababab;font-size:8pt">
|
||
<span>{$mbdata.adresse1}</span>
|
||
</td>
|
||
</tr>
|
||
<tr align="left">
|
||
<td nowrap style="color:#fff;font-size:8pt">
|
||
<span>{$mbdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
|
||
</div>
|
||
{/if}
|
||
<!-- ***** Verkehr ************************************************************************************************* -->
|
||
{if $st_anz!=0}
|
||
<div class="rinfo">
|
||
<i class="fas fa-traffic-cone fa-3x fa-pull-left"></i>
|
||
<span style='color:orange;font-size:12pt'>Verkehrs- meldungen </span>
|
||
{foreach from=$st_data item=stdata}
|
||
<table class="no-style full">
|
||
<tr align="left">
|
||
<td width="30px">
|
||
{if $stdata.type==20} <span style='color:#fff;font-size:10pt'><img src='/images/v/stau6.png' alt="Stau" width="28"></span> {/if}
|
||
{if $stdata.type==21} <span style='color:#fff;font-size:10pt'><img src='/images/v/unfall5.png' alt="Stau" width="28"></span> {/if}
|
||
{if $stdata.type==22} <span style='color:#fff;font-size:10pt'><img src='/images/v/achtung.png' alt="Stau" width="28"></span> {/if}
|
||
{if $stdata.type==23} <span style='color:#fff;font-size:10pt'><img src='/images/v/hdn.png' alt="Hindernis" width="28"></span> {/if}
|
||
{if $stdata.type==24} <span style='color:#fff;font-size:10pt'><img src='/images/v/eis.png' alt="Eis" width="28"></span> {/if}
|
||
{if $stdata.type==25} <span style='color:#fff;font-size:10pt'><img src='/images/v/nebel.png' alt="Nebel" width="28"></span> {/if}
|
||
{if $stdata.type==26} <span style='color:#fff;font-size:10pt'><img src='/images/v/baustelle.png' alt="Stau" width="28"></span>{/if}
|
||
{if $stdata.type==29} <span style='color:#fff;font-size:10pt'><img src='/images/v/achtung.png' alt="Stau" width="28"></span>{/if}
|
||
|
||
</td>
|
||
<td>
|
||
<table class="no-style full"style="color:#ababab;font-size:8pt">
|
||
<tr align="left">
|
||
<td nowrap>
|
||
<span>{$stdata.adresse1}</span>
|
||
</td>
|
||
</tr>
|
||
<tr align="left">
|
||
<td nowrap style="color:#fff">
|
||
<span>{$stdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
|
||
</div>
|
||
{/if}
|
||
|
||
<!-- -------------------------------------------------------- -->
|
||
<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>
|
||
<!-- -------------------------------------------------------- -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</aside>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- color dunkelblau neue butten -- #115270 -->
|
||
{literal}
|
||
<style>
|
||
.kalx {
|
||
background: #222222;
|
||
color: #aaaaaa;
|
||
padding: 5px;
|
||
border: 1px solid #115270;
|
||
border-radius:1px;
|
||
margin-top: -1px;
|
||
margin-bottom: 18px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
width: 373px;
|
||
min-height: 235px;
|
||
max-height: 335px;
|
||
}
|
||
.smse {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
border: 1px solid #9c0000;
|
||
border-radius:2px;
|
||
width: 450px;
|
||
min-height: 40px;
|
||
max-height: 40px;
|
||
margin-top: 0px;
|
||
margin-left: 5px;
|
||
margin-bottom: 3px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.norm {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
border: 1px solid #115270;
|
||
border-radius:2px;
|
||
width: 373px;
|
||
min-height: 55px;
|
||
max-height: 55px;
|
||
margin-top: -13px;
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.rinfo {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 10px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.date {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 5px;
|
||
height: 78px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-top: -6px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.winfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 7px;
|
||
padding-top: 15px;
|
||
height: 97px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.tinfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 10px;
|
||
padding-top: 15px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.pinfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 10px;
|
||
padding-top: 15px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.km {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
height: 500px;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.sani {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
max-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
}
|
||
.info {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.tlog {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
max-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
width: 450px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.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: #222222;
|
||
-webkit-box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
color: #808080;
|
||
display: inline-block;
|
||
height: 55px;
|
||
margin-bottom: 5px;
|
||
margin-left: 4px;
|
||
padding-top: 5px;
|
||
font-size: 10pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 70px;
|
||
position: relative;
|
||
}
|
||
.quick-btn3 {
|
||
background: #222222;
|
||
-webkit-box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
color: #115270;
|
||
display: inline-block;
|
||
height: 65px;
|
||
margin: 0px;
|
||
margin-top: -10px;
|
||
margin-bottom: 7px;
|
||
padding-top: 10px;
|
||
font-size: 11pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 83px;
|
||
position: relative;
|
||
}
|
||
.quick-btn4 {
|
||
background: #222222;
|
||
-webkit-box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
box-shadow: 0 0 0 1px #115270 inset, 0 0 0 1px #0d3a4f;
|
||
color: #115270;
|
||
display: inline-block;
|
||
height: 65px;
|
||
margin: 0px;
|
||
margin-top: 0px;
|
||
margin-bottom: 3px;
|
||
padding-top: 10px;
|
||
font-size: 11pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 83px;
|
||
position: relative;
|
||
}
|
||
.quick-btn .label {
|
||
position: absolute;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn2 .label {
|
||
position: absolute;
|
||
right: -7px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn3 .label {
|
||
position: absolute;
|
||
right: -7px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn4 .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>
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_h23&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#ue_h23").html(data);
|
||
},
|
||
});
|
||
var refreshId = setInterval(function() {
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_h23&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#ue_h23").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
|
||
</script>
|
||
<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}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|