dbois/application/views/pages/dashboard_view.php

<div class="row">
	<?php if(in_array(ROLE, [2] )): ?>
	<div class="db-panel">
		<div class="conceal-panel db-panel-success" data-bind="click:hideConceals">
			<h3>Onderhanden werkpositie</h3>
			<img src="css/images/progress.svg" alt="OWHP" />
		</div>
		<div class="db-panel-holder db-panel-success">
			<div class="db-panel-heading" data-bind="click:showConceals">
				<h3 class="db-panel-title">
					Onderhanden werkpositie
				</h3>
			</div>
			<div class="db-panel-body" data-bind="width:owp">
				<br>
				<h4>
					<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 class="db-panel-label">Onderhanden werkpositie volgend jaar:</span>
					<span class="db-panel-data"><strong data-bind="text:owpNextYear"></strong></span>
				</h4>
				<h4>
					<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="db-panel">
		<div class="conceal-panel db-panel-warning" data-bind="click:hideConceals">
			<h3>Omzet</h3>
			<img src="css/images/revenue.svg" alt="OMZET>" />
		</div>
		<div class="db-panel-holder db-panel-warning">
			<div class="db-panel-heading" data-bind="click:showConceals">
				<h3 class="db-panel-title">
					Omzet
				</h3>
			</div>
			<div class="db-panel-body" data-bind="width:owp">
				<br>
				<h4>
					<span class="db-panel-label">Omzet totaal gerealiseerd lopend jaar:</span>
					<span class="db-panel-data"><strong data-bind="text:revenuesThisYear"></strong></span>
				</h4>
				<h4>
					<span class="db-panel-label">
						Minimum omzet lopend jaar:
					</span>
					<span class="dashboard-info"
						  data-bind="event: {
						  				mouseover: enableDetails.bind($data, 'toolTip1'),
						  				mouseout: disableDetails.bind($data, 'toolTip1') }">
						<label>?</label>
						<div data-bind="if:toolTip1" class="my-tooltip">
							<p>Omzet totaal gerealiseerd lopend jaar + Onderhanden werkpositie lopend jaar.</p>
						</div>
					</span>
					<span class="db-panel-data"><strong data-bind="text:minimumRevenues"></strong></span>
				</h4>
				<h4>
					<span class="db-panel-label">
						Verwachte omzet komende 12 maanden:
					</span>
					<span class="dashboard-info"
						  data-bind="event: {
						  				mouseover: enableDetails.bind($data, 'toolTip3'),
						  				mouseout: disableDetails.bind($data, 'toolTip3') }">
						<label>?</label>
						<div data-bind="if:toolTip3" class="my-tooltip">
							<p> Onderhanden werkpositie totaal/40%.</p>
						</div>
					</span>
					<span class="db-panel-data">
						<strong data-bind="text:revenuesNextyear"></strong>
					</span>
				</h4>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="db-panel">
		<div class="conceal-panel db-panel-info" data-bind="click:hideConceals">
			<h3>Facturatie</h3>
			<img src="css/images/bill.svg" alt="FACTURATIE" />
		</div>
		<div class="db-panel-holder db-panel-info">
			<div class="db-panel-heading">
				<h3 class="db-panel-title" data-bind="click:showConceals">
					Facturatie
					<span style="margin-left:10px;display:none"
						  class="glyphicon glyphicon-question-sign pointer"
							data-bind="click:invoiceOverview"></span>
					<div class="facturation-overview-holder">
						<!-- ko if:showInvoiceOverview -->
						<div class="facturation-overview" data-bind="click:invoiceOverview">
							<table class="table">
								<thead>
								<tr>
									<th>project</th>
									<th>gefactureerd</th>
									<th>betaald</th>
									<th>te betalen</th>
								</tr>
								</thead>
								<tbody data-bind="foreach:billingOverview">
								<tr>
									<td>
										<span data-bind="text:project"></span>
									</td>
									<td>
										<span data-bind="text:invoiced"></span>
									</td>
									<td>
										<span data-bind="text:payedcosts"></span>
									</td>
									<td>
										<span data-bind="text:openCosts"></span>
									</td>
								</tr>
								</tbody>
							</table>
						</div>
						<!-- /ko -->
					</div>
				</h3>
			</div>
			<div class="db-panel-body" data-bind="width:owp">
				<br>
				<h4>
					<span class="db-panel-label">Verstuurde facturen lopende jaar (incl btw):</span>
					<span class="db-panel-data">
						<strong data-bind="text:invoiced">
						</strong>
					</span>
				</h4>
				<h4>
					<span class="db-panel-label">Openstaande facturen (incl btw):</span>
					<span class="db-panel-data">
						<strong data-bind="text:openInvoices">
						</strong>
					</span>
				</h4>
				<h4>
					<span class="db-panel-label">Nog te factureren totaal (incl btw):</span>
					<span class="db-panel-data"><strong data-bind="text:toInvoice"></strong></span>
				</h4>
				<h4>
					<span class="db-panel-label">Betaalde facturen lopende jaar (incl btw):</span>
					<span class="db-panel-data"><strong data-bind="text:payments"></strong></span>
				</h4>
			</div>
		</div>
	</div>
	<div class="db-panel">
		<div class="conceal-panel db-panel-danger" data-bind="click:hideConceals">
			<h3>Resultaat</h3>
			<img src="css/images/seo-and-web.svg" alt="RESULTAAT" />
		</div>
		<div class="db-panel-holder db-panel-danger">
			<div class="db-panel-heading" data-bind="click:showConceals">
				<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 (incl btw):</span>
					<span class="db-panel-data"><strong data-bind="text:openCosts"></strong></span>
				</h4>
				<h4>
					<span class="db-panel-label">
						Saldo inkomsten totaal (excl btw):
					</span>
					<span class="dashboard-info"
						  data-bind="event: {
						  				mouseover: enableDetails.bind($data, 'toolTip2'),
						  				mouseout: disableDetails.bind($data, 'toolTip2') }">
						<label>?</label>
						<div data-bind="if:toolTip2" class="my-tooltip">
							<p>Openstaande facturen + nog te factureren totaal + kosten derden + reserveringen derden.</p>
						</div>
					</span>
					<span class="db-panel-data"><strong data-bind="text:revenues"></strong></span>
				</h4>
				<h4>
					<span class="db-panel-label">(eigen) omzet * kans (excl btw):</span>
					<span class="db-panel-data"><strong data-bind="text:totalChance"></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>
	</div>
	<?php else: ?>
		<div class="row">
			<div class="col-lg-offset-3 col-lg-6">
				<div class="jumbotron" style="text-align:center">
					<h3>De Beleidsonderszoekers</h3>
				</div>
			</div>
		</div>
	<?php endif; ?>
</div>