diversen dashboard

public/css/dashboard.css

@@ -0,0 +1,51 @@
+/* @override 
+	http://dbois.test/css/dashboard.css */
+#DASHBOARD {
+	font-family: 'Libre Franklin', sans-serif;
+}
+.db-panel {
+	float: left;
+	width: 50%;
+	padding: 5px;
+	/*border: 1px solid #333;*/
+	color: #fff;
+}
+.db-panel-holder {
+	padding: 15px;
+	border-radius: 5px;
+	box-shadow: 5px 5px 10px #aaa;
+	height: 270px;
+}
+.db-panel-success {
+	background-color: #616236;
+}
+.db-panel-warning {
+	background-color: #db9c01;
+	/*color: #256;*/
+}
+.db-panel-danger {
+	background-color: #930125;
+}
+.db-panel-info {
+	background-color: #202737;
+}
+.db-panel-holder h3 {
+	font-weight: bold;
+}
+.db-panel-holder h3, .db-panel-holder h4 {
+	padding: 0;
+	margin: 0;
+}
+.db-panel-label {
+	line-height: 2em;
+}
+.db-panel-body h4 {
+	margin-bottom: 15px;
+	border-bottom: 1px solid #fff;
+	padding-bottom: 10px;
+	/*text-align: right;*/
+}
+ .db-panel-data {
+ 	float: right;
+ 	margin-top: 10px;
+ }

public/js/lib/modules/dashboard/dashboardModule.js

@@ -6,7 +6,7 @@
  */
 
 dbo.dashboardInit = function () {
-	console.log( dbo.dashboardModel );
+
 	if ( dbo.dashboardModel !== undefined ) {
 
 		dbo.dashboardModel.init();
@@ -15,21 +15,56 @@ dbo.dashboardInit = function () {
 		dbo.dashboardModel = {
 
 
-			owpThisYear     : ko.observable( null ),
-			owpNextYear     : ko.observable( null ),
-			owpTotal        : ko.observable( null ),
-			revenuesNextyear: ko.observable( null ),
-			totalRevenues   : 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 ),
+			revenues          : ko.observable( null ),
+			revenues          : ko.observable( null ),
+			revenueCurrentYear: ko.observable( null ),
 
 			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 );
+
 					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.outstanding( dbo.helpers.thousandSeparator( outstandings.open ) );
+					self.toInvoice( dbo.helpers.thousandSeparator( outstandings.toInvoice ) );
+					self.openCosts( dbo.helpers.thousandSeparator( outstandings.openCosts ) );
+					self.revenues( dbo.helpers.thousandSeparator( outstandings.revenues ) );
+					self.revenueCurrentYear( dbo.helpers.thousandSeparator( revCurYear ) );
 				} );
+			},
+
+			getOutstandingTotal: function ( data ) {
+				var open = 0;
+				var toInvoice = 0;
+				var costs = 0;
+				var openCosts = 0;
+				_.each( data, function ( p ) {
+					open += Number( p.invoiced ) - Number( p.payment );
+					toInvoice += Number( p.revenues ) - Number( p.invoiced );
+					costs += Number( p.costs );
+					openCosts += Number( p.costs ) - Number( p.payedcosts )
+				} );
+				var revenues = (Number( open ) + Number( toInvoice ) - Number( openCosts )) / 1.21;
+				return {
+					open     : open,
+					toInvoice: toInvoice,
+					costs    : costs,
+					revenues : Math.round( revenues ),
+					openCosts: openCosts
+				};
 			}
 		};