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

82 lines
No EOL
2.8 KiB
Smarty

<div class="row sortable">
<div class="col-md-12">
<div class="panel panel-default collapsible">
<div class="panel-heading"><h2 class="panel-title">Statisik SaSo nach Kalenderwoche in Kg dieses Jahr</h2></div>
<div class="panel-body">
<div><canvas id="completed-orders" height="145"></canvas></div>
</div>
</div>
</div>
</div>
<!-- Left column/section -->
{foreach from=$kw item=kw}
<b><i><span style='font-size:20.0pt;line-height:115%;
color:#4F81BD'>Sachsen-Sonntag {$kw}.KW</span></i></b></p>{/foreach}
<table class="datatable full" >
<thead>
<tr>
<td style="width:10px">Datum</td>
<td style="width:10px">Tour</td>
<td style="width:40px">Bezeichnung</td>
<td style="width:80px">Fahrer</td>
<td style="width:20px">Gewichte</td>
<td style="width:20px">Norm</td>
<td style="width:20px">Zeit</td>
<td style="width:28px">Auto</td>
<td style="width:15px">SMS</td>
</tr>
</thead>
<tbody>
{foreach from=$mpkw item=mpkw }
<tr>
<td><b>{$mpkw.datum}</td>
<td><b>{$mpkw.tour}</td>
<td><b>{$mpkw.infotext}</td>
<td><b>{$mpkw.fahrer}</td>
<td><b>{$mpkw.gewicht}</td>
<td><b>{$mpkw.norm}</td>
<td><b>{$mpkw.zeit}</td>
<td><b>{$mpkw.kennz}</td>
<td><b>{$mpkw.sms}</td>
</tr>
{/foreach}
</tbody>
</table>
<br />
<!-- Chart JS -->
<script src="https://oss.maxcdn.com/chart.js/1.0.1-beta.4/Chart.min.js "></script>
<!-- Main Script -->
<script src="lib/js/jquery-ui.min.js"></script>
<script src="lib/js/global.js"></script>
{literal}
<script>
var data = {
<!-- labels: ["01", "02", "03", "04", "05", "06", "07","08","09","10","11","12","13","14","15","16","17","18","19","20","21"], -->
labels: {/literal}{$kws}{literal},
datasets: [
{
label: "My dataset",
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: {/literal}{$data}{literal}
<!-- data: ["28","48","40","19","86","27","90",] -->
}
]
};
var ctx = document.getElementById("completed-orders").getContext("2d");
var myLineChart = new Chart(ctx).Line(data, {bezierCurve: false, responsive: true});
</script>
{/literal}