252 lines
9 KiB
Smarty
252 lines
9 KiB
Smarty
<html lang="de">
|
|
<head>
|
|
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
|
|
<meta name="viewport" >
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>| JBT Ilonex - Infoscreen</title>
|
|
<link rel="icon" type="image/png" sizes="192x192" href="template/images/fav/android-icon-192x192.png">
|
|
<link rel="manifest" href="template/images/fav/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
<meta name="msapplication-TileImage" content="template/images/fav/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<link rel="stylesheet" media="screen" href="lib/css/bootstrap.min.css" />
|
|
<!--
|
|
<link rel="stylesheet" media="screen" href="lib/css/bootstrap-theme.min.css" />
|
|
<link rel="stylesheet" media="screen" href="template/css/fontawesome5/css/all.css"/>
|
|
-->
|
|
<link rel="stylesheet" media="screen" href="lib/css/ilonexs_moni.css" />
|
|
<!--
|
|
<link rel="stylesheet" media="screen" href="lib/css/jquery-ui.css" />
|
|
-->
|
|
<script src="lib/js/jquery.tools.min.js"></script>
|
|
<script src="lib/js/jquery-ui.min.js"></script>
|
|
<script src="lib/js/jquery.min.js"></script>
|
|
<script src="lib/js/bootstrap.min.js"></script>
|
|
<!--
|
|
<script src="lib/js/global.js"></script>
|
|
<script src="lib/js/bootstrap-notify.min.js"></script>
|
|
<script src="lib/js/bootstrap-notify-init.js"></script>
|
|
<!--
|
|
<!-- ************************ Wareneingang -->
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:blue;color:#FFF'>im Lager JBT<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$imlager item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:160px">
|
|
{if $l.status==800} <span style='color:#999999;'>
|
|
{elseif $l.status==902} <span style='color:orange;'>
|
|
{elseif $l.status==936} <span style='color:red;'>
|
|
{else} <span style='color:darkred;'>
|
|
{/if} {$l.label}</td>
|
|
<td nowrap style="width:290px"><span style='color:#999999;'>{$l.name}</td>
|
|
<td align="right" nowrap style="width:150px"><span style='color:#999999;'>{$l.plz} {$l.ort|substr:0:15}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- ************************ aktueller Eingang -->
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:teal;color:#FFF'>auf dem Weg<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$eingang item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:145px"><span style='color:#999999;'>{$l.label}</td>
|
|
<td nowrap style="width:210px"><span style='color:#999999;'>{$l.name|substr:0:21}</td>
|
|
<td nowrap style="width:160px"><span style='color:#999999;'>{$l.ort|substr:0:15}</td>
|
|
|
|
<td nowrap align="right" style="width:90px">
|
|
{if $l.status==210} <span style='color:#999999;'>{$l.label|substr:0:3} > HUB</td>
|
|
{elseif $l.status==290} <span style='color:#999999;'>Linie > HUB</td>
|
|
{elseif $l.status==505} <span style='color:yellow'>im HUB</td>
|
|
{elseif $l.status==507} <span style='color:teal;'>HUB > JBT</td>
|
|
{else} <span style='color:red;'>{$l.statustext1}</td>
|
|
{/if}
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ************************ aktueller Status -->
|
|
<div class="col-md-4">
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:green;color:#FFF'>Statusupdate<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$update item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:155px"><span style='color:#999999;' data-some-id="{$l.id}" data-toggle="modal" data-target="#myModal">{$l.label}</td>
|
|
<td nowrap style="width:350px"><span style='color:#999999;'>{$l.name}</td>
|
|
<td align="right" nowrap style="width:100px"><span style='color:#999999;'>{$l.datum|substr:11:5} Uhr</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- ************************ letzer Status -->
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:darkgreen;color:#FFF'>letzter Scan<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$lastdata item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:160px"><span style='color:#999999;'>{$l.label}</td>
|
|
<td nowrap style="width:290px"><span style='color:#808080;'>{$l.name|substr:0:40}</td>
|
|
<td align="right" nowrap style="width:160px"><span style='color:#808080;'>{$l.plz} {$l.ort|substr:0:15}</td>
|
|
</tr>
|
|
<tr style="height: 3px;font-size:10pt">
|
|
<td nowrap style="width:160px"><span style='color:#808080;'>{$l.statustext1}</td>
|
|
<td nowrap style="width:290px"><span style='color:#808080;'>gescannt: {$l.datum|substr:11:5} Uhr</td>
|
|
<td align="right" nowrap style="width:160px"><span style='color:#808080;'>in {$l.scanort}</td>
|
|
|
|
</tr>
|
|
<!-- {$l.datum|substr:11:5} Uhr -->
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ************************ Fehler -->
|
|
<div class="col-md-4">
|
|
<!-- ************************ Storno -->
|
|
{if $stornoanz!=0}
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:darkred;color:#FFF'>stornierte Sendungen<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$storno item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:145px"><span style='color:#999999;'>{$l.label}</td>
|
|
<td nowrap style="width:260px"><span style='color:#999999;'>{$l.name}</td>
|
|
<td align="right" nowrap style="width:200px"><span style='color:#999999;'>{$l.statustext1}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
<!-- ************************ incomming -->
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:darkred;color:#FFF'>Fehler / Problemkunden<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$offen item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:145px"><span style='color:#999999;'>{$l.label}</td>
|
|
<td nowrap style="width:260px"><span style='color:#999999;'>{$l.name|substr:0:21}</td>
|
|
<td align="right" nowrap style="width:200px"><span style='color:#999999;'>{$l.statustext1}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- ************************ incomming -->
|
|
|
|
<p nowrap align="center" style='100%;font-size:12pt;background-color:orangered;color:#FFF'>Ankündigung<p>
|
|
<div class="panel panel-primary">
|
|
<div class="panel-body">
|
|
<table class="table-striped">
|
|
<tbody>
|
|
{foreach from=$incomming item=l}
|
|
<tr style="height: 3px;">
|
|
<td nowrap style="width:145px"><span style='color:#999999;'>{$l.label}</td>
|
|
<td nowrap style="width:260px"><span style='color:#999999;'>{$l.name|substr:0:21}</td>
|
|
<td align="right" nowrap style="width:200px"><span style='color:#999999;'>({$l.collie}x) {$l.statustext1}</td>
|
|
</tr>
|
|
{/foreach}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!--
|
|
<input
|
|
href="#"
|
|
data-some-id={$l.id}
|
|
data-toggle="modal"
|
|
data-target="#myModal"
|
|
value="SHOW MODAL"
|
|
type="submit"
|
|
class="btn modal-btn"/>
|
|
-->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{literal}
|
|
<script>
|
|
$(function () {
|
|
$(".modal-btn").click(function (){
|
|
var data_var = $(this).data('some-id');
|
|
$(".modal-body h2").text(data_var);
|
|
|
|
})
|
|
});
|
|
</script>
|
|
{/literal}
|
|
|
|
|
|
<!--
|
|
<div class="col-md-5">
|
|
<div class="modal fade" id="myModal">
|
|
<div class="modal-body modal-content">
|
|
<h2 name="hiddenValue" id="hiddenValue" />
|
|
</div>
|
|
<div class="modal-footer" />
|
|
</div>
|
|
-->
|
|
|
|
|
|
<!-- Modal -->
|
|
<div id="myModal" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 class="modal-title">{$l.label}</h4>
|
|
</div>
|
|
<div class="modal-body modal-content">
|
|
<h2 name="hiddenValue" id="hiddenValue" />
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|