jb-data.de/template/tpl/pnachtx.tpl
2025-08-11 22:23:30 +02:00

470 lines
15 KiB
Smarty

<link rel="stylesheet" href="template/css/pnachtx.css">
<!-- <link rel="stylesheet" href="template/css/planung.css"> -->
<!-- <link rel="stylesheet" href="../lib/css/select2.min.css"> -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="template/js/jquery.modal.min.js"></script>
<link rel="stylesheet" href="template/css/jquery.modal.min.css">
<!-- ********** -->
<body style="background-color:#333333">
<!-- ********** -->
<section class="col-md-9" style="background-color:#333333">
<div class="row sortable" style="background-color:#333333">
<!-- Main Section -- mittlere Spalte -->
<div class="col-md-2">
<div class="panel panel-tbox">
<table class="no-style full">
<tbody>
<td nowrap style="align:center;width:320px;font-size:14pt">
<a class="fa fa-arrow-left" href="?s=pnacht&wahl=1&jahr={$jahr}&monat={$monat}"></a>
<strong>{$monat}/{$jahr} </strong>
<a class="fa fa-arrow-right" href="?s=pnacht&wahl=2&jahr={$jahr}&monat={$monat}"></a></td>
</tbody>
</table>
</div>
<div class="panel panel-tbox">
<div class="panel-heading" style="background-color:orange;">
<spawn style="width:5px;height:20px;font-size:16pt;">{$datum_unix|date_format:"%d.%m.%y"}</spawn>
</div>
<div class="panel-body">
<table class="table-hover" style="font-size:11pt;line-height: 14pt">
<tbody>
{foreach from=$tage item=t}
<tr>
{if $t.tagt==1}
</tr>
<td> </td>
<td nowrap style="width:5px;font-size:4pt;line-height: 5pt" >&nbsp;</td>
</tr>
<td style="width:5px"> </td>
<td nowrap style="width:70px;font-size:8pt">--- {$t.kw}.KW ---</td>
<tr>
{/if}
<td style="font-size:8pt;color:{$t.color}" onclick="window.location='?s=pnacht&jahr={$jahr}&monat={$monat}&tag={$t.tag}&anz={$anz}'">{$t.wt}
</td>
<td style="font-size:13pt;color:{$t.color}" onclick="window.location='?s=pnacht&jahr={$jahr}&monat={$monat}&tag={$t.tag}&anz={$anz}'">{$t.datum}</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
</div>
<!-- mitte seite -->
<!-- <div id="phelp" style="text-align:center;"></div> -->
{if $old>0}
<div class="col-md-10">
<div class="panel-heading" style="background-color:darkred;">
<spawn style='font-size:16pt;color:white;'><strong>Achtung!</strong> Diese Planung liegt in der Vergangenheit...</spawn>
</div>
</div>
{/if}
{if $fttest>0}
<div class="col-md-10">
<div class="panel-heading" style="background-color:orangered;">
<spawn style='font-size:16pt;color:white;'>{$ftrow.tag} {$ftrow.bez}</spawn>
</div>
</div>
{/if}
<!-- ********************************************************************************************** -->
<div class="col-md-10">
{foreach from=$tliste item=tl}
<div class="panel panel-tourbox">
<div class="panel-body">
<table class="no-style hover">
<tbody>
{foreach from=$tl item=tx}
<tr >
<!-- <tr id="loadzeile{$tour.id}"> -->
<!-- <a href="ajax.php?s=dwd&tpl" id="manual-ajax">xxx</a> -->
{if $tx.aktiv==0}
<td nowrap style="width:100px;color:bisque;border-bottom: 1px solid orange">{$tx.tour}
<a href="ajax.php?s=pnachtx&tpl" id="manual-ajax">x</a>
</td>
{else}
<td nowrap style="width:100px;border-bottom: 1px solid #000">{$tx.tour}</td>
{/if}
<td nowrap style="width:10px;border-bottom: 1px solid #000">&nbsp;
<a class="btn" href="ajax.php?s=pnachtx&tpl" rel="modal:open">Open Modal</a>
</td>
<!-- --------------------------- fahrer -->
{if $tx.smid==$tx.m_id}
<td nowrap style="width:190px;border-bottom: 1px solid #000">{$tx.name}</td>
{else}
<td nowrap style="width:190px;color:bisque;border-bottom: 1px solid orange">{$tx.name}</td>
{/if}
<td nowrap style="width:10px;border-bottom: 1px solid #000">&nbsp;</td>
<!-- --------------------------- fahrzeug -->
{if $tx.scar==$tx.a_id}
<td nowrap style="width:80px;border-bottom: 1px solid #000">{$tx.auto}</td>
{else}
<td nowrap style="width:80px;color:bisque;border-bottom: 1px solid orange">{$tx.auto}</td>
{/if}
<td nowrap style="width:10px;border-bottom: 1px solid #000">&nbsp;</td>
<!-- --------------------------- Zusatzinfo neu -->
<td nowrap style="width:200px;border-bottom: 1px solid #000;font-size:8pt">{$tx.info}</td>
<!--
<td nowrap id="ma_gh{$tour.id}" style="width:117px;font-size:7pt;">
{if $tour.stamm_info==1}
<div style="text-align: right; width:115px;font-size:8pt;color:#FF2222">{$tour.stamminfo}</div>
{/if}
{if $tour.stamm_info==2}
<div style="text-align: right; width:115px;font-size:8pt;color:#FF9900">{$tour.stamminfo}</div>
{/if}
</td>
-->
<!-- SMS Status !!!!! ------------------------------------- -->
<td nowrap align="center" style="width:30px" id="smscheck{$tour.tourid}">
<i class="fal fa-comment-alt fa-1x" style="color:#999" ></i>
</td>
<!-- Infobereich !!!!! ------------------------------------- -->
<td nowrap align="center" style="width:20px">
<i class="fad fa-info fa-1x" style="color:cornflowerblue;font-size: 14px" onclick="tinfo({$tour.tourid})"></i>
</td>
<!-- SMS senden Änderung ------------------------------------- -->
<td nowrap align="center" style="width:20px; font-size:13pt;"
onclick="window.location='?s=pnacht&jahr={$jahr}&monat={$monat}&tag={$tag}&sms={$tour.id}'";>
<i class="fal fa-sms" style="color:#999" >
</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
{/foreach}
</div>
<!-- -------------------------------------->
</section>
<!-- rechte seite -->
<!-- -------------------------------------->
<!-- Sidebar -->
<aside class="col-md-3" style="background-color:#333333">
<div id="rightmenu" class="panel panel-tbox">
<div class="panel-body">
<table class="no-style full" style="margin:-20px">
<thead>
<tr>
<td nowrap align="center" style="width:150px;font-size: 40pt">
<form action="" method="post">
<input type="hidden" name="smst" value="{$tag}"/>
<input type="hidden" name="smsm" value="{$monat}"/>
<input type="hidden" name="smsj" value="{$jahr}"/>
<button type="submit" class="btn btn" id="notifyBtn" value="SMS senden" name="smspower" value="kompl. Liste per SMS senden" onclick="return confirm('M&ouml;chten sie wirklich alle SMS senden ?')" style="background-color: #222222;color:gray">
<i style="font-size: 40pt" class="far fa-sms fa-lg"></i>
</form>
</td>
<td></td>
<td nowrap align="center" style="width:100px;font-size: 40pt">
<form action="" method="post">
<button type="submit" class="btn btn" id="notifyBtn" name="vortag" value="vortag übernehmen" value="kompl. Liste per SMS senden" onclick="return confirm('M&ouml;chten sie wirklich den Vortag kopieren ??')"style="background-color: #222222;color:gray">
<i style="font-size: 40pt" class="far fa-copy fa-lg"></i>
</td>
</tr>
</thead>
</table>
</br>
</div>
</div>
<!--
<div id="rightmenu" class="panel panel-default">
<table class="no-style full">
<tbody>
<td>
<form action="" method="post">
<input type="hidden" name="smst" value="{$tag}"/>
<input type="hidden" name="smsm" value="{$monat}"/>
<input type="hidden" name="smsj" value="{$jahr}"/>
<input type="submit" id="notifyBtn" value="SMS senden" name="smspower" value="kompl. Liste per SMS senden" onclick="return confirm('M&ouml;chten sie wirklich alle SMS senden ?')">
</form>
</td>
</tbody>
</table>
</div>
-->
<!-- ------------------------------------ -->
<!-- --------------------------------------------------------------------------------- -->
<!-- -------------------------------- History -->
<div id="tinfo"></div>
<!-- -------------------------------- fehlende Mitarbeiter heute / Calender -->
<div id="rightmenu" class="panel panel-tbox">
<header class="panel-heading" style="font-size: 16pt;line-height:80%"><span class="fad fa-calendar-alt pull-left"></span><div class="panel-title">&nbsp;&nbsp;&nbsp;Kalender - {$tag}.{$monat}.{$jahr}</div></header>
<div class="panel-body">
<table class="no-style full" style="margin:-8px">
<tbody>
{foreach from=$maf1 item=maf}
<tr align="left" >
<td align="center" nowrap style="width:15px;font-size:11pt;">
{if $maf.na!=0}
<i class='{$maf.icon}' style="color:#b50000"></i>
{else}
<i class='{$maf.icon}' style="color: orange"></i>
{/if}
</td>
<td align="left" nowrap style="width:130px;font-size:10pt">&nbsp;&nbsp;{$maf.fahrer}</td>
<td align="right" nowrap style="width:100px;font-size:10pt">{$maf.bez}&nbsp;</td>
</tr>
{/foreach}
</tbody>
</table>
</div>
</div>
<!-- --------------------------------------------------------------------------------- -->
<!-- -------------------------------- verfügbare Mitarbeiter -->
<div id="freema"></div>
<!-- -------------------------------- verfügbare Fahrzeuge -->
<div id="freecar"></div>
<!-- --------------------------------------------------------------------------------- -->
</aside>
<!-- --------------------------------------------------------------------------------- -->
<!-- Sidebar End -->
</body>
<!-- <script> var tagheute = '{$datum_unix|date_format:"%Y-%m-%d"}';</script> -->
<script> var tag = '{$tag}';</script>
<script> var monat = '{$monat}';</script>
<script> var monat2 = '7';</script>
<script> var jahr = '{$jahr}';</script>
{literal}
<script>
$('#manual-ajax').click(function(event) {
event.preventDefault();
this.blur(); // Manually remove focus from clicked link.
$.get(this.href, function(html) {
$(html).appendTo('body').modal();
});
});
/*
function tinfo(tid) {
$.ajax({
type: 'POST',
url: "ajax.php?s=tinfo&tpl",
dataType: 'html',
data: 'tid=' + tid,
success: function (data) {
$("#tinfo").html(data);
}
});
}
*/
function load_free_cars(tag,monat,jahr) {
$.ajax({
type: 'POST',
url: "ajax.php?s=free_car&tpl",
dataType: 'html',
data: 'tag=' + tag + "&monat=" + monat + "&jahr=" + jahr,
success: function (data) {
$("#freecar").html(data);
}
});
}
function load_free_ma(tag,monat,jahr) {
$.ajax({
type: 'POST',
url: "ajax.php?s=free_ma&tpl",
dataType: 'html',
data: 'tag=' + tag + "&monat=" + monat + "&jahr=" + jahr,
success: function (data) {
$("#freema").html(data);
}
});
}
function save_car(tourID) {
//alert($("#car_"+tourID).val());
$.ajax({
type: 'POST',
url: "ajax.php?s=paktuell&a=car_save",
dataType: 'json',
data: 'tourID=' + tourID + "&car=" + $("#car_"+tourID).val(),
success: function (data) {
if(data.success == true) {
$.notify({
icon: 'glyphicon glyphicon-warning-ok',
message: data.lastnote
},{
type: 'success',
showProgressbar: true,
delay: 300,
newest_on_top: false,
element: 'body',
placement: {
from: "bottom",
align: "right"
},
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
}
});
}
load_free_cars(tag,monat,jahr);
}
});
}
function save_info(tourID) {
$.ajax({
type: 'POST',
url: "ajax.php?s=paktuell&a=info_save",
dataType: 'json',
data: 'tourID=' + tourID + "&info=" + $("#info_"+tourID).val(),
success: function (data) {
$.notify({
icon: 'glyphicon glyphicon-warning-ok',
message: data.lastnote
},{
type: 'info',
showProgressbar: true,
delay: 300,
newest_on_top: false,
element: 'body',
placement: {
from: "bottom",
align: "right"
},
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
}
});
}
});
}
function save_user(tourID) {
//alert($("#car_"+tourID).val());
$.ajax({
type: 'POST',
url: "ajax.php?s=paktuell&a=user_save",
dataType: 'json',
data: 'tourID=' + tourID + "&user=" + $("#user_"+tourID).val(),
success: function (data) {
if(data.success == true) {
$.notify({
icon: 'glyphicon glyphicon-warning-ok',
message: data.lastnote
},{
type: 'success',
showProgressbar: true,
delay: 300,
newest_on_top: false,
element: 'body',
placement: {
from: "bottom",
align: "right"
},
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
}
});
}
load_free_ma(tag,monat,jahr);
}
});
}
load_free_ma(tag,monat,jahr);
load_free_cars(tag,monat,jahr);
var refreshId = setInterval(function() {
$.ajax({
type : "POST",
url : 'ajax.php?s=paktuell&a=smscheck&tpl',
cache : false,
data: 'tag=' + tag + "&monat=" + monat + "&jahr=" + jahr,
dataType : "json",
success : function (back) {
/*
$.each(back.s, function(t,s) {
console.log(back.s)
$("#smscheck"+back.t).html(back.s);
})
*/
for (var i = 0; i < back.length; i++) {
console.log (back.t[i]);
$("#smscheck"+back.t[i]).html(back.s[i]);
//$("#smscheck"+back.i.tour).html(back.i.status);
}
},
})
}, 60000);
</script>
{/literal}