267 lines
7.9 KiB
Smarty
267 lines
7.9 KiB
Smarty
<div style="color: #fff" id="lgesamt">
|
|
<div class="col-md-3">
|
|
<div class="col-md-3"><span style="color: #fff;font-size: 10px"><i class="fas fa-times fa-2x"></i></span></div>
|
|
<div class="col-md-3"><span style="color: #fff;font-size: 10px"><i class="fas fa-clock fa-2x"></i></span></div>
|
|
<div class="col-md-3"><span style="color: #fff;font-size: 10px"><i class="fas fa-moon fa-2x"></i> 25</span></div>
|
|
<div class="col-md-3"><span style="color: #fff;font-size: 10px"><i class="fas fa-moon fa-2x"></i> 40</span></div>
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<p style="color:#fff;background-color:#115270"></p>
|
|
<div class="col-md-3"><span>SOLL</span></div>
|
|
<div class="col-md-3"><span>{$ld.soll_h}</span></div>
|
|
<div class="col-md-3"><span>{$ld.soll_n1}</span></div>
|
|
<div class="col-md-3"><span>{$ld.soll_n2}</span></div>
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<div class="col-md-3"><span>IST</span></div>
|
|
<div class="col-md-3">{if $ld.w1==1}<span style="color: red">{$ld.ist_h} </span>{else}<span>{$ld.ist_h}</span>{/if}</div>
|
|
<div class="col-md-3">{if $ld.w2==1}<span style="color: red">{$ld.ist_n1}</span>{else}<span>{$ld.ist_n1}</span>{/if}</div>
|
|
<div class="col-md-3">{if $ld.w3==1}<span style="color: red">{$ld.ist_n2}</span>{else}<span>{$ld.ist_n2}</span>{/if}</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<div class="col-md-3"><span>CALC</span></div>
|
|
<div class="col-md-3" style="color: #dcdcdc"><input type="text" value="{$ld.calc_h}" id="calc_h_{$ma_id}" onChange="save_calc_h({$ma_id})"
|
|
style="width:40px;height:22px;background-color:#333333;border:none;border-bottom: 1px solid #000"></div>
|
|
|
|
<div class="col-md-3" style="color: #dcdcdc"><input type="text" value="{$ld.calc_n1}" id="calc_n1_{$ma_id}" onChange="save_calc_n1({$ma_id})"
|
|
style="width:40px;height:22px;background-color:#333333;border:none;border-bottom: 1px solid #000"></div>
|
|
|
|
<div class="col-md-3" style="color: #dcdcdc"><input type="text" value="{$ld.calc_n2}" id="calc_n2_{$ma_id}" onChange="save_calc_n2({$ma_id})"
|
|
style="width:40px;height:22px;background-color:#333333;border:none;border-bottom: 1px solid #000"></div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<div class="col-md-3"><span>Zusatz</i></span></div>
|
|
<div class="col-md-3"><span style="color: orange">{$ld.zusatz_h}</span></div>
|
|
<div class="col-md-3"><span style="color: orange">{$ld.zusatz_n1}</span></div>
|
|
<div class="col-md-3"><span style="color: orange">{$ld.zusatz_n2}</span></div>
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<div class="col-md-3"><span>Summe</i></span></div>
|
|
<div class="col-md-3"><span style="color: deepskyblue">{$ld.summe_h}</span></div>
|
|
<div class="col-md-3"><span style="color: deepskyblue">{$ld.summe_n1}</span></div>
|
|
<div class="col-md-3"><span style="color: deepskyblue">{$ld.summe_n2}</span></div>
|
|
</div>
|
|
|
|
<div class="col-md-3" style="color: #fff;font-size: 14px">
|
|
<p style="color:#fff;background-color:#115270">Steuerlich Berechnung</p>
|
|
<div class="panel panel-tbox">
|
|
<table class="no-style full">
|
|
<tbody>
|
|
<tr style="border-bottom: 1px solid gray;">
|
|
<td width="50%" align="left">Bruttolohn: </td>
|
|
<td width="50%" align="right">{$ld.brutto} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Kirchensteuer: </td>
|
|
<td width="50%" align="right">-{$ld.ksteuer} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Soli-Zuschlag: </td>
|
|
<td width="50%" align="right">-0 €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Lohnsteuer: </td>
|
|
<td width="50%" align="right">-{$ld.lsteuer} €</td>
|
|
</tr>
|
|
<tr style="border-top: 1px solid gray;">
|
|
<td width="50%" align="left">Zwichensumme: </td>
|
|
<td width="50%" align="right">{$ld.netto_zs} €</td>
|
|
</tr>
|
|
<tr style="border-top: 1px solid gray;">
|
|
<td width="50%" align="left">Rentenvers. : </td>
|
|
<td width="50%" align="right">-{$ld.rv} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Arbeitslosenvers.: </td>
|
|
<td width="50%" align="right">-{$ld.al} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Pflegeversicherung: </td>
|
|
<td width="50%" align="right">-{$ld.pv} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">Kinderlos: </td>
|
|
<td width="50%" align="right">-{$ld.kl} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">KV +{$ld.kz}%: </td>
|
|
<td width="50%" align="right">-{$ld.kv} €</td>
|
|
</tr>
|
|
<tr style="border-top: 1px solid gray;color:cornflowerblue">
|
|
<td width="50%" align="left">Nettobetrag: </td>
|
|
<td width="50%" align="right">{$ld.netto} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">N.zuschläge 25%</td>
|
|
<td width="50%" align="right">{$ld.nz1} €</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="50%" align="left">N.zuschläge 40%</td>
|
|
<td width="50%" align="right">{$ld.nz2} €</td>
|
|
</tr>
|
|
<tr style="border-top: 1px solid gray;color:green">
|
|
<td width="50%" align="left">Nettobetrag: </td>
|
|
<td width="50%" align="right">{$ld.netto_ges} €</td>
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script> var maID = '{$ma_id}'; </script>
|
|
<script> var monat = '{$monat}';</script>
|
|
<script> var jahr = '{$jahr}';</script>
|
|
{literal}
|
|
<script>
|
|
function save_calc_h(maID) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "ajax.php?s=lohn_save&a=save_calc_h",
|
|
dataType: 'json',
|
|
data: 'maID=' + maID + "&calc_h=" + $("#calc_h_"+maID).val(),
|
|
success: function (data) {
|
|
if(data.success == true) {
|
|
console.log(data)
|
|
$.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'
|
|
}
|
|
});
|
|
}
|
|
lgesamt(maID,monat,jahr);
|
|
}
|
|
});
|
|
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
function save_calc_n1(maID) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "ajax.php?s=lohn_save&a=save_calc_n1",
|
|
dataType: 'json',
|
|
data: 'maID=' + maID + "&calc_n1=" + $("#calc_n1_"+maID).val(),
|
|
success: function (data) {
|
|
if(data.success == true) {
|
|
console.log(data)
|
|
$.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'
|
|
}
|
|
});
|
|
}
|
|
lgesamt(maID,monat,jahr);
|
|
}
|
|
});
|
|
|
|
}
|
|
</script>
|
|
|
|
<script>
|
|
function save_calc_n2(maID) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "ajax.php?s=lohn_save&a=save_calc_n2",
|
|
dataType: 'json',
|
|
data: 'maID=' + maID + "&calc_n2=" + $("#calc_n2_"+maID).val(),
|
|
success: function (data) {
|
|
if(data.success == true) {
|
|
console.log(data)
|
|
$.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'
|
|
}
|
|
});
|
|
}
|
|
lgesamt(maID,monat,jahr);
|
|
}
|
|
});
|
|
|
|
}
|
|
</script>
|
|
{/literal}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|