1006 lines
29 KiB
Smarty
1006 lines
29 KiB
Smarty
<div id="ue_h23" style="background-color:#333333" onload="ticken()">
|
||
<!-- ------------------------------------------------------------ -->
|
||
<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:#115270;color:#aaa;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: gray">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-person-dolly fa-2x"></i> <span></br>Ilonexs</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
<span class="label" style="background-color:#115270"> </span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btnx" href="?s=pss" style="color:#115270">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
<span class="label" style="background-color:#115270"> </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:#115270;color:#aaa;width: 100%;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:gray">
|
||
<i class="fal fa-moon fa-2x"></i> <span></br>Nachts</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>GV-Ost</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-newspaper fa-2x"></i> <span></br>LVZ-ZS</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-Post</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-sun fa-2x"></i> <span></br>Tag´s</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-envelope fa-2x"></i> <span></br>LVZ-P.RT</span>
|
||
<span class="label" style="background-color:#115270"> </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: gray">
|
||
<i class="fal fa-person-dolly fa-2x"></i> <span></br>Ilonexs</span>
|
||
<span class="label" style="background-color:#115270"> </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:gray">
|
||
<i class="fal fa-route fa-2x"></i> <span></br>Sonder</span>
|
||
<span class="label" style="background-color:#115270"> </span></a>
|
||
</td>
|
||
<td nowrap style="width:20%" align="center">
|
||
<a class="quick-btnx" href="?s=pss" style="color: gray">
|
||
<i class="fab fa-adversal fa-2x"></i> <span></br>Werbung</span>
|
||
<span class="label" style="background-color:#115270"> </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>
|
||
|
||
</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>
|
||
|
||
</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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<div class="row">
|
||
<!-- --------------------------------------------------- Fehler SMS heute -- -->
|
||
<div class="col-sm-6">
|
||
|
||
</div>
|
||
<!-- -------------------------------------------------- Fehler SMS morgen -- -->
|
||
<div class="col-sm-6">
|
||
|
||
</div>
|
||
|
||
<!-- --------------------------------------------------------------------------- -->
|
||
<!-- --------------------------- ilonex scan ----------------- -->
|
||
<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>
|
||
<td align="right" nowrap style="width:100%;font-size: 13pt;color: #ff0000">
|
||
<i class="fal fa-file-export"></i> Daten nicht gesendet!
|
||
</td>
|
||
|
||
</tr>
|
||
</table>
|
||
|
||
<!-- ------------------------------------------------------------ tuerlog -->
|
||
<div class="col-sm-6">
|
||
<div class="tlog">
|
||
<i class="fas fa-window-frame fa-5x fa-pull-left" style="color: #115270"></i>
|
||
<table class="no-style full" style="color: #aaaaaa;font-size:11pt">
|
||
<tr>
|
||
<td nowrap style="width:200px;color:#41c42b"> </td>
|
||
<td nowrap style="width: 80px;color:#41c42b" align="right"> </td>
|
||
</tr>
|
||
|
||
</table>
|
||
</div>
|
||
<!-- ------------------------------------------------------------ Mitarbeiter online -->
|
||
<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">
|
||
|
||
<tr>
|
||
<td nowrap style="width:140px">xxxxxxx</td>
|
||
<td nowrap align="right">--:-- Uhr</td>
|
||
</tr>
|
||
|
||
</table>
|
||
</div>
|
||
</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">
|
||
|
||
</table>
|
||
</div>
|
||
</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-4">
|
||
<!-- Wetter -->
|
||
<div class="col-sm-6">
|
||
<div class="winfo">
|
||
|
||
</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: 14pt;color:#aaaaaa" id="uhr2">00:00 Uhr</span>
|
||
<span style="color:#666666"> {$datum}</span></br>
|
||
<i class="fas fa-sunset"> </i><span> 00:00</span>
|
||
<i class="fas fa-sunrise"></i><span> 00:00</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> </span></br>
|
||
|
||
|
||
|
||
</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>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SaSo Card -->
|
||
<div class="col-sm-6">
|
||
<div class="sinfo">
|
||
<i class="fal fa-newspaper fa-3x fa-pull-left" style="color: gray"></i>
|
||
<table class="no-style full" style="font-size: 10pt;color: gray">
|
||
<tr align="right" style="font-size: 20pt">
|
||
<td nowrap style="width:170px"> xxx t</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
<table class="no-style full" style="font-size: 10pt;color: gray">
|
||
<tr align="center" style="font-size: 10pt">
|
||
<td nowrap style="width:170px">0</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"> X</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
<table class="no-style full" style="font-size: 10pt;color: #808080">
|
||
<tr align="center" style="font-size: 10pt">
|
||
<td nowrap style="width:170px">
|
||
<i class="fal fa-file-export" style="font-size: 10pt;color: #ff0000"></i> Daten nicht gesendet!
|
||
</td>
|
||
</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>
|
||
<!-- ***** mobil ************************************************************************************************* -->
|
||
|
||
<!-- -------------------------------------------------------- -->
|
||
<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: 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>
|
||
<!-- -------------------------------------------------------- -->
|
||
<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">Ossietzky</span>
|
||
</td>
|
||
<td width="50%">
|
||
<span style="font-size: 11pt">Merkwitz</span>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- -------------------------------------------------------- -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</aside>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 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-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: -7px;
|
||
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;
|
||
}
|
||
|
||
|
||
.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() {
|
||
$('#modal').modal('hide');
|
||
$.ajax({
|
||
type : "POST",
|
||
url : 'ajax.php?s=ue_h24&tpl',
|
||
cache : false,
|
||
data : {
|
||
},
|
||
dataType : "html",
|
||
success : function(data){
|
||
$("#ue_h23").html(data);
|
||
},
|
||
})
|
||
}, 30000);
|
||
|
||
function om(id) {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: "ajax.php?s=ue_iloscan&tpl",
|
||
dataType: 'html',
|
||
data: '&id=' + id,
|
||
success: function (data) {
|
||
console.log(data)
|
||
$("#ilomodal").html(data);
|
||
$('#modal').modal('show');
|
||
}
|
||
});
|
||
}
|
||
</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";
|
||
uhr2.innerHTML = zeit;
|
||
|
||
window.setTimeout("ticken();", 1000);
|
||
}
|
||
window.onload = ticken;
|
||
</script>
|
||
|
||
</script>
|
||
{/literal}
|
||
|