Conversie codeigniter 4

app/Views/modals/project_modal.php

@@ -0,0 +1,84 @@
+<div class="project-page" id="project-modal" data-bind="fadeVisible:showProject()">
+
+    <div class="container" style="margin-top:15px;padding-top:15px;">
+        <div class="nav-tabs-horizontal nav-tabs-animate nav-tab-reverse">
+            <ul class="nav nav-tabs nav-tabs-solid">
+                <li class="nav-item"
+                    role="presentation"
+                    data-bind="css:{'active':activeTab()=='DASHBOARD'},
+                                click:setActiveTab.bind($data,'DASHBOARD')">
+                    <a>
+                        <i class="icon fa-hacker-news"></i>
+                        algemeen</a>
+                </li>
+                <li class="nav-item"
+                    role="presentation"
+                    data-bind="css:{'active':activeTab()=='FINANCIAL'},
+                                click:setActiveTab.bind($data,'FINANCIAL')">
+                    <a>
+                        <i class="icon fa-euro"></i>
+                        financieel</a>
+                </li>
+                <li class="nav-item"
+                    role="presentation"
+                    data-bind="css:{'active':activeTab()=='EMPLOYEES'},
+                                click:setActiveTab.bind($data,'EMPLOYEES')">
+                    <a>
+                        <i class="icon fa-user-circle"></i>
+                        medewerkers</a>
+                </li>
+                <li class="nav-item"
+                    role="presentation"
+                    data-bind="css:{'active':activeTab()=='FILES'},
+                                click:setActiveTab.bind($data,'FILES')">
+                    <a>
+                        <i class="icon fa-files"></i>
+                        bestanden en opmerkingen</a>
+                </li>
+            </ul>
+            <div style="position:relative; float:right;">
+                <h3 style="position:absolute;top:-65px; right:30px; width:350px;">
+                    Projectnummer: <span data-bind="text:projectnumber"></span>
+                    <i class="icon fa-refresh pointer blueish" title="ververs" data-bind="click:refreshProject"></i>
+                </h3>
+                <button class="btn btn-danger" data-bind="click:closeProject"
+                        style="position:absolute;right:0px;top:-50px">
+                    sluit
+                </button>
+            </div>
+            <div id="project-scroller">
+                <div class="tab-pane animation-slide-top"
+                     id="dashboard"
+                     data-bind="visible:activeTab()=='DASHBOARD'">
+                    <?= view('modals/partials/_dashboard') ?>
+                </div>
+                <div class="tab-pane animation-slide-top"
+                     id="financial"
+                     data-bind="visible:activeTab()=='FINANCIAL'">
+                    <?= view('modals/partials/_financials') ?>
+                </div>
+                <div class="tab-pane animation-slide-top"
+                     id="employees"
+                     data-bind="visible:activeTab()=='EMPLOYEES'">
+                    <div class="row" data-bind="fadeVisible:customerID()">
+                        <div class="col-md-5" data-bind="fadeVisible:customerID()">
+                            <?= view('modals/partials/_projectemployees') ?>
+                        </div>
+                        <div class="col-md-7">
+                            <?= view('modals/partials/_hourTotals') ?>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="tab-pane animation-slide-top"
+                     id="files"
+                     data-bind="visible:activeTab()=='FILES'">
+                    <div class="row" data-bind="fadeVisible:customerID()">
+                        <?= view('modals/partials/_projectfiles') ?>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>