957 lines
29 KiB
Smarty
957 lines
29 KiB
Smarty
|
||
<div id="ue_h23" style="background-color:#333333">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="col-md-8">
|
||
<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">
|
||
|
||
</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">
|
||
|
||
</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 -- -->
|
||
|
||
<!-- ---------------------------------------------------------- Polizei Meldungen -->
|
||
|
||
<!-- ------------------------------------------------------------ tuerlog -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
<i class="fas fa-door-open fa-7x fa-pull-left" style="color: #115270"></i>
|
||
</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>
|
||
|
||
</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>
|
||
</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>
|
||
|
||
</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>
|
||
</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">
|
||
|
||
</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">
|
||
|
||
</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: 24pt;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>
|
||
</div>
|
||
<!-- --------------------------- saso Card ----------------- -->
|
||
<div class="sinfo">
|
||
<i class="fal fa-newspaper fa-3x fa-pull-left" style="color: '{$ic19}'"></i>
|
||
|
||
</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>
|
||
|
||
|
||
|
||
</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>
|
||
|
||
|
||
</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>
|
||
|
||
|
||
</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;
|
||
}
|
||
.sanihu {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
max-height: 260px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.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;
|
||
}
|
||
.date {
|
||
background: #222222;
|
||
color:#666666;
|
||
font-size: 16px;
|
||
padding: 5px;
|
||
padding-top: 5px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -6px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.winfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 5px;
|
||
padding-top: 5px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -6px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.tinfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 10px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.rinfo {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 10px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.sinfo {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 5px;
|
||
height: 100px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: 0px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.pinfo {
|
||
background: #222222;
|
||
color:#aaaaaa;
|
||
padding: 10px;
|
||
height: 90px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
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;
|
||
}
|
||
|
||
.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_h24&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_h24&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}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|