1546 lines
50 KiB
Smarty
1546 lines
50 KiB
Smarty
<!-- ------------------------------------------------------------ -->
|
||
<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};width: 100%;margin-top:-5px'>{$tag1}</p>
|
||
<table class="no-style full" style="width: 100%;margin-top: -8px">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center" >
|
||
<a class="quick-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" href="?s=p_ilonexs&jahr={$j1}&monat={$mo1}&tag={$t1}" style="color: {$icon.123}">
|
||
<i class="fal fa-person-dolly 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-btnx" 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-btnx" 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%;margin-top: -8px">
|
||
<tbody>
|
||
<tr style="font-size:14pt">
|
||
<td nowrap style="width:20%" align="center" >
|
||
<a class="quick-btnx" 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-btnx" href="?s=pnacht&jahr={$j1}&monat={$mo2}&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-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" 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-btnx" href="?s=p_ilonexs&jahr={$j2}&monat={$mo2}&tag={$t2}" style="color: {$icon.143}">
|
||
<i class="fal fa-person-dolly 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-btnx" 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-btnx" 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 Kalender - -->
|
||
<div class="col-sm-6" style="margin-top: -12px">
|
||
<div id="kal_1">
|
||
<div class="kalx" style="width: 100%">
|
||
<table class="no-style full" >
|
||
<tbody>
|
||
{foreach from=$kal1 item=kal}
|
||
<tr style="font-size:11pt">
|
||
{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:150px" align="left">{$kal.fahrer}</td>
|
||
<td nowrap style="width:120px" align="left">{$kal.bez}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ----- morgen ----- -->
|
||
<div class="col-sm-6" style="margin-top: -12px">
|
||
<div id="kal_1">
|
||
<div class="kalx" style="width: 100%">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$kal2 item=kal}
|
||
<tr style="font-size:11pt">
|
||
{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:150px" align="left">{$kal.fahrer}</td>
|
||
<td nowrap style="width:120px" align="left">{$kal.bez}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="row">
|
||
<!-- ------------------------------------------------- Einsatzplanung SMS ------ -->
|
||
|
||
|
||
<!-- ------------------------------------------------- Heute links -- -->
|
||
<div class="col-sm-6" style="margin-top: -8px;margin-left: -4px">
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-hourglass fa-2x"></i>
|
||
<span></br>warten</span><span class="label label-default" style="background-color: gray">{$ss.1}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-times fa-2x" style="color: red"></i>
|
||
<span></br>Fehler</span><span class="label label-default" style="background-color:#9c0000">{$ss.2}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-share fa-2x" style="color: cornflowerblue"></i>
|
||
<span></br>Transfer</span><span class="label label-default" style="background-color:#6495ed">{$ss.3}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-check fa-2x" style="color: orange"></i>
|
||
<span></br>senden</span> <span class="label label-default" style="background-color:#ff8000">{$ss.4}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-check-double fa-2x" style="color:#41c42b"></i>
|
||
<span></br>SMS_OK</span> <span class="label label-default" style="background-color:#358d2f">{$ss.5}</span>
|
||
</a>
|
||
</div>
|
||
<!-- ----- morgen ----- -->
|
||
<div class="col-sm-6" style="margin-top: -12px">
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-hourglass fa-2x"></i>
|
||
<span></br>warten</span><span class="label label-default" style="background-color: gray">{$ss.11}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-times fa-2x" style="color: red"></i>
|
||
<span></br>Fehler</span><span class="label label-default" style="background-color:#9c0000">{$ss.12}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-share fa-2x" style="color: cornflowerblue"></i>
|
||
<span></br>Transfer</span><span class="label label-default" style="background-color: #6495ed">{$ss.13}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-check fa-2x" style="color: orange"></i>
|
||
<span></br>senden</span><span class="label label-default" style="background-color:#ff8000">{$ss.14}</span>
|
||
</a>
|
||
<a class="quick-btn_sms" href="?s=ptag&jahr={$j2}&monat={$mo2}&tag={$t2}">
|
||
<i class="fal fa-check-double fa-2x" style="color:#41c42b"></i>
|
||
<span></br>SMS_OK</span><span class="label label-default" style="background-color: #358d2f">{$ss.15}</span>
|
||
</a>
|
||
</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>
|
||
</div>
|
||
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- --------------------------- ilonex scan Hauptfenster----------------- -->
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div class="iloanz">
|
||
<table class="no-style full" style="font-size: 10pt;color: #808080">
|
||
<tr align="center" style="font-size: 10pt">
|
||
<td nowrap><center><img src="template/images/ilo_logo_trans.png" height="30"></center> </td>
|
||
{if $system.ilo_export_send==99}
|
||
<td align="right" nowrap style="width:100%;font-size: 13pt;color: #ff0000">
|
||
<i class="fal fa-file-export"></i> Ilonexs Offline/Störung!
|
||
</td>
|
||
{else}
|
||
{if $system.ilo_export_send!=0}
|
||
<td align="right" nowrap style="width:100%;font-size: 12pt;color: #358d2f">
|
||
<i class="fad fa-file-export"></i> {$system.ilo_export_send} x - {$system.ilo_export_pack} St. ({$system.ilo_export_gewi} kg)
|
||
</td>
|
||
{else}
|
||
<td align="right" nowrap style="width:100%;font-size: 13pt;color: #ff0000">
|
||
<i class="fal fa-file-export"></i> Daten nicht gesendet!
|
||
</td>
|
||
{/if}
|
||
{/if}
|
||
</tr>
|
||
</table>
|
||
<!-- ilonex scan 2. Fenster Hauptag ----------------- -->
|
||
{if $ilotest2!=0}
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$idata2 item=idata}
|
||
<tr style="font-size:10pt;color:#ababab" align="left" onclick="om({$idata.id})">
|
||
{assign var="text" value=" "|explode:$idata.datum}
|
||
{if $idata.status==800}
|
||
<td nowrap style="width: 250px; color:#ababab">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#6495ed">JBT Scan - {$text[1]|strip}</td>
|
||
{elseif $idata.status==9}
|
||
<td nowrap style="width: 250px; color:#ababab">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#ff8800">Linie > JB - {$text[1]|strip}</td>
|
||
{elseif $idata.status==50}
|
||
<td nowrap style="width: 250px; color:#ababab">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#358d2f">abgeholt - {$text[1]|strip}</td>
|
||
{elseif $idata.status==505}
|
||
<td nowrap style="width: 250px; color:#ababab">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#E38EF7">im HUB - {$text[1]|strip}</td>
|
||
{elseif $idata.status==507}
|
||
<td nowrap style="width: 250px; color:#ababab">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#C7B40A">Ausgang HUB - {$text[1]|strip}</td>
|
||
{else}
|
||
<td nowrap style="width: 250px; color:#ff0000">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#ff0000">{$idata.statustext1} - {$text[1]|strip}</td>
|
||
{/if}
|
||
</tr>
|
||
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
{/if}
|
||
{if $ilotest3!=0}
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$idata3 item=idata}
|
||
<tr style="font-size:10pt;color:#ababab" align="left" onclick="om({$idata.id})">
|
||
<td nowrap style="width: 250px; color:#dddddd">{$idata.name}</td>
|
||
{assign var="text" value=" "|explode:$idata.datum}
|
||
<td align="right" nowrap style="width:100px;color:#ababab">{$idata.statustext1} - {$text[1]|strip}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
<!-- ilonex scan 4. Fenster nächster Tag ----------------- -->
|
||
<div class="col-sm-6">
|
||
<div class="iloanzk">
|
||
<table class="no-style full" style="font-size: 10pt;color: #808080">
|
||
<tr align="center" style="font-size: 10pt">
|
||
<td nowrap><center><img src="template/images/ilo_logo_trans.png" height="30"></center> </td>
|
||
<td align="right" nowrap style="width:100%;font-size: 13pt;color: #115777">
|
||
<i class="fal fa-file-export"></i> Vorabdaten Next-Day
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
{if $ilotest4!=0}
|
||
<table class="no-style full">
|
||
<tbody>
|
||
{foreach from=$idata4 item=idata}
|
||
<tr style="font-size:10pt;color:#ababab" align="left" onclick="om({$idata.id})">
|
||
{assign var="text" value=" "|explode:$idata.datum}
|
||
{if $idata.status==11}
|
||
<td nowrap style="width: 250px">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px">{$idata.collie}x D.zum HUB - {$text[1]|strip}</td>
|
||
{elseif $idata.status==50}
|
||
<td nowrap style="width: 250px">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px">{$idata.collie}x abgeholt - {$text[1]|strip}</td>
|
||
{elseif $idata.status==210}
|
||
<td nowrap style="width: 250px">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px">{$idata.collie}x K.zum HUB - {$text[1]|strip}</td>
|
||
{elseif $idata.status==290}
|
||
<td nowrap style="width: 250px">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px">{$idata.collie}x L.zum HUB - {$text[1]|strip}</td>
|
||
{else}
|
||
<td nowrap style="width: 250px">{$idata.name}</td>
|
||
<td align="right" nowrap style="width:100px;color:#ff0000">{$idata.statustext1} - {$text[1]|strip}</td>
|
||
{/if}
|
||
</tr>
|
||
|
||
{/foreach}
|
||
</tbody>
|
||
</table>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ tuerlog -->
|
||
<div class="col-sm-6">
|
||
<div class="tlogx">
|
||
{if $anz==0} <i class="fas fa-window-frame fa-5x fa-pull-left" style="color: #115270"></i>{/if}
|
||
{if $anz==1} <i class="fas fa-window-frame fa-5x fa-pull-left" style="color: orange"></i>{/if}
|
||
{if $anz==2} <i class="fas fa-window-frame fa-5x 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-5x 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:140px">{$mao.name}</td>
|
||
<td nowrap align="right">{$mao.session_update|date_format:"%d.%m.-%H:%M Uhr"}</td>
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ HU/AU -->
|
||
<div class="col-sm-6" >
|
||
<div class="sanihu">
|
||
<i class="fas fa-car-mechanic fa-5x fa-pull-left"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;font-size:11pt">
|
||
{foreach from=$sanihu item=shu}
|
||
<tr>
|
||
<td nowrap style="width: 70px">{$shu.kz}</td>
|
||
<td nowrap align="right" style="width: 80px">
|
||
{if $shu.anz1==1} <i class="fal fa-notes-medical"></i><span style='color:#9c0000'> {$shu.sanidate|date_format:"%m / %y"} {/if}
|
||
{if $shu.anz1==2} <i class="fal fa-notes-medical"></i><span style='color:orange'> {$shu.sanidate|date_format:"%m / %y"} {/if}
|
||
{if $shu.anz1==8} <span style='color:darkgreen'> {/if}
|
||
</td>
|
||
|
||
<td nowrap align="right" style="width: 80px">
|
||
{if $shu.anz2==1} <i class="fal fa-tools"></i><span style='color:#9c0000'> {$shu.hudate|date_format:"%m / %y"} {/if}
|
||
{if $shu.anz2==2} <i class="fal fa-tools"></i><span style='color:orange'> {$shu.hudate|date_format:"%m / %y"} {/if}
|
||
{if $shu.anz2==8} <span style='color:darkgreen'> {/if}
|
||
</td>
|
||
|
||
</tr>
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ fehler tuersystem -->
|
||
<div class="col-sm-6" >
|
||
<div class="tlog">
|
||
<div style="color: #115270">
|
||
<i class="fas fa-id-card fa-5x fa-pull-left"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;font-size:11pt">
|
||
{foreach from=$estatus item=tuerfail}
|
||
<tr>
|
||
<td nowrap style="width:60px; font-size: 11pt;color:#555">{$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>
|
||
<!-- ------------------------------------------------------------ -->
|
||
<!-- -- automatische Kartensperre ------------------------------- -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
<div style="color: #115270">
|
||
<i class="fas fa-user-clock fa-5x 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:20px" align="left"><i class="fad fa-check-square" span style='color:green'></i></td>
|
||
<td nowrap style="width:180px" align="left">{$co.name}</td>
|
||
<td nowrap style="width:20pxt" align="right"><span style='font-size:9pt'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{elseif $co.status==2 && $co.ontour==1} <!-- ON-Tour -->
|
||
<tr>
|
||
<td nowrap style="width:20px" align="left"><i class="fad fa-truck" span style='color:greenyellow'></i></td>
|
||
<td nowrap style="width:180px" align="left" >{$co.name}</td>
|
||
<td nowrap style="width:20px" align="right"><span style='font-size:9pt'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{elseif $co.status==3}
|
||
<tr>
|
||
<td nowrap style="width:20px" align="left"><i class="fad fa-times-square" span style='color:#870103'></i></td>
|
||
<td nowrap style="width:180px" align="left" >{$co.name}</td>
|
||
<td nowrap style="width:20px" align="right"><span style='font-size:9pt'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{else}
|
||
<tr>
|
||
<td nowrap style="width:20px" align="left"><i class="fad fa-clock" span style='color:#FF8E00'></i></td>
|
||
<td nowrap style="width:180px" align="left" >{$co.name}</td>
|
||
<td nowrap style="width:20px" align="right"><span style='font-size:9pt'>{$co.etime|date_format:"%H:%M"}</td>
|
||
</tr>
|
||
{/if}
|
||
|
||
{/foreach}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ------------------------------------------------------------ -->
|
||
<div class="row">
|
||
<div class="col-sm-6">
|
||
<div id="infop" style="text-align:left;"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<!-- rechte Seite -->
|
||
<aside class="col-md-4">
|
||
<!-- Wetter -->
|
||
<div class="col-sm-6">
|
||
<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>
|
||
</div>
|
||
<!-- Zeit / Datum -->
|
||
<div class="col-sm-6">
|
||
<div class="date">
|
||
<i class="fas fa-clock fa-3x fa-pull-left" style="color:#115270"></i>
|
||
<span style="font-size: 18pt;color:#aaaaaa" id="uhr2">00:00</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>
|
||
|
||
</aside>
|
||
<aside class="col-md-4">
|
||
<!-- Phone Card -->
|
||
<div class="col-sm-6">
|
||
<div class="pinfo">
|
||
<i class="fal fa-mobile-android fa-4x fa-pull-left" style="color:#115270"></i>
|
||
<span style="font-size: 14pt;color:#aaa">online <i class="fad fa-wifi"></i></span>
|
||
<span style="color:#aaa"><i class="fad fa-sms"></i> {$smssumme}</span></br>
|
||
|
||
|
||
|
||
{if $phonedata.unread_tel !=0}
|
||
<i class="fad fa-phone-slash" > </i><span style='color: red'> {$phonedata.unread_tel} </span>
|
||
{else}
|
||
<i class="fad fa-phone-slash" > </i><span> {$phonedata.unread_tel} </span>
|
||
{/if}
|
||
|
||
{if $smsnread !=0}
|
||
<i class="fas fa-comment-lines"></i><span style='color: darkorange'> {$smsnread}</span>
|
||
{else}
|
||
<i class="fas fa-comment-lines"></i><span> {$smsnread}</span>
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Tank Card -->
|
||
<div class="col-sm-6">
|
||
<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>
|
||
</div>
|
||
|
||
<!-- SaSo Card -->
|
||
<div class="col-sm-6">
|
||
<div class="sinfo">
|
||
<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>
|
||
</div>
|
||
|
||
<!-- Ilonex -->
|
||
<div class="col-sm-6">
|
||
<div class="sinfo">
|
||
<i class="fal fa-box-full fa-3x fa-pull-left" style="color: #115270"></i>
|
||
<table class="no-style full" style="font-size: 10pt;color: #115270">
|
||
<tr align="right" style="font-size: 20pt">
|
||
<td nowrap style="width:170px"> {$ilodata1} X</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
<table class="no-style full" style="font-size: 10pt;color: #808080">
|
||
<tr align="center" style="font-size: 10pt">
|
||
{if $system.ilo_export_send==99}
|
||
<td nowrap style="width:170px">
|
||
<i class="fal fa-file-export" style="font-size: 10pt;color: #ff0000"></i> Ilonexs Störung!
|
||
</td>
|
||
{else}
|
||
{if $system.ilo_export_send!=0}
|
||
<td nowrap style="width:170px">
|
||
<i class="fad fa-file-export" style="font-size: 10pt;color: #72F904"></i> {$system.ilo_export_send} x - {$system.ilo_export_pack} St. ({$system.ilo_export_gewi} kg)
|
||
</td>
|
||
{else}
|
||
<td nowrap style="width:170px">
|
||
<i class="fal fa-file-export" style="font-size: 10pt;color: #ff0000"></i> Daten nicht gesendet!
|
||
</td>
|
||
{/if}
|
||
{/if}
|
||
</tr>
|
||
<tr align="right" style="font-size: 11pt">
|
||
<td nowrap><center><img src="template/images/ilo_logo_trans.png" height="30"></center> </td>
|
||
</tr>
|
||
</table>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- --------------------------- SMS not read ----------------- -->
|
||
{if $smsnread!=0}
|
||
<div class="col-sm-12">
|
||
{foreach from=$smsnoread item=smsx}
|
||
<div class="smsnr">
|
||
<table class="no-style full">
|
||
<tbody>
|
||
<i class="far fa-sms fa-pull-left" style="color:orange;font-size:32pt"></i>
|
||
<tr style="font-size:11pt;color:#dddddd" align="left">
|
||
<td>
|
||
<span style="font-size:10pt;color:#dddddd">{$smsx.von} : </span>
|
||
<span style="font-size:10pt;color:#ababab">{$smsx.text}</span>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
{/foreach}
|
||
</div>
|
||
{/if}
|
||
<!-- --------------------------- poldata ----------------- -->
|
||
<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>
|
||
|
||
<!-- --------------------------- Verkehr Card ----------------- -->
|
||
{if $ts_anz!=0}
|
||
<div class="col-sm-12">
|
||
<div class="trailer">
|
||
<img src="/images/v/et2.png" alt="Blitzer" width="36">
|
||
<!-- <i class="fas fa-cctv fa-3x fa-pull-left"></i> -->
|
||
<span style='color:orange;font-size:16pt'> Enforcement Trailer </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="font-size:10pt">
|
||
<tr align="left">
|
||
<td nowrap>
|
||
<span style="color:#ababab"> {$tsdata.adresse1} </span>
|
||
<span style="color:#ffffff">{$tsdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
<!-- ***** mobil ************************************************************************************************* -->
|
||
{if $mb_anz!=0}
|
||
<div class="col-sm-12">
|
||
<div class="trailer">
|
||
<i class="fas fa-cctv fa-3x fa-pull-left"></i>
|
||
<span style='color:orange;font-size:16pt'>mobile Blitzer</span></br></br>
|
||
{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" style="font-size:10pt">
|
||
<tr align="left">
|
||
<td nowrap>
|
||
<span style="color:#ababab"> {$mbdata.adresse1} </span>
|
||
<span style="color:#ffffff">{$mbdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
<!-- ***** Verkehr ************************************************************************************************* -->
|
||
{if $st_anz!=0}
|
||
<div class="col-sm-12">
|
||
<div class="trailer">
|
||
<i class="fas fa-traffic-cone fa-3x fa-pull-left"></i>
|
||
<span style='color:orange;font-size:16pt'>Verkehrsmeldungen </span></br></br>
|
||
{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="font-size:10pt">
|
||
<tr align="left">
|
||
<td nowrap>
|
||
<span style="color:#ababab"> {$stdata.adresse1} </span>
|
||
<span style="color:#ffffff">{$stdata.adresse2}</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
</table>
|
||
{/foreach}
|
||
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
|
||
<!-- -------------------------------------------------------- -->
|
||
<div class="col-sm-6">
|
||
<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">Bautz.1</span>
|
||
</td>
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Bautz.2</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- -------------------------------------------------------- -->
|
||
<div class="col-sm-6">
|
||
<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: darkred"></i>
|
||
</td>
|
||
<td width="50%">
|
||
<i class="fal fa-house-signal fa-3x" style="color: orange"></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>
|
||
</div>
|
||
<!-- -------------------------------------------------------- -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</aside>
|
||
|
||
|
||
<!-- -------------------------------------------------------- -->
|
||
|
||
<div id="modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content" id="ilomodal"></div>
|
||
</div>
|
||
</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: -ms-flexbox;
|
||
display: flex;
|
||
width: 100%;
|
||
min-height: 235px;
|
||
max-height: 235px;
|
||
}
|
||
.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;
|
||
}
|
||
.smsnr {
|
||
background: #222222;
|
||
min-height: 55px;
|
||
padding: 3px;
|
||
border: 1px solid orange;
|
||
border-radius: 2px;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -1px;
|
||
margin-bottom: 5px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.polizei {
|
||
background: #222222;
|
||
min-height: 55px;
|
||
|
||
padding: 3px;
|
||
border: 1px solid #9c0000;
|
||
border-radius: 2px;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -1px;
|
||
margin-bottom: 5px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.rinfo {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 10px;
|
||
height: 80px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
border-radius: 2px;
|
||
margin-left: -10px;
|
||
margin-top: -6px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.trailer {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 10px;
|
||
minheight: 80px;
|
||
maxheight: 100%;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -1px;
|
||
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;
|
||
}
|
||
.iloinfo {
|
||
background: #222222;
|
||
color:#666666;
|
||
padding: 10px;
|
||
minheight: 80px;
|
||
maxheight: 100%;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
border-radius: 2px;
|
||
margin-left: -20px;
|
||
margin-top: -1px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.kmdata {
|
||
background: #222222;
|
||
color: #aaaaaa;
|
||
padding: 5px;
|
||
min-height: 475px;
|
||
max-height: 475px;
|
||
border: 1px solid #115270;
|
||
margin: 5px;
|
||
width: 420px;
|
||
}
|
||
.sani {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
max-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
width: 420px;
|
||
margin: 5px;
|
||
}
|
||
.info {
|
||
background: gray;
|
||
color: #115270;
|
||
padding: 10px;
|
||
border: 1px solid;
|
||
border-radius: 8px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.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;
|
||
}
|
||
.tlog {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
max-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
display: -webkit-flex;
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
}
|
||
.iloanz {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
}
|
||
.tlogx {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
width: 360px;
|
||
}
|
||
.sanihu {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
min-height: 115px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
width: 360px;
|
||
}
|
||
.iloanzk {
|
||
background: #222222;
|
||
color: #115270;
|
||
padding: 5px;
|
||
border: 1px solid #115270;
|
||
border-radius: 2px;
|
||
margin: 5px;
|
||
margin-left: 0px;
|
||
width: 360px;
|
||
}
|
||
.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: 53px;
|
||
margin-bottom: 5px;
|
||
margin-left: 0px;
|
||
padding-top: 5px;
|
||
font-size: 10pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 65px;
|
||
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-btnx {
|
||
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: 53px;
|
||
margin-bottom: 5px;
|
||
margin-left: 0px;
|
||
padding-top: 5px;
|
||
font-size: 10pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 65px;
|
||
position: relative;
|
||
}
|
||
.quick-btn_sms {
|
||
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: 53px;
|
||
margin-bottom: 5px;
|
||
margin-left: 5px;
|
||
padding-top: 5px;
|
||
font-size: 10pt;
|
||
text-align: center;
|
||
text-decoration: none;
|
||
width: 64px;
|
||
position: relative;
|
||
}
|
||
.quick-btn_sms:before {
|
||
content: "\f27b";
|
||
font-family: 'FontAwesome';
|
||
position: absolute;
|
||
font-size:50px;
|
||
top: -12px;
|
||
left: 5px;
|
||
color:#666;
|
||
opacity:.2;
|
||
}
|
||
|
||
.quick-btn .label {
|
||
position: absolute;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn2 .label {
|
||
position: absolute;
|
||
right: -5px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn3 .label {
|
||
position: absolute;
|
||
right: -7px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn4 .label {
|
||
position: absolute;
|
||
right: -7px;
|
||
top: -5px;
|
||
}
|
||
.quick-btnx .label {
|
||
position: absolute;
|
||
right: -6px;
|
||
top: -5px;
|
||
}
|
||
.quick-btn_sms .label {
|
||
position: absolute;
|
||
right: -6px;
|
||
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;
|
||
}
|
||
.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;
|
||
}
|
||
.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;
|
||
}
|
||
.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;
|
||
}
|
||
.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;
|
||
}
|
||
|
||
|
||
|
||
/* Modal Content */
|
||
.modal-content {
|
||
background-color: #fefefe;
|
||
marginleft: 4px;
|
||
padding: 10px;
|
||
border: 1px solid #888;
|
||
width: auto;
|
||
}
|
||
|
||
.close:hover,
|
||
.close:focus {
|
||
color: #000;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
}
|
||
|
||
|
||
</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;
|
||
uhr2.innerHTML = zeit;
|
||
|
||
window.setTimeout("ticken();", 1000);
|
||
}
|
||
window.onload = ticken;
|
||
</script>
|
||
{/literal}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|