start reports

application/views/pages/monthlyemployeehours_view.php

@@ -0,0 +1,37 @@
+<div class="MONTHLYEMPLOYEEHOURS">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="nav-tabs-horizontal">
+                <ul class="nav nav-tabs nav-tabs-solid">
+                    <li class="nav-item" data-bind="click:setActivetab.bind($data, 'euro')">
+                        <a class="nav-link" data-bind="css:{'active':sluggy() == 'euro'}">totaal euro's</a>
+                    </li>
+                    <li class="nav-item" data-bind="click:setActivetab.bind($data, 'hours')">
+                        <a class="nav-link" data-bind="css:{'active':sluggy() == 'hours'}">totaal uren</a>
+                    </li>
+
+                    <!-- ko foreach:uniqueEmployees -->
+                        <li class="nav-item" data-bind="click:$root.setActivetab.bind($data, slug)">
+                            <a class="nav-link" data-bind="text:fullname, css:{'active':$root.sluggy() == slug}"></a>
+                        </li>
+                    <!-- /ko -->
+                </ul>
+                <div class="tab-content">
+                    <div class="tab-pane" data-bind="css:{'active':sluggy() == 'euro'}">
+                        <?php $this->load->view('reports/monthlyemployeehours/euro_view'); ?>
+                    </div>
+                    <div class="tab-pane" data-bind="css:{'active':sluggy() == 'hours'}">
+                        <?php $this->load->view('reports/monthlyemployeehours/hours_view'); ?>
+                    </div>
+
+                    <!-- ko foreach:uniqueEmployees -->
+                        <div class="tab-pane" data-bind="css:{'active':$root.sluggy() == slug}">
+                            <?php $this->load->view('reports/monthlyemployeehours/employee_view'); ?>
+                        </div>
+                    <!-- /ko -->
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>

application/views/partials/_js.php

@@ -68,6 +68,7 @@
 <script src="js/lib/modules/projects/offersModule.js?version=<?= $this->version ?>"></script>
 <script src="js/lib/modules/projects/projectsModule.js?version=<?= $this->version ?>"></script>
 <script src="js/lib/modules/projects/employeehoursModule.js?version=<?= $this->version ?>"></script>
+<script src="js/lib/modules/reports/monthlyEmployeeHoursModule.js?version=<?= $this->version ?>"></script>
 
 <!-- ***********MODALS************* -->
 

application/views/reports/monthlyemployeehours/employee_view.php

@@ -0,0 +1,3 @@
+<ul data-bind="foreach: myData">
+    <li data-bind="text:test">text</li>
+</ul>

application/views/reports/monthlyemployeehours/euro_view.php

@@ -0,0 +1 @@
+<h1>EURO'S</h1>

application/views/reports/monthlyemployeehours/hours_view.php

@@ -0,0 +1 @@
+<h1>hours</h1>