diversen dashboard

This commit is contained in:
2020-01-10 15:30:30 +01:00
parent f185d467fb
commit 1295814ff4
8 changed files with 269 additions and 146 deletions
+66 -20
View File
@@ -1,44 +1,90 @@
<div class="row">
<div class="col-xs-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
<div class="db-panel">
<div class="db-panel-holder db-panel-success">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Onderhanden werkpositie
</h3>
</div>
<div class="panel-body" data-bind="width:owp">
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span style="width:80%; float:left;">Onderhanden werkpositie huidig jaar:</span>
<span><strong data-bind="text:owpThisYear"></strong></span>
<span class="db-panel-label">Onderhanden werkpositie huidig jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpThisYear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Onderhanden werkpositie volgend jaar:</span>
<span><strong data-bind="text:owpNextYear"></strong></span>
<span class="db-panel-label">Onderhanden werkpositie volgend jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpNextYear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Totaal:</span>
<span><strong data-bind="text:owpTotal"></strong></span>
<span class="db-panel-label">Totaal:</span>
<span class="db-panel-data"><strong data-bind="text:owpTotal"></strong></span>
</h4>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">
<div class="db-panel">
<div class="db-panel-holder db-panel-warning">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Omzet
</h3>
</div>
<div class="panel-body" data-bind="width:owp">
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span style="width:80%; float:left;">Omzet komende jaar:</span>
<span><strong data-bind="text:owpThisYear"></strong></span>
<span class="db-panel-label">Omzet komende jaar:</span>
<span class="db-panel-data"><strong data-bind="text:revenuesNextyear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Omzet totaal gerealiseerd lopend jaar:</span>
<span><strong data-bind="text:revenuesNextyear"></strong></span>
<span class="db-panel-label">Omzet totaal gerealiseerd lopend jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpThisYear"></strong></span>
</h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="db-panel">
<div class="db-panel-holder db-panel-info">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Facturatie
</h3>
</div>
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span class="db-panel-label">Openstaande facturen (incl btw):</span>
<span class="db-panel-data"><strong data-bind="text:outstanding"></strong></span>
</h4>
<h4>
<span class="db-panel-label">Nog te factureren (incl btw):</span>
<span class="db-panel-data"><strong data-bind="text:toInvoice"></strong></span>
</h4>
</div>
</div>
</div>
<div class="db-panel">
<div class="db-panel-holder db-panel-danger">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Resultaat
</h3>
</div>
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span class="db-panel-label">Kosten derden (excl btw):</span>
<span class="db-panel-data"><strong data-bind="text:openCosts"></strong></span>
</h4>
<h4>
<span class="db-panel-label">Saldo inkomsten (excl btw):</span>
<span class="db-panel-data"><strong data-bind="text:revenues"></strong></span>
</h4>
<h4>
<span class="db-panel-label">Omzet lopend jaar (excl btw):</span>
<span class="db-panel-data"><strong data-bind="text:revenueCurrentYear"></strong></span>
</h4>
</div>
</div>