Employee hours

This commit is contained in:
2018-03-01 19:01:53 +01:00
parent 50cd8d8f08
commit 738ad80c49
9 changed files with 344 additions and 1 deletions
@@ -0,0 +1,35 @@
<div id="EMPLOYEEHOURSREPORT">
<div class="row">
<div class="col-xl-1">
<label>jaar</label>
</div>
<div class="col-xl-3">
<select class="form-control form-control-sm"
data-bind="options:years,
optionsText:'year',
optionsValue: 'id',
value:selectedYear,
event:{change:refreshTab}"></select>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="nav-tabs-horizontal">
<ul class="nav nav-tabs nav-tabs-solid">
<!-- ko foreach:months -->
<li class="nav-item" data-bind="click:$root.setActivetab.bind($data, monthID)" style="z-index:10">
<a class="nav-link"
data-bind="text:monthName, css:{'active' : $root.selectedMonthID() == monthID}"></a>
</li>
<!-- /ko -->
</ul>
<div class="tab-content">
<div class="tab-pane active">
<?php $this->load->view('reports/employeehours/employeemonthhours_view'); ?>
</div>
</div>
</div>
</div>
</div>
</div>
+1
View File
@@ -70,6 +70,7 @@
<script src="js/lib/modules/projects/projectsModule.js?version=<?= $this->version ?>"></script>
<script src="js/lib/modules/projects/employeehoursModule.js?version=<?= $this->version ?>"></script>
<script src="js/lib/modules/reports/monthlyEmployeeHoursModule.js?version=<?= $this->version ?>"></script>
<script src="js/lib/modules/reports/employeeHours.js?version=<?= $this->version ?>"></script>
<!-- ***********MODALS************* -->
@@ -0,0 +1,70 @@
<div class="row">
<div class="col-md-12">
<table class="table table-condensed" style="font-size:.8em;">
<thead>
<tr>
<th class="rotate"><div><span>medewerker</span></div></th>
<th class="rotate"><div><span>uren declarabel</span></div></th>
<th class="rotate"><div><span>uren niet declarabel</span></div></th>
<th class="rotate"><div><span>uren indirect</span></div></th>
<th class="rotate"><div><span>totaal bestede uren</span></div></th>
<th class="rotate"><div><span>uren target(1.600 jaar)</span></div></th>
<th class="rotate"><div><span>aandeel uren besteed tov target</span></div></th>
<th class="rotate"><div><span>bezettingsgraad totaal<br />aantal gewerkte uren</span></div></th>
<th class="rotate"><div><span>bezettingsgraad t.o.v. target<br />factureerbare uren</span></div></th>
<th class="rotate"><div><span>omzet</span></div></th>
<th class="rotate"><div><span>gemiddeld tarief</span></div></th>
</tr>
</thead>
<tbody>
<!-- ko foreach:employees -->
<tr>
<td><span data-bind="text:fullname"></span></td>
<td class="align-right"><span data-bind="text:profitablehours"></span></td>
<td class="align-right"><span data-bind="text:nonprofitablehours"></span></td>
<td class="align-right"><span data-bind="text:nonprojecthours"></span></td>
<td class="align-right"><span data-bind="text:totalhours"></span></td>
<td class="align-right"><span data-bind="text:target"></span></td>
<td class="align-right"><span data-bind="text:occupancyRateTotal"></span>%</td>
<td class="align-right"><span data-bind="text:occupancyRateHours"></span>%</td>
<td class="align-right"><span data-bind="text:occupancyRateInvoice"></span></td>
<td class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:revenues"></span></td>
<td class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:averageDayRate"></span></td>
</tr>
<!-- /ko -->
</tbody>
<tfoot>
<th><span>totaal</span></th>
<th class="align-right"><span data-bind="text:profitablehoursTotaal"></span></th>
<th class="align-right"><span data-bind="text:nonprofitablehoursTotaal"></span></th>
<th class="align-right"><span data-bind="text:nonprojecthoursTotaal"></span></th>
<th class="align-right"><span data-bind="text:totalhoursTotaal"></span></th>
<th class="align-right"><span data-bind="text:targetTotaal"></span></th>
<th class="align-right"><span data-bind="text:occupancyRateTotalTotaal"></span>%</th>
<th class="align-right"><span data-bind="text:occupancyRateHoursTotaal"></span>%</th>
<th class="align-right"><span data-bind="text:occupancyRateInvoiceTotaal"></span>%</th>
<th class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:revenuesTotaal"></span></th>
<th class="align-right"><i class="icon fa-euro"></i> <span data-bind="text:averageDayRateTotaal"></span></th>
</tfoot>
</table>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="graph-holder" style="height:100%">
<canvas id="hours-per-month" width="300"></canvas>
<div id="hours-per-month-legends"></div>
</div>
</div>
<div class="col-md-3">
<div class="graph-holder" style="height:100%">
<canvas id="revenues-per-month" width="300"></canvas>
<div id="revenues-per-month-legends"></div>
</div>
</div>
<div class="col-md-6">
<div class="graph-holder" style="height:100%">
<canvas id="average-rate" width="300"></canvas>
</div>
</div>
</div>