From 4bdf52a34aa6e52df15f995d3541a05b0c413c12 Mon Sep 17 00:00:00 2001
From: Theo Weijmer <t.weijmer@poensare.nl>
Date: Fri, 21 Feb 2020 11:52:59 +0100
Subject: [PATCH] diveren. mail peter 16-02-2020

---
 .../dashboard/DashboardController.php         |  26 +++-
 application/core/MY_Controller.php            |   2 +-
 application/models/eloquent/Offer.php         |   3 +-
 application/views/pages/dashboard_view.php    |  72 ++++++++-
 .../views/pages/employeehours_view.php        |   2 +-
 public/css/dashboard.css                      |  63 +++++++-
 .../lib/modules/dashboard/dashboardModule.js  | 137 ++++++++++--------
 7 files changed, 229 insertions(+), 76 deletions(-)

diff --git a/application/controllers/dashboard/DashboardController.php b/application/controllers/dashboard/DashboardController.php
index df734f2..fd70734 100644
--- a/application/controllers/dashboard/DashboardController.php
+++ b/application/controllers/dashboard/DashboardController.php
@@ -8,6 +8,8 @@
 
 class DashboardController extends MY_Controller {
 
+	private $invoiceOverviews = [];
+
 	public function __construct()
 	{
 		parent::__construct();
@@ -44,6 +46,8 @@ class DashboardController extends MY_Controller {
 
 		$outstandings = $this->Invoices_model->getTotalsOutstandingPerProject( FALSE );
 
+		$this->setInvoiceOverview();
+
 		$this->json( [
 			'totalOwp'             => round( $totalOwp, 0 ),
 			'revenuesThisYear'     => $this->getRevenuesThisYear(),
@@ -51,10 +55,11 @@ class DashboardController extends MY_Controller {
 			'owpNextyear'          => round( $totalOwp - $currentFinancialYear ),
 			'revenuesNextyear'     => round( $currentFinancialYear / 0.4 ),
 			'totalRevenues'        => round( $totalRevenues ),
-			'outstandings'         => $this->getInvoiceOverview(),
+			'outstandings'         => $this->invoiceOverviews,
 			'costsToPay'           => $this->reservations(),
 			'invoiced'             => $this->getInvoiced(),
-			'totalChance'          => $this->getChanceRevenues()
+			'totalChance'          => $this->getChanceRevenues(),
+			'totalPayment'         => $this->getTotalpayment()
 		] );
 	}
 
@@ -76,7 +81,7 @@ class DashboardController extends MY_Controller {
 		return $totalRevenue;
 	}
 
-	private function getInvoiceOverview()
+	private function setInvoiceOverview()
 	{
 		$projects = Project::whereArchive( 'F' )->get();
 
@@ -84,10 +89,8 @@ class DashboardController extends MY_Controller {
 		{
 			$invoiceOverview = new InvoiceOverview( $project, date( 'Y' ) );
 
-			$invoiceOverviews[] = $invoiceOverview->getProjectDetails();
+			$this->invoiceOverviews[] = $invoiceOverview->getProjectDetails();
 		}
-
-		return $invoiceOverviews;
 	}
 
 	private function reservations()
@@ -137,4 +140,15 @@ class DashboardController extends MY_Controller {
 		return $totalChance;
 	}
 
+	private function getTotalPayment()
+	{
+		$totalPayment = 0;
+		foreach($this->invoiceOverviews as $invoiceOverview)
+		{
+			$totalPayment += str_replace( '.', '', $invoiceOverview['projectPayment']);
+		}
+
+		return $totalPayment;
+	}
+
 }
diff --git a/application/core/MY_Controller.php b/application/core/MY_Controller.php
index 2aba7bb..ae0d771 100644
--- a/application/core/MY_Controller.php
+++ b/application/core/MY_Controller.php
@@ -16,7 +16,7 @@ class MY_Controller extends CI_Controller {
     {
         parent::__construct();
 
-        $this->version = '1.00.40';
+        $this->version = '1.00.50';
 
         $this->load->library( 'beheer/session/RetrieveUserSession' );
 
diff --git a/application/models/eloquent/Offer.php b/application/models/eloquent/Offer.php
index 87545f3..7f155d9 100644
--- a/application/models/eloquent/Offer.php
+++ b/application/models/eloquent/Offer.php
@@ -46,7 +46,8 @@ class Offer extends BaseModel {
 
 	public static function getOffersWithoutProject()
 	{
-		$offersWithoutProject = Offer::orderBy( 'startdate' )
+		$offersWithoutProject = Offer::selectRAW('offers.*, CONCAT(offernumber, " ", offername) AS fulloffer')
+			->orderBy( 'startdate' )
 //            ->whereNull('rejectdate')
 //            ->whereNull('project_id')
 			->whereArchive( 'F' )
diff --git a/application/views/pages/dashboard_view.php b/application/views/pages/dashboard_view.php
index 4c3095d..e0e5e47 100644
--- a/application/views/pages/dashboard_view.php
+++ b/application/views/pages/dashboard_view.php
@@ -1,8 +1,11 @@
 <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>
+		</div>
 		<div class="db-panel-holder db-panel-success">
-			<div class="db-panel-heading">
+			<div class="db-panel-heading" data-bind="click:showConceals">
 				<h3 class="db-panel-title">
 					Onderhanden werkpositie
 				</h3>
@@ -25,8 +28,11 @@
 		</div>
 	</div>
 	<div class="db-panel">
+		<div class="conceal-panel db-panel-warning" data-bind="click:hideConceals">
+			<h3>Omzet</h3>
+		</div>
 		<div class="db-panel-holder db-panel-warning">
-			<div class="db-panel-heading">
+			<div class="db-panel-heading" data-bind="click:showConceals">
 				<h3 class="db-panel-title">
 					Omzet
 				</h3>
@@ -38,11 +44,37 @@
 					<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="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">
+							<h5>Dit is een voorbeeld header</h5>
+							<p>Mollis Egestas Fusce Parturient</p>
+							<p>Ultricies Ligula Risus</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="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">
+							<h5>Dit is een voorbeeld header</h5>
+							<p>Mollis Egestas Fusce Parturient</p>
+							<p>Ultricies Ligula Risus</p>
+						</div>
+					</span>
 					<span class="db-panel-data">
 						<strong data-bind="text:revenuesNextyear"></strong>
 					</span>
@@ -53,9 +85,12 @@
 </div>
 <div class="row">
 	<div class="db-panel">
+		<div class="conceal-panel db-panel-info" data-bind="click:hideConceals">
+			<h3>Facturatie</h3>
+		</div>
 		<div class="db-panel-holder db-panel-info">
 			<div class="db-panel-heading">
-				<h3 class="db-panel-title">
+				<h3 class="db-panel-title" data-bind="click:showConceals">
 					Facturatie
 					<span style="margin-left:10px;display:none"
 						  class="glyphicon glyphicon-question-sign pointer"
@@ -111,15 +146,22 @@
 					</span>
 				</h4>
 				<h4>
-					<span class="db-panel-label">Nog te factureren (incl btw):</span>
+					<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>
+		</div>
 		<div class="db-panel-holder db-panel-danger">
-			<div class="db-panel-heading">
+			<div class="db-panel-heading" data-bind="click:showConceals">
 				<h3 class="db-panel-title">
 					Resultaat
 				</h3>
@@ -131,7 +173,20 @@
 					<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-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">
+							<h5>Dit is een voorbeeld header</h5>
+							<p>Mollis Egestas Fusce Parturient</p>
+							<p>Ultricies Ligula Risus</p>
+						</div>
+					</span>
 					<span class="db-panel-data"><strong data-bind="text:revenues"></strong></span>
 				</h4>
 				<h4>
@@ -155,3 +210,4 @@
 		</div>
 	<?php endif; ?>
 </div>
+
diff --git a/application/views/pages/employeehours_view.php b/application/views/pages/employeehours_view.php
index 5cb7230..af54ed6 100644
--- a/application/views/pages/employeehours_view.php
+++ b/application/views/pages/employeehours_view.php
@@ -70,7 +70,7 @@
             <!-- ko if: hourType() == 'OFFERS' &&  archive() == 'F' -->
             <select class="form-control form-control-sm"
                     data-bind="options:$root.offersWithoutProject,
-                                optionsText:'offername',
+                                optionsText:'fulloffer',
                                 optionsValue:'id',
                                 value:projectID,
                                 optionsCaption:'selecteer...',
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index 74c97cf..04ec345 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -9,12 +9,28 @@
 	padding: 5px;
 	/*border: 1px solid #333;*/
 	color: #fff;
+	position: relative;
+}
+.conceal-panel {
+	position: absolute;
+	height: 96%;
+	border-radius: 5px;
+	width: 99%;
+	top: 5px;
+	left: 0;
+	background-color: #000;
+	/*opacity: .97;*/
+	z-index: 10;
+}
+.conceal-panel > h3 {
+	text-align: center;
+	margin-top: 100px;
 }
 .db-panel-holder {
 	padding: 15px;
 	border-radius: 5px;
 	box-shadow: 5px 5px 10px #aaa;
-	height: 270px;
+	height: 300px;
 }
 .db-panel-success {
 	background-color: #616236;
@@ -60,4 +76,49 @@
 	top: -40px;
 	border: 2px solid #000;
 	border-radius: 20px;
+}
+.dashboard-info {
+	width: 15px;
+	height: 15px;
+	font-size: .6em;
+	background-color: #444;
+	display: inline-block;
+	border-radius: 50%;
+	text-align: center;
+	position: relative;
+	top: -3px;
+	box-shadow: 0px 3px 5px #444;
+	margin-left: 5px;
+	cursor: pointer;
+}
+.dashboard-info > label {
+	position: absolute;
+	top: 2px;
+	left: 5px;
+	color: #fff;
+}
+.my-tooltip {
+	position: absolute;
+	width: 230px;
+	background-color: #fff;
+	/*display: inline-block;*/
+	color:#000;
+	top:0px;
+	left: -240px;
+	box-shadow: 2px 2px 5px #222;
+	border-radius: 5px;
+}
+.my-tooltip > h5 {
+	background-color: #ccc;
+	font-weight: bold;
+	text-align: left;
+	padding: 5px;
+	margin-top: 0;
+	border-radius: 5px 5px 0 0 ;
+}
+.my-tooltip > p {
+	margin: 0;
+	text-align: left;
+	padding: 0px 5px;
+	color: #333;
 }
\ No newline at end of file
diff --git a/public/js/lib/modules/dashboard/dashboardModule.js b/public/js/lib/modules/dashboard/dashboardModule.js
index cec1757..a0d0d73 100644
--- a/public/js/lib/modules/dashboard/dashboardModule.js
+++ b/public/js/lib/modules/dashboard/dashboardModule.js
@@ -7,103 +7,124 @@
 
 dbo.dashboardInit = function () {
 
-	if (dbo.dashboardModel !== undefined) {
+	if ( dbo.dashboardModel !== undefined ) {
 
 		dbo.dashboardModel.init()
 
 	} else {
 		dbo.dashboardModel = {
 
-			owpThisYear        : ko.observable(null),
-			owpNextYear        : ko.observable(null),
-			owpTotal           : ko.observable(null),
-			revenuesNextyear   : ko.observable(null),
-			totalRevenues      : ko.observable(null),
-			outstanding        : ko.observable(null),
-			toInvoice          : ko.observable(null),
-			openCosts          : ko.observable(null),
-			revenues           : ko.observable(null),
-			revenues           : ko.observable(null),
-			revenueCurrentYear : ko.observable(null),
-			revenuesThisYear   : ko.observable(null),
-			billingOverview    : ko.observableArray([]),
-			showInvoiceOverview: ko.observable(false),
-			openInvoices       : ko.observable(null),
-			invoiced           : ko.observable(null),
-			minimumRevenues    : ko.observable(null),
-			totalChance        : ko.observable(null),
+			owpThisYear        : ko.observable( null ),
+			owpNextYear        : ko.observable( null ),
+			owpTotal           : ko.observable( null ),
+			revenuesNextyear   : ko.observable( null ),
+			totalRevenues      : ko.observable( null ),
+			outstanding        : ko.observable( null ),
+			toInvoice          : ko.observable( null ),
+			openCosts          : ko.observable( null ),
+			payments           : ko.observable( null ),
+			revenues           : ko.observable( null ),
+			revenueCurrentYear : ko.observable( null ),
+			revenuesThisYear   : ko.observable( null ),
+			billingOverview    : ko.observableArray( [] ),
+			showInvoiceOverview: ko.observable( false ),
+			openInvoices       : ko.observable( null ),
+			invoiced           : ko.observable( null ),
+			minimumRevenues    : ko.observable( null ),
+			totalChance        : ko.observable( null ),
+			toolTip1           : ko.observable( false ),
+			toolTip2           : ko.observable( false ),
+			toolTip3           : ko.observable( false ),
 
 			init: function () {
 				var self = dbo.dashboardModel
-				dbo.dashboardDataservice.getOwhp(function (data) {
-					var outstandings = self.getOutstandingTotal(data.outstandings)
-					var revCurYear = Number(data.currentFinancialYear) + Number(data.totalOwp)
+				dbo.dashboardDataservice.getOwhp( function ( data ) {
+					var outstandings = self.getOutstandingTotal( data.outstandings )
+					var revCurYear = Number( data.currentFinancialYear ) + Number( data.totalOwp )
 
-					self.owpThisYear(dbo.helpers.thousandSeparator(data.currentFinancialYear))
-					self.owpNextYear(dbo.helpers.thousandSeparator(data.owpNextyear))
-					self.owpTotal(dbo.helpers.thousandSeparator(data.totalOwp))
-					self.revenuesNextyear(dbo.helpers.thousandSeparator(data.revenuesNextyear))
-					self.totalRevenues(dbo.helpers.thousandSeparator(data.totalRevenues))
-					self.minimumRevenues(dbo.helpers.thousandSeparator(data.currentFinancialYear + data.revenuesThisYear))
-					self.invoiced(dbo.helpers.thousandSeparator(data.invoiced))
-					self.openInvoices(dbo.helpers.thousandSeparator(outstandings.openInvoices))
-					self.toInvoice(dbo.helpers.thousandSeparator(outstandings.toInvoice))
-					self.totalChance(dbo.helpers.thousandSeparator(data.totalChance))
+					self.owpThisYear( dbo.helpers.thousandSeparator( data.currentFinancialYear ) )
+					self.owpNextYear( dbo.helpers.thousandSeparator( data.owpNextyear ) )
+					self.owpTotal( dbo.helpers.thousandSeparator( data.totalOwp ) )
+					self.revenuesNextyear( dbo.helpers.thousandSeparator( data.revenuesNextyear ) )
+					self.totalRevenues( dbo.helpers.thousandSeparator( data.totalRevenues ) )
+					self.minimumRevenues( dbo.helpers.thousandSeparator( data.currentFinancialYear + data.revenuesThisYear ) )
+					self.invoiced( dbo.helpers.thousandSeparator( data.invoiced ) )
+					self.openInvoices( dbo.helpers.thousandSeparator( outstandings.openInvoices ) )
+					self.toInvoice( dbo.helpers.thousandSeparator( outstandings.toInvoice ) )
+					self.totalChance( dbo.helpers.thousandSeparator( data.totalChance ) )
+					self.payments(dbo.helpers.thousandSeparator(data.totalPayment))
 
-					self.revenueCurrentYear(dbo.helpers.thousandSeparator(revCurYear))
-					self.revenuesThisYear(dbo.helpers.thousandSeparator(data.revenuesThisYear))
-					dbo.reservationsDataservice.getReservations(function (data) {
+					self.revenueCurrentYear( dbo.helpers.thousandSeparator( revCurYear ) )
+					self.revenuesThisYear( dbo.helpers.thousandSeparator( data.revenuesThisYear ) )
+					dbo.reservationsDataservice.getReservations( function ( data ) {
 						var openCosts = 0
-						$.each(data, function (i, p) {
-							openCosts += Number(p.other_revenue) - Number(p.payed)
-						})
-						self.openCosts(dbo.helpers.thousandSeparator(openCosts))
+						$.each( data, function ( i, p ) {
+							openCosts += Number( p.other_revenue ) - Number( p.payed )
+						} )
+						self.openCosts( dbo.helpers.thousandSeparator( openCosts ) )
 
-						var revenues = outstandings.openInvoices + outstandings.toInvoice - openCosts
-						revenues = Math.round(revenues / 1.21)
-						self.revenues(dbo.helpers.thousandSeparator(revenues))
-					})
-				})
+						var revenues = outstandings.openInvoices + outstandings.toInvoice + openCosts
+						revenues = Math.round( revenues / 1.21 )
+						self.revenues( dbo.helpers.thousandSeparator( revenues ) )
+					} )
+				} )
 			},
 
-			getOutstandingTotal: function (data) {
+			getOutstandingTotal: function ( data ) {
 				var self = dbo.dashboardModel
 				var openInvoices = 0
 				var toInvoice = 0
 				var costs = 0
 				var openCosts = 0
 
-				_.each(data, function (p) {
-					openInvoices += Number(p.invoiceToPay.replace('.', ''))
-					toInvoice += Number(p.needInvoice.replace('.', ''))
-				})
+				_.each( data, function ( p ) {
+					openInvoices += Number( p.invoiceToPay.replace( '.', '' ) )
+					toInvoice += Number( p.needInvoice.replace( '.', '' ) )
+				} )
 
-				var revenues = (Number(open) + Number(toInvoice) - Number(openCosts)) / 1.21
+				var revenues = (Number( open ) + Number( toInvoice ) - Number( openCosts )) / 1.21
 				return {
 					openInvoices: openInvoices,
 					toInvoice   : toInvoice,
 					costs       : costs,
-					revenues    : Math.round(revenues),
+					revenues    : Math.round( revenues ),
 					openCosts   : openCosts
 				}
 			},
 			invoiceOverview    : function () {
 				var self = dbo.dashboardModel
 
-				self.showInvoiceOverview(!self.showInvoiceOverview())
+				self.showInvoiceOverview( !self.showInvoiceOverview() )
 			},
-			Billing            : function (data) {
-				console.log(data)
+			Billing            : function ( data ) {
 				self.project = data.projectnumber + ' ' + data.projectname
-				self.invoiced = dbo.helpers.thousandSeparator(data.invoiced)
-				self.payedcosts = dbo.helpers.thousandSeparator(data.payedcosts)
-				self.openCosts = dbo.helpers.thousandSeparator(Number(data.invoiced) - Number(data.payedcosts))
+				self.invoiced = dbo.helpers.thousandSeparator( data.invoiced )
+				self.payedcosts = dbo.helpers.thousandSeparator( data.payedcosts )
+				self.openCosts = dbo.helpers.thousandSeparator( Number( data.invoiced ) - Number( data.payedcosts ) )
 				self.archive = data.archive
+			},
+
+			hideConceals: function () {
+				$( '.conceal-panel' ).hide( 'slow' );
+			},
+
+			showConceals: function () {
+				$( '.conceal-panel' ).show( 'slow' );
+			},
+
+			enableDetails: function ( toolTip ) {
+				var self = dbo.dashboardModel
+				self[toolTip]( true )
+			},
+
+			disableDetails: function ( toolTip ) {
+				var self = dbo.dashboardModel
+				self[toolTip]( false )
 			}
 		}
 
 		dbo.dashboardModel.init()
 
-		ko.applyBindings(dbo.dashboardModel, document.getElementById('DASHBOARD'))
+		ko.applyBindings( dbo.dashboardModel, document.getElementById( 'DASHBOARD' ) )
 	}
 }