diversen dashboard

This commit is contained in:
2020-01-10 15:30:30 +01:00
parent f185d467fb
commit 1295814ff4
8 changed files with 269 additions and 146 deletions
+4 -1
View File
@@ -5,6 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin&display=swap" rel="stylesheet">
<link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png">
<title>** De Beleidsonderzoeker **</title>
@@ -12,7 +14,8 @@
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/dashboard.css">
</head>
<body id="dbois-app">
<!-- ko stopBinding: true -->
+66 -20
View File
@@ -1,44 +1,90 @@
<div class="row">
<div class="col-xs-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
<div class="db-panel">
<div class="db-panel-holder db-panel-success">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Onderhanden werkpositie
</h3>
</div>
<div class="panel-body" data-bind="width:owp">
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span style="width:80%; float:left;">Onderhanden werkpositie huidig jaar:</span>
<span><strong data-bind="text:owpThisYear"></strong></span>
<span class="db-panel-label">Onderhanden werkpositie huidig jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpThisYear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Onderhanden werkpositie volgend jaar:</span>
<span><strong data-bind="text:owpNextYear"></strong></span>
<span class="db-panel-label">Onderhanden werkpositie volgend jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpNextYear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Totaal:</span>
<span><strong data-bind="text:owpTotal"></strong></span>
<span class="db-panel-label">Totaal:</span>
<span class="db-panel-data"><strong data-bind="text:owpTotal"></strong></span>
</h4>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">
<div class="db-panel">
<div class="db-panel-holder db-panel-warning">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Omzet
</h3>
</div>
<div class="panel-body" data-bind="width:owp">
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span style="width:80%; float:left;">Omzet komende jaar:</span>
<span><strong data-bind="text:owpThisYear"></strong></span>
<span class="db-panel-label">Omzet komende jaar:</span>
<span class="db-panel-data"><strong data-bind="text:revenuesNextyear"></strong></span>
</h4>
<h4>
<span style="width:80%; float:left;">Omzet totaal gerealiseerd lopend jaar:</span>
<span><strong data-bind="text:revenuesNextyear"></strong></span>
<span class="db-panel-label">Omzet totaal gerealiseerd lopend jaar:</span>
<span class="db-panel-data"><strong data-bind="text:owpThisYear"></strong></span>
</h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="db-panel">
<div class="db-panel-holder db-panel-info">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Facturatie
</h3>
</div>
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span class="db-panel-label">Openstaande facturen (incl btw):</span>
<span class="db-panel-data"><strong data-bind="text:outstanding"></strong></span>
</h4>
<h4>
<span class="db-panel-label">Nog te factureren (incl btw):</span>
<span class="db-panel-data"><strong data-bind="text:toInvoice"></strong></span>
</h4>
</div>
</div>
</div>
<div class="db-panel">
<div class="db-panel-holder db-panel-danger">
<div class="db-panel-heading">
<h3 class="db-panel-title">
Resultaat
</h3>
</div>
<div class="db-panel-body" data-bind="width:owp">
<br>
<h4>
<span class="db-panel-label">Kosten derden (excl btw):</span>
<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-data"><strong data-bind="text:revenues"></strong></span>
</h4>
<h4>
<span class="db-panel-label">Omzet lopend jaar (excl btw):</span>
<span class="db-panel-data"><strong data-bind="text:revenueCurrentYear"></strong></span>
</h4>
</div>
</div>
@@ -20,7 +20,6 @@
<!-- <link rel="stylesheet" href="css/vendor/plugins/animsition/animsition.css">-->
<link rel="stylesheet" href="css/vendor/plugins/asscrollable/asScrollable.css?v=? =$this-version ?>">
<link rel="stylesheet" href="css/vendor/plugins/switchery/switchery.css?v=? =$this-version ?>">
<link rel="stylesheet" href="css/vendor/plugins/intro-js/introjs.css?v=? =$this-version ?>">
<link rel="stylesheet" href="css/vendor/plugins/slidepanel/slidePanel.css?v=? =$this-version ?>">
<link rel="stylesheet" href="css/vendor/plugins/flag-icon-css/flag-icon.css?v=? =$this-version ?>">
<link rel="stylesheet" href="css/login-v3.css?v=? =$this-version ?>">
@@ -102,42 +101,16 @@
<!-- Core -->
<script src="js/vendor/babel-external-helpers/babel-external-helpers.js?v=<? $this->version ?>"></script>
<script src="js/vendor/jquery/jquery.js?v=<? $this->version ?>"></script>
<script src="js/vendor/popper-js/umd/popper.min.js?v=<? $this->version ?>"></script>
<script src="js/vendor/bootstrap/bootstrap.js?v=<? $this->version ?>"></script>
<script src="js/vendor/animsition/animsition.js?v=<? $this->version ?>"></script>
<script src="js/vendor/mousewheel/jquery.mousewheel.js?v=<? $this->version ?>"></script>
<script src="js/vendor/asscrollbar/jquery-asScrollbar.js?v=<? $this->version ?>"></script>
<script src="js/vendor/asscrollable/jquery-asScrollable.js?v=<? $this->version ?>"></script>
<script src="js/vendor/ashoverscroll/jquery-asHoverScroll.js?v=<? $this->version ?>"></script>
<!-- Plugins -->
<script src="js/vendor/switchery/switchery.js?v=<? $this->version ?>"></script>
<script src="js/vendor/intro-js/intro.js?v=<? $this->version ?>"></script>
<script src="js/vendor/screenfull/screenfull.js?v=<? $this->version ?>"></script>
<script src="js/vendor/slidepanel/jquery-slidePanel.js?v=<? $this->version ?>"></script>
<script src="js/vendor/jquery-placeholder/jquery.placeholder.js?v=<? $this->version ?>"></script>
<!-- Scripts -->
<script src="js/vendor/Component.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Base.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Config.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Section/Menubar.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Section/GridMenu.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Section/Sidebar.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Section/PageAside.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/menu.js?v=<? $this->version ?>"></script>
<!-- Page -->
<script src="/js/vendor/Site.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/asscrollable.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/slidepanel.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/switchery.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/jquery-placeholder.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Plugin/material.js?v=<? $this->version ?>"></script>
<script src="js/vendor/Knockout.min.js?v=<? $this->version ?>"></script>
<script src="js/lib/modules/login/loginModule.js?v=<? $this->version ?>"></script>