start reports

public/js/lib/dataservices/userDataservice.js

@@ -21,6 +21,13 @@ dbo.userDataService = {
             } );
     },
 
+    getUniqueProjectEmployees:function(callback){
+        $.post('index.php/beheer/usersController/getUniqueprojectEmployees', 'json')
+            .done(function(data){
+                callback(data);
+            });
+    },
+
     checkUsername: function ( username, callback ) {
         $.post( 'index.php/beheer/userController/checkUsername', 'json' )
             .done( function ( data ) {

public/js/lib/modules/reports/monthlyEmployeeHoursModule.js

@@ -0,0 +1,70 @@
+/**
+ * Created by Pensare Software.
+ * User: Theo Weijmer
+ * Date: 08/02/2018
+ * Time: 15:32
+ */
+
+dbo.monthlyemployeehoursInit = function () {
+
+    if ( dbo.monthlyEmployeeHoursModel !== undefined ) {
+
+        dbo.monthlyEmployeeHoursModel.initModule();
+
+    } else {
+
+        dbo.monthlyEmployeeHoursModel = {
+
+            uniqueEmployees: ko.observableArray( [] ),
+            sluggy         : ko.observable( 'euro' ),
+
+            init: function () {
+                var vm = dbo.monthlyEmployeeHoursModel;
+
+                vm.initModule();
+            },
+
+            initModule: function () {
+                var vm = dbo.monthlyEmployeeHoursModel;
+                dbo.userDataService.getUniqueProjectEmployees( function ( data ) {
+                    vm.uniqueEmployees.removeAll();
+                    $.each( data, function ( i, p ) {
+                        vm.uniqueEmployees.push(new vm.UniqueEmployee(p) )
+                    } );
+                } );
+            },
+
+            setActivetab: function ( tab ) {
+                var vm = dbo.monthlyEmployeeHoursModel;
+
+                vm.sluggy( tab );
+            },
+
+            UniqueEmployee : function(data){
+                var vm = dbo.monthlyEmployeeHoursModel;
+                var self = this;
+
+                self.id = data.id;
+                self.fullname = data.fullname;
+                self.slug = data.slug;
+
+                self.myData = ko.observableArray([]);
+
+                for(var i=1; i<5; i++){
+                    self.myData.push( new vm.Detail(data.fullname));
+                }
+            },
+
+            Detail : function(data){
+                console.log( data );
+                this.test = data;
+            }
+        };
+
+        dbo.monthlyEmployeeHoursModel.init();
+
+        ko.applyBindings( dbo.monthlyEmployeeHoursModel, document.getElementById( "MONTHLYEMPLOYEEHOURS" ) );
+    }
+
+
+}