aanpassen styling voor side menu

This commit is contained in:
2018-04-05 21:17:07 +02:00
parent 858cb89d05
commit cc06950e03
28 changed files with 948 additions and 655 deletions
+1 -1
View File
@@ -16,7 +16,7 @@ class MY_Controller extends CI_Controller {
{ {
parent::__construct(); parent::__construct();
$this->version = '0.00.00'; $this->version = '0.10.AA';
$this->load->library( 'beheer/session/RetrieveUserSession' ); $this->load->library( 'beheer/session/RetrieveUserSession' );
+55
View File
@@ -0,0 +1,55 @@
<!doctype html>
<html class="no-js css-menubar" lang="en">
<head>
</head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="bootstrap admin template">
<meta name="author" content="">
<link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png">
<title>** De Beleidsonderzoeker **</title>
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
</head>
<body id="dbois-app">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'partials/_modals' ); ?>
<!-- /ko -->
<div class="dbois-container">
<div class="my-side-bar">
<?php $this->load->view( 'partials/_navbar-left' ); ?>
</div>
<div class="my-main-content">
<div id="main-content" data-bind="fadeVisible:initialized" style="display:none">
<?php foreach ( $pages as $page ): ?>
<?php if ( count( $page->subpages ) == 0 ): ?>
<?php if ( $page->app_page == 'F' ) continue; ?>
<div data-bind="visible: <?= $page->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?>
<!-- /ko -->
</div>
<?php else: ?>
<?php foreach ( $page->subpages as $subpage ): ?>
<div data-bind="visible: <?= $subpage->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $subpage->pageurl] ); ?>
<!-- /ko -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php endforeach; ?>
<?php $this->load->view( 'partials/_js' ); ?>
</div>
</div>
</div>
</body>
</html>
+55 -33
View File
@@ -1,51 +1,73 @@
<!doctype html> <!DOCTYPE html>
<html class="no-js css-menubar" lang="en"> <html>
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head> <link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="bootstrap admin template">
<meta name="author" content="">
<link rel="icon" href="css/images/dbo-01-80x80.png" type="image/png"> <title>** De Beleidsonderzoeker **</title>
<title>** De Beleidsonderzoeker **</title> <?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<link rel="stylesheet" href="css/menu.css">
</head> </head>
<body id="dbois-app"> <body id="dbois-app">
<!-- ko stopBinding: true --> <!-- ko stopBinding: true -->
<?php $this->load->view('partials/_modals'); ?> <?php $this->load->view( 'partials/_modals' ); ?>
<!-- /ko --> <!-- /ko -->
<div class="wrapper">
<?php $this->load->view( 'partials/_navbar-left' ); ?>
<?php $this->load->view( 'partials/_navbar-left' ); ?> <!-- Page Content Holder -->
<div id="content">
<div id="main-content" data-bind="fadeVisible:initialized" style="display:none"> <div style="position:relative;">
<?php foreach ( $pages as $page ): ?> <div style="position:absolute;right:-10px;top:-20px;z-index:100000">
<?php if ( count( $page->subpages ) == 0 ): ?> <div class="navbar-header">
<?php if($page->app_page == 'F') continue; ?> <button type="button" id="sidebarCollapse" style="background-color:#E0E0E0" class="btn btn-default navbar-btn">
<div data-bind="visible: <?= $page->pageurl ?>"> <i class="glyphicon glyphicon-align-left"></i>
<!-- ko stopBinding: true --> </button>
<?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?> </div>
<!-- /ko -->
</div> </div>
<?php else: ?> </div>
<?php foreach ( $page->subpages as $subpage ): ?> <?php foreach ( $pages as $page ): ?>
<div data-bind="visible: <?= $subpage->pageurl ?>"> <?php if ( count( $page->subpages ) == 0 ): ?>
<?php if ( $page->app_page == 'F' ) continue; ?>
<div data-bind="visible: <?= $page->pageurl ?>">
<!-- ko stopBinding: true --> <!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $subpage->pageurl] ); ?> <?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?>
<!-- /ko --> <!-- /ko -->
</div> </div>
<?php endforeach; ?> <?php else: ?>
<?php endif; ?> <?php foreach ( $page->subpages as $subpage ): ?>
<?php endforeach; ?> <div data-bind="visible: <?= $subpage->pageurl ?>">
<!-- ko stopBinding: true -->
<?php $this->load->view( 'pages/content', ['pageurl' => $subpage->pageurl] ); ?>
<!-- /ko -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php $this->load->view( 'partials/_js' ); ?> <?php endforeach; ?>
</div>
</div> </div>
<?php $this->load->view( 'partials/_js' ); ?>
<!-- jQuery CDN -->
<!-- Bootstrap Js CDN -->
<script type="text/javascript">
$(document).ready(function () {
$('#sidebarCollapse').on('click', function () {
$('#sidebar').toggleClass('active');
});
});
</script>
<p class="footer-version-number">V:<?= $this->version ?></p>
</body> </body>
</html> </html>
+19 -18
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">toevoegen / wijzigen opdrachtgever</h5> <h5 class="modal-title">toevoegen / wijzigen opdrachtgever
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-md-12">
<div role="form" class="form-horizontal"> <div role="form" class="form-horizontal">
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
naam naam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-institution"></i> <i class="icon fa-institution"></i>
@@ -33,10 +34,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
adres adres
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -49,10 +50,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
postcode postcode
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -66,10 +67,10 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
plaats plaats
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -82,10 +83,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
contactpersoon contactpersoon
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -98,10 +99,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
email email
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-envelope"></i> <i class="icon fa-envelope"></i>
@@ -119,10 +120,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
website website
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-link"></i> <i class="icon fa-link"></i>
@@ -135,10 +136,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
opmerkingen opmerkingen
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<textarea class="form-control" data-bind="textInput:remarks"></textarea> <textarea class="form-control" data-bind="textInput:remarks"></textarea>
</div> </div>
</div> </div>
+25 -24
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">toevoegen / wijzigen onderaannemer</h5> <h5 class="modal-title">toevoegen / wijzigen onderaannemer
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-md-12">
<div role="form" class="form-horizontal"> <div role="form" class="form-horizontal">
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
naam naam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -33,10 +34,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
bedrijfsnaam bedrijfsnaam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-institution"></i> <i class="icon fa-institution"></i>
@@ -49,10 +50,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
adres adres
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -65,10 +66,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
postcode postcode
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -82,10 +83,10 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
plaats plaats
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-address-book-o"></i> <i class="icon fa-address-book-o"></i>
@@ -98,10 +99,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
email email
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-envelope"></i> <i class="icon fa-envelope"></i>
@@ -119,10 +120,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
website website
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-link"></i> <i class="icon fa-link"></i>
@@ -135,10 +136,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
kvk - nummer kvk - nummer
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-institution"></i> <i class="icon fa-institution"></i>
@@ -151,10 +152,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
IBAN IBAN
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-institution"></i> <i class="icon fa-institution"></i>
@@ -167,10 +168,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
tarief (per uur) tarief (per uur)
</label> </label>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-euro"></i> <i class="icon fa-euro"></i>
@@ -183,10 +184,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
opmerkingen opmerkingen
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<textarea class="form-control" data-bind="textInput:remarks"></textarea> <textarea class="form-control" data-bind="textInput:remarks"></textarea>
</div> </div>
</div> </div>
+36 -33
View File
@@ -1,21 +1,22 @@
<div class="modal modal-fade-in-scale-up modal-primary" tabindex="-1" id="offer-modal"> <div class="modal modal-primary" tabindex="-1" id="offer-modal">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">toevoegen / wijzigen offerte</h5> <h5 class="modal-title">toevoegen / wijzigen offerte
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-md-12">
<div role="form" class="form-horizontal"> <div role="form" class="form-horizontal">
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
offerte nummer offerte nummer
</label> </label>
<div class="col-xl-5"> <div class="col-md-5">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-asterisk"></i> <i class="icon fa-asterisk"></i>
@@ -32,10 +33,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
offerte leider offerte leider
</label> </label>
<div class="col-xl-8"> <div class="col-md-8">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<select class="form-control" <select class="form-control"
data-bind="options:users, data-bind="options:users,
@@ -50,15 +51,15 @@
selecteer een offerteleider selecteer een offerteleider
</small> </small>
</div> </div>
<div class="col-xl-1"> <div class="col-md-1">
<i class="icon fa-plus-square greenish pointer" data-bind="click:addUser"></i> <i class="icon fa-plus-square greenish pointer" data-bind="click:addUser"></i>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
klant klant
</label> </label>
<div class="col-xl-8"> <div class="col-md-8">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<select class="form-control" <select class="form-control"
data-bind="options:customers, data-bind="options:customers,
@@ -73,15 +74,15 @@
selecteer een klant selecteer een klant
</small> </small>
</div> </div>
<div class="col-xl-1"> <div class="col-md-1">
<i class="icon fa-plus-square greenish pointer" data-bind="click:addCustomer"></i> <i class="icon fa-plus-square greenish pointer" data-bind="click:addCustomer"></i>
</div> </div>
</div> </div>
<!-- <div class="form-group row">--> <!-- <div class="form-group row">-->
<!-- <label class="col-xl-3 form-control-label">--> <!-- <label class="col-md-3 control-label">-->
<!-- project--> <!-- project-->
<!-- </label>--> <!-- </label>-->
<!-- <div class="col-xl-8">--> <!-- <div class="col-md-8">-->
<!-- <select class="form-control"--> <!-- <select class="form-control"-->
<!-- data-bind="options:projects,--> <!-- data-bind="options:projects,-->
<!-- optionsValue: 'id',--> <!-- optionsValue: 'id',-->
@@ -94,10 +95,10 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
datum offerte datum offerte
</label> </label>
<div class="col-xl-5"> <div class="col-md-5">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-calendar"></i> <i class="icon fa-calendar"></i>
@@ -116,28 +117,30 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
kans kans
</label> </label>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-percent"></i> <i class="icon fa-percent"></i>
</span> </span>
<input type="text" <div>
placeholder="kans" <input type="text"
class="form-control percentage-input" placeholder="kans"
data-bind="textInput:acceptance_chance, class="form-control percentage-input"
data-bind="textInput:acceptance_chance,
event:{keyup:validateNumber}"> event:{keyup:validateNumber}">
<span class="percentage-sign">&#x25;</span> <span class="percentage-sign">&#x25;</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
omzet omzet
</label> </label>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-euro"></i> <i class="icon fa-euro"></i>
@@ -152,7 +155,7 @@
eigen omzet (excl btw) eigen omzet (excl btw)
</small> </small>
</div> </div>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-euro"></i> <i class="icon fa-euro"></i>
@@ -169,10 +172,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
kosten derden kosten derden
</label> </label>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-euro"></i> <i class="icon fa-euro"></i>
@@ -189,10 +192,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
acceptatie datum acceptatie datum
</label> </label>
<div class="col-xl-5"> <div class="col-md-5">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-calendar"></i> <i class="icon fa-calendar"></i>
@@ -205,16 +208,16 @@
value:accepteddate, disable:rejectdate()"> value:accepteddate, disable:rejectdate()">
</div> </div>
</div> </div>
<div class="col-xl-1"> <div class="col-md-1">
<span class="icon fa-remove redish pointer" <span class="icon fa-remove redish pointer"
data-bind="visible:accepteddate(), click:resetDate.bind($data, 'accepteddate')"></span> data-bind="visible:accepteddate(), click:resetDate.bind($data, 'accepteddate')"></span>
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 control-label">
afwijsdatum afwijsdatum
</label> </label>
<div class="col-xl-5"> <div class="col-md-5">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-calendar"></i> <i class="icon fa-calendar"></i>
@@ -226,7 +229,7 @@
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:rejectdate, disable:accepteddate()"> data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:rejectdate, disable:accepteddate()">
</div> </div>
</div> </div>
<div class="col-xl-1"> <div class="col-md-1">
<span class="icon fa-remove redish pointer" <span class="icon fa-remove redish pointer"
data-bind="visible:rejectdate(), click:resetDate.bind($data, 'rejectdate')"></span> data-bind="visible:rejectdate(), click:resetDate.bind($data, 'rejectdate')"></span>
</div> </div>
+16 -15
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">toevoegen / wijzigen medewerker</h5> <h5 class="modal-title">toevoegen / wijzigen medewerker
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="col-xl-12"> <div class="col-md-12">
<div role="form" class="form-horizontal"> <div role="form" class="form-horizontal">
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
voornaam voornaam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -33,10 +34,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
tussenvoegsel tussenvoegsel
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -49,10 +50,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
achternaam achternaam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -70,10 +71,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
gebruikersnaam gebruikersnaam
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-user"></i> <i class="icon fa-user"></i>
@@ -91,10 +92,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
email email
</label> </label>
<div class="col-xl-9"> <div class="col-md-9">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-envelope"></i> <i class="icon fa-envelope"></i>
@@ -112,10 +113,10 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-xl-3 form-control-label"> <label class="col-md-3 form-control-label">
uurtarief uurtarief
</label> </label>
<div class="col-xl-4"> <div class="col-md-4">
<div class="input-group input-group-icon"> <div class="input-group input-group-icon">
<span class="input-group-addon"> <span class="input-group-addon">
<i class="icon fa-euro"></i> <i class="icon fa-euro"></i>
@@ -129,7 +130,7 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<div class="col-xl-3">&nbsp;</div> <div class="col-md-3">&nbsp;</div>
<!-- ko foreach:roles --> <!-- ko foreach:roles -->
<div class="radio-inline"> <div class="radio-inline">
<i class="icon fa-circle-o blueish" <i class="icon fa-circle-o blueish"
+61 -67
View File
@@ -1,68 +1,62 @@
<div class="container"> <table class="table table-sm">
<div class="row"> <thead>
<div class="col-xl-12"> <tr>
<table class="table table-sm"> <th class="table-tealish-header">naam</th>
<thead> <th class="table-tealish-header">adres</th>
<tr> <th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">naam</th> <th class="table-tealish-header">contactpersoon</th>
<th class="table-tealish-header">adres</th> <th class="table-tealish-header">email</th>
<th class="table-tealish-header">plaats</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header">contactpersoon</th> </tr>
<th class="table-tealish-header">email</th> </thead>
<th class="table-tealish-header">&nbsp;</th> <tbody data-bind="foreach:customers">
</tr> <tr>
</thead> <td><span data-bind="text:name"></span></td>
<tbody data-bind="foreach:customers"> <td><span data-bind="text:address"></span></td>
<tr> <td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:name"></span></td> <td><span data-bind="text:contactperson"</td>
<td><span data-bind="text:address"></span></td> <td><span data-bind="text:email"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td> <td>
<td><span data-bind="text:contactperson"</td> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editCustomer"></i>
<td><span data-bind="text:email"></span></td> <!-- ko if:archive == 'F' -->
<td> <i class="icon fa-archive pointer" title="archiveer"
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editCustomer"></i> data-bind="click:$root.archiveCustomer"></i>
<!-- ko if:archive == 'F' --> <!-- /ko -->
<i class="icon fa-archive pointer" title="archiveer" <!-- ko if:archive != 'F' -->
data-bind="click:$root.archiveCustomer"></i> <i class="icon fa-minus-circle redish pointer" title="archiveer"
<!-- /ko --> data-bind="click:$root.archiveCustomer"></i>
<!-- ko if:archive != 'F' --> <!-- /ko -->
<i class="icon fa-minus-circle redish pointer" title="archiveer" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.archiveCustomer"></i> data-bind="click:$root.removeCustomer"></i>
<!-- /ko --> </td>
<i class="icon fa-trash redish pointer" title="verwijder" </tr>
data-bind="click:$root.removeCustomer"></i> </tbody>
</td> <tfoot>
</tr> <tr>
</tbody> <td colspan="4" class="">
<tfoot> <button class="btn btn-primary btn-round btn-sm" data-bind="click:newCustomer">
<tr> nieuwe opdrachtgever
<td colspan="4" class=""> </button>
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newCustomer"> </td>
nieuwe opdrachtgever <td colspan="2" class="">
</button> <div class="row form-horizontal">
</td> <label class="col-md-4 form-control-label">archief</label>
<td colspan="2" class=""> <div class="col-md-8">
<div class="row form-horizontal"> <div class="onoffswitch" data-bind="click:toggleArchive">
<label class="col-md-4 form-control-label">archief</label> <input type="checkbox"
<div class="col-md-8"> name="onoffswitch"
<div class="onoffswitch" data-bind="click:toggleArchive"> class="onoffswitch-checkbox"
<input type="checkbox" data-bind="checked:archive"
name="onoffswitch" id="myonoffswitch">
class="onoffswitch-checkbox" <label class="onoffswitch-label" for="myonoffswitch">
data-bind="checked:archive" <span class="onoffswitch-inner"></span>
id="myonoffswitch"> <span class="onoffswitch-switch"></span>
<label class="onoffswitch-label" for="myonoffswitch"> </label>
<span class="onoffswitch-inner"></span> </div>
<span class="onoffswitch-switch"></span> </div>
</label> </div>
</div> </td>
</div> </tr>
</div> </tfoot>
</td>
</tr>
</tfoot>
</table> </table>
</div>
</div>
</div>
+71 -77
View File
@@ -1,51 +1,48 @@
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-2">
<div class="col-md-2"> <select class="form-control form-control-sm"
<select class="form-control form-control-sm" data-bind="options:years,
data-bind="options:years,
optionsText:'year', optionsText:'year',
optionsValue:'year', optionsValue:'year',
value:selectedYear, value:selectedYear,
event:{change:refreshEmployeehours}"></select> event:{change:refreshEmployeehours}"></select>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:months, data-bind="options:months,
optionsText:'month', optionsText:'month',
optionsValue:'monthID', optionsValue:'monthID',
value:selectedMonth, value:selectedMonth,
event:{change:refreshEmployeehours}"></select> event:{change:refreshEmployeehours}"></select>
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:employees, data-bind="options:employees,
optionsText:'fullname', optionsText:'fullname',
optionsValue:'id', optionsValue:'id',
value:$root.selectedEmployeeID, value:$root.selectedEmployeeID,
event:{change:refreshEmployeehours}"></select> event:{change:refreshEmployeehours}"></select>
</div>
</div> </div>
<br/> </div>
<div class="row"> <br/>
<div class="col-xl-10"> <table class="table table-sm">
<table class="table table-sm"> <thead>
<thead> <tr>
<tr> <th class="table-tealish-header">medewerker</th>
<th class="table-tealish-header">medewerker</th> <th class="table-tealish-header">datum</th>
<th class="table-tealish-header">datum</th> <th class="table-tealish-header">soort uren</th>
<th class="table-tealish-header">soort uren</th> <th class="table-tealish-header">project</th>
<th class="table-tealish-header">project</th> <th class="table-tealish-header">uren</th>
<th class="table-tealish-header">uren</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header" width="40px">&nbsp;</th> </tr>
</tr> </thead>
</thead> <tbody data-bind="foreach:employeehours">
<tbody data-bind="foreach:employeehours"> <tr>
<tr> <td data-bind="css:{'red-line': id() == 0}">
<td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:dbo.helpers.findArrayElement('id', 'fullname', employee_id(), $root.employees()), <span data-bind="text:dbo.helpers.findArrayElement('id', 'fullname', employee_id(), $root.employees()),
visible: ! inEdit()"></span> visible: ! inEdit()"></span>
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:$root.employees, data-bind="options:$root.employees,
optionsText:'fullname', optionsText:'fullname',
optionsValue:'id', optionsValue:'id',
value:employee_id, value:employee_id,
@@ -53,70 +50,67 @@
visible:inEdit(), visible:inEdit(),
enable: ! $root.selectedEmployeeID, enable: ! $root.selectedEmployeeID,
event:{change:$root.changeEmployee}"></select> event:{change:$root.changeEmployee}"></select>
</td> </td>
<td data-bind="css:{'red-line': id() == 0}"> <td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:hourdate, visible:! inEdit()"></span> <span data-bind="text:hourdate, visible:! inEdit()"></span>
<input class="form-control form-control-sm" <input class="form-control form-control-sm"
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
value:hourdate, visible:inEdit(), value:hourdate, visible:inEdit(),
event:{change:$root.saveEmployeehour}" event:{change:$root.saveEmployeehour}"
</td> </td>
<td data-bind="css:{'red-line': id() == 0}"> <td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:dbo.helpers.findArrayElement('id', 'description', hourtype_id(), $root.hourtypes()), <span data-bind="text:dbo.helpers.findArrayElement('id', 'description', hourtype_id(), $root.hourtypes()),
visible: ! inEdit()"></span> visible: ! inEdit()"></span>
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:$root.hourtypes, data-bind="options:$root.hourtypes,
optionsText:'description', optionsText:'description',
optionsValue:'id', optionsValue:'id',
value:hourtype_id, value:hourtype_id,
optionsCaptiuon:'selecteer...', optionsCaptiuon:'selecteer...',
visible:inEdit(), visible:inEdit(),
event:{change:$root.saveEmployeehours}"></select> event:{change:$root.saveEmployeehours}"></select>
</td> </td>
<td data-bind="css:{'red-line': id() == 0}"> <td data-bind="css:{'red-line': id() == 0}">
<!-- ko if: hourType() == 'PROJECTS' --> <!-- ko if: hourType() == 'PROJECTS' -->
<span data-bind="text:dbo.helpers.findArrayElement('projectID', 'projectname', projectID(), projects()), <span data-bind="text:dbo.helpers.findArrayElement('projectID', 'projectname', projectID(), projects()),
visible: ! inEdit()"></span> visible: ! inEdit()"></span>
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:projects, data-bind="options:projects,
optionsText:'projectname', optionsText:'projectname',
optionsValue:'projectID', optionsValue:'projectID',
value:projectID, value:projectID,
optionsCaption:'selecteer...', optionsCaption:'selecteer...',
visible:inEdit(), visible:inEdit(),
event:{change:$root.saveEmployeehours}"></select> event:{change:$root.saveEmployeehours}"></select>
<!-- /ko --> <!-- /ko -->
</td> </td>
<td class="align-right" data-bind="css:{'red-line': id() == 0}"> <td class="align-right" data-bind="css:{'red-line': id() == 0}">
<span data-bind=" visible: ! inEdit()"> <span data-bind=" visible: ! inEdit()">
<span data-bind="text:hours"></span> <span data-bind="text:hours"></span>
uur uur
</span> </span>
<input type="text" <input type="text"
class="form-control form-control-sm align-right" class="form-control form-control-sm align-right"
paceholder="uren" paceholder="uren"
data-bind="textInput:hours, visible:inEdit, data-bind="textInput:hours, visible:inEdit,
event:{change:$root.saveEmployeehours,keyup:$root.validateNumber.bind($data, 'hours')}"/> event:{change:$root.saveEmployeehours,keyup:$root.validateNumber.bind($data, 'hours')}"/>
</td> </td>
<td data-bind="css:{'red-line': id() == 0}"> <td data-bind="css:{'red-line': id() == 0}">
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editEmployeehour"></i> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editEmployeehour"></i>
<i class="icon fa-trash redish pointer" title="verwijder" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeEmployeehour"></i> data-bind="click:$root.removeEmployeehour"></i>
</td> </td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
<tr> <tr>
<td colspan="3"> <td colspan="3">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newEmployeehour"> <button class="btn btn-primary btn-round btn-sm" data-bind="click:newEmployeehour">
nieuwe uren nieuwe uren
</button> </button>
</td> </td>
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
</div>
</div>
</div>
@@ -1,10 +1,10 @@
<div id="EMPLOYEEHOURSREPORT"> <div id="EMPLOYEEHOURSREPORT">
<div class="row"> <div class="row">
<div class="col-xl-1"> <div class="col-md-1">
<label>jaar</label> <label>jaar</label>
</div> </div>
<div class="col-xl-3"> <div class="col-md-2">
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:years, data-bind="options:years,
optionsText:'year', optionsText:'year',
+63 -69
View File
@@ -1,70 +1,64 @@
<div class="container"> <table class="table table-sm">
<div class="row"> <thead>
<div class="col-xl-12"> <tr>
<table class="table table-sm"> <th class="table-tealish-header">contact</th>
<thead> <th class="table-tealish-header">naam</th>
<tr> <th class="table-tealish-header">adres</th>
<th class="table-tealish-header">contact</th> <th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">naam</th> <th class="table-tealish-header">email</th>
<th class="table-tealish-header">adres</th> <th class="table-tealish-header">tarief</th>
<th class="table-tealish-header">plaats</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header">email</th> </tr>
<th class="table-tealish-header">tarief</th> </thead>
<th class="table-tealish-header">&nbsp;</th> <tbody data-bind="foreach:externals">
</tr> <tr>
</thead> <td><span data-bind="text:contactperson"></span></td>
<tbody data-bind="foreach:externals"> <td><span data-bind="text:name"></span></td>
<tr> <td><span data-bind="text:address"></span></td>
<td><span data-bind="text:contactperson"></span></td> <td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:name"></span></td> <td><span data-bind="text:email"></span></td>
<td><span data-bind="text:address"></span></td> <td><span data-bind="text:rate"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td> <td>
<td><span data-bind="text:email"></span></td> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editExternal"></i>
<td><span data-bind="text:rate"></span></td> <!-- ko if:archive == 'F' -->
<td> <i class="icon fa-archive pointer" title="archiveer"
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editExternal"></i> data-bind="click:$root.archiveExternal"></i>
<!-- ko if:archive == 'F' --> <!-- /ko -->
<i class="icon fa-archive pointer" title="archiveer" <!-- ko if:archive != 'F' -->
data-bind="click:$root.archiveExternal"></i> <i class="icon fa-minus-circle redish pointer" title="archiveer"
<!-- /ko --> data-bind="click:$root.archiveExternal"></i>
<!-- ko if:archive != 'F' --> <!-- /ko -->
<i class="icon fa-minus-circle redish pointer" title="archiveer" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.archiveExternal"></i> data-bind="click:$root.removeExternal"></i>
<!-- /ko --> </td>
<i class="icon fa-trash redish pointer" title="verwijder" </tr>
data-bind="click:$root.removeExternal"></i> </tbody>
</td> <tfoot>
</tr> <tr>
</tbody> <td colspan="4" class="">
<tfoot> <button class="btn btn-primary btn-round btn-sm" data-bind="click:newExternal">
<tr> nieuwe onderaannemer
<td colspan="4" class=""> </button>
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newExternal"> </td>
nieuwe onderaannemer <td colspan="2" class="">
</button> <div class="row form-horizontal">
</td> <label class="col-md-4 form-control-label">archief</label>
<td colspan="2" class=""> <div class="col-md-8">
<div class="row form-horizontal"> <div class="onoffswitch" data-bind="click:toggleArchive">
<label class="col-md-4 form-control-label">archief</label> <input type="checkbox"
<div class="col-md-8"> name="onoffswitch"
<div class="onoffswitch" data-bind="click:toggleArchive"> class="onoffswitch-checkbox"
<input type="checkbox" data-bind="checked:archive"
name="onoffswitch" id="myonoffswitch">
class="onoffswitch-checkbox" <label class="onoffswitch-label" for="myonoffswitch">
data-bind="checked:archive" <span class="onoffswitch-inner"></span>
id="myonoffswitch"> <span class="onoffswitch-switch"></span>
<label class="onoffswitch-label" for="myonoffswitch"> </label>
<span class="onoffswitch-inner"></span> </div>
<span class="onoffswitch-switch"></span> </div>
</label> </div>
</div> </td>
</div> </tr>
</div> </tfoot>
</td>
</tr>
</tfoot>
</table> </table>
</div>
</div>
</div>
@@ -1,9 +1,9 @@
<div class="MONTHLYEMPLOYEEHOURS"> <div class="MONTHLYEMPLOYEEHOURS">
<div class="row"> <div class="row">
<div class="col-xl-1"> <div class="col-md-1">
<label>jaar</label> <label>jaar</label>
</div> </div>
<div class="col-xl-3"> <div class="col-md-2">
<select class="form-control form-control-sm" <select class="form-control form-control-sm"
data-bind="options:years, data-bind="options:years,
optionsText:'year', optionsText:'year',
+79 -86
View File
@@ -1,86 +1,79 @@
<div class="container"> <table class="table table-sm">
<div class="row"> <thead>
<div class="col-xl-12"> <tr>
<table class="table table-sm"> <th class="table-tealish-header">nummer</th>
<thead> <th class="table-tealish-header">klant</th>
<tr> <th class="table-tealish-header">project</th>
<th class="table-tealish-header">nummer</th> <th class="table-tealish-header">datum</th>
<th class="table-tealish-header">klant</th> <th class="table-tealish-header">kans</th>
<th class="table-tealish-header">project</th> <th class="table-tealish-header">geaccepteerd</th>
<th class="table-tealish-header">datum</th> <th class="table-tealish-header">afgewezen</th>
<th class="table-tealish-header">kans</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header">geaccepteerd</th> </tr>
<th class="table-tealish-header">afgewezen</th> </thead>
<th class="table-tealish-header">&nbsp;</th> <tbody data-bind="foreach:offers">
</tr> <tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
</thead> <td data-bind="click:$root.selectOffer" class="pointer">
<tbody data-bind="foreach:offers"> <span data-bind="text:offernumber"></span>
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}"> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:offernumber"></span> <span data-bind="text:customerName"></span>
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:customerName"></span> <span data-bind="text:projectNumber"></span>
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:projectNumber"></span> <span data-bind="text:startdate"></span>
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:startdate"></span> <span data-bind="text:acceptance_chance"></span> %
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:acceptance_chance"></span> % <span data-bind="text:accepteddate"></span>
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:accepteddate"></span> <span data-bind="text:rejectdate"></span>
</td> </td>
<td data-bind="click:$root.selectOffer" class="pointer"> <td>
<span data-bind="text:rejectdate"></span> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editOffer"></i>
</td> <!-- ko if:archive == 'F' -->
<td> <i class="icon fa-archive pointer" title="archiveer"
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editOffer"></i> data-bind="click:$root.archiveOffer"></i>
<!-- ko if:archive == 'F' --> <!-- /ko -->
<i class="icon fa-archive pointer" title="archiveer" <!-- ko if:archive != 'F' -->
data-bind="click:$root.archiveOffer"></i> <i class="icon fa-minus-circle redish pointer" title="archiveer"
<!-- /ko --> data-bind="click:$root.archiveOffer"></i>
<!-- ko if:archive != 'F' --> <!-- /ko -->
<i class="icon fa-minus-circle redish pointer" title="archiveer" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.archiveOffer"></i> data-bind="click:$root.removeOffer, css:{'whiteish':$root.selectedRowID() == id}"></i>
<!-- /ko --> </td>
<i class="icon fa-trash redish pointer" title="verwijder" </tr>
data-bind="click:$root.removeOffer, css:{'whiteish':$root.selectedRowID() == id}"></i> </tbody>
</td> <tfoot>
</tr> <tr>
</tbody> <td colspan="5" class="">
<tfoot> <button class="btn btn-primary btn-round btn-sm" data-bind="click:newOffer">
<tr> nieuwe offerte
<td colspan="5" class=""> </button>
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newOffer"> </td>
nieuwe offerte <td colspan="3" class="">
</button> <div class="row form-horizontal">
</td> <label class="col-md-4 form-control-label">archief</label>
<td colspan="3" class=""> <div class="col-md-8">
<div class="row form-horizontal"> <div class="onoffswitch" data-bind="click:toggleArchive">
<label class="col-md-4 form-control-label">archief</label> <input type="checkbox"
<div class="col-md-8"> name="onoffswitch"
<div class="onoffswitch" data-bind="click:toggleArchive"> class="onoffswitch-checkbox"
<input type="checkbox" data-bind="checked:archive"
name="onoffswitch" id="myonoffswitch">
class="onoffswitch-checkbox" <label class="onoffswitch-label" for="myonoffswitch">
data-bind="checked:archive" <span class="onoffswitch-inner"></span>
id="myonoffswitch"> <span class="onoffswitch-switch"></span>
<label class="onoffswitch-label" for="myonoffswitch"> </label>
<span class="onoffswitch-inner"></span> </div>
<span class="onoffswitch-switch"></span> </div>
</label> </div>
</div> </td>
</div> </tr>
</div> </tfoot>
</td> </table>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
+79 -85
View File
@@ -1,86 +1,80 @@
<div class="container"> <table class="table table-sm">
<div class="row"> <thead>
<div class="col-xl-12"> <tr>
<table class="table table-sm"> <th class="table-tealish-header">nummer</th>
<thead> <th class="table-tealish-header">projectleider</th>
<tr> <th class="table-tealish-header">klant</th>
<th class="table-tealish-header">nummer</th> <th class="table-tealish-header">start</th>
<th class="table-tealish-header">projectleider</th> <th class="table-tealish-header">eind</th>
<th class="table-tealish-header">klant</th> <th class="table-tealish-header align-right">eigen omzet</th>
<th class="table-tealish-header">start</th> <th class="table-tealish-header align-right">overige omzet</th>
<th class="table-tealish-header">eind</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header align-right">eigen omzet</th> </tr>
<th class="table-tealish-header align-right">overige omzet</th> </thead>
<th class="table-tealish-header">&nbsp;</th> <tbody data-bind="foreach:projects">
</tr> <tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
</thead> <td data-bind="click:$root.selectProject" class="pointer">
<tbody data-bind="foreach:projects"> <span data-bind="text:projectnumber"></span>
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}"> </td>
<td data-bind="click:$root.selectProject" class="pointer"> <td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:projectnumber"></span> <span data-bind="text:projectleader"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer"> <td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:projectleader"></span> <span data-bind="text:customer"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer"> <td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:customer"></span> <span data-bind="text:startdate"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer"> <td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:startdate"></span> <span data-bind="text:enddate"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer"> <td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:enddate"></span> <span data-bind="text:dbo.helpers.numberWithPoints(totalOwnrevenue.toFixed(0))"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer align-right"> <td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:dbo.helpers.numberWithPoints(totalOwnrevenue.toFixed(0))"></span> <span data-bind="text:dbo.helpers.numberWithPoints(totalOtherrevenue.toFixed(0))"></span>
</td> </td>
<td data-bind="click:$root.selectPoject" class="pointer align-right"> <td>
<span data-bind="text:dbo.helpers.numberWithPoints(totalOtherrevenue.toFixed(0))"></span> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editProject"></i>
</td> <!-- ko if:archive == 'F' -->
<td> <i class="icon fa-archive pointer" title="archiveer"
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editProject"></i> data-bind="click:$root.archiveProject"></i>
<!-- ko if:archive == 'F' --> <!-- /ko -->
<i class="icon fa-archive pointer" title="archiveer" <!-- ko if:archive != 'F' -->
data-bind="click:$root.archiveProject"></i> <i class="icon fa-minus-circle redish pointer" title="archiveer"
<!-- /ko --> data-bind="click:$root.archiveProject"></i>
<!-- ko if:archive != 'F' --> <!-- /ko -->
<i class="icon fa-minus-circle redish pointer" title="archiveer" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.archiveProject"></i> data-bind="click:$root.removeProject, css:{'whiteish':$root.selectedRowID() == id}"></i>
<!-- /ko --> </td>
<i class="icon fa-trash redish pointer" title="verwijder" </tr>
data-bind="click:$root.removeProject, css:{'whiteish':$root.selectedRowID() == id}"></i> </tbody>
</td> <tfoot>
</tr> <tr>
</tbody> <td colspan="6" class="">
<tfoot> <!-- <button class="btn btn-primary btn-round btn-sm" data-bind="click:newProject">-->
<tr> <!-- nieuw project-->
<td colspan="6" class=""> <!-- </button>-->
<!-- <button class="btn btn-primary btn-round btn-sm" data-bind="click:newProject">--> </td>
<!-- nieuw project--> <td colspan="3" class="">
<!-- </button>--> <div class="row form-horizontal">
</td> <label class="col-md-4 form-control-label">archief</label>
<td colspan="3" class=""> <div class="col-md-8">
<div class="row form-horizontal"> <div class="onoffswitch" data-bind="click:toggleArchive">
<label class="col-md-4 form-control-label">archief</label> <input type="checkbox"
<div class="col-md-8"> name="onoffswitch"
<div class="onoffswitch" data-bind="click:toggleArchive"> class="onoffswitch-checkbox"
<input type="checkbox" data-bind="checked:archive"
name="onoffswitch" id="myonoffswitch">
class="onoffswitch-checkbox" <label class="onoffswitch-label" for="myonoffswitch">
data-bind="checked:archive" <span class="onoffswitch-inner"></span>
id="myonoffswitch"> <span class="onoffswitch-switch"></span>
<label class="onoffswitch-label" for="myonoffswitch"> </label>
<span class="onoffswitch-inner"></span> </div>
<span class="onoffswitch-switch"></span> </div>
</label> </div>
</div> </td>
</div> </tr>
</div> </tfoot>
</td>
</tr>
</tfoot>
</table> </table>
</div>
</div>
</div>
+63 -69
View File
@@ -1,70 +1,64 @@
<div class="container"> <table class="table table-sm">
<div class="row"> <thead>
<div class="col-xl-12"> <tr>
<table class="table table-sm"> <th class="table-tealish-header">voornaam</th>
<thead> <th class="table-tealish-header">achternaam</th>
<tr> <th class="table-tealish-header">tussenvoegsel</th>
<th class="table-tealish-header">voornaam</th> <th class="table-tealish-header">gebruikersnaam</th>
<th class="table-tealish-header">achternaam</th> <th class="table-tealish-header">email</th>
<th class="table-tealish-header">tussenvoegsel</th> <th class="table-tealish-header">rol</th>
<th class="table-tealish-header">gebruikersnaam</th> <th class="table-tealish-header">&nbsp;</th>
<th class="table-tealish-header">email</th> </tr>
<th class="table-tealish-header">rol</th> </thead>
<th class="table-tealish-header">&nbsp;</th> <tbody data-bind="foreach:users">
</tr> <tr>
</thead> <td><span data-bind="text:lastname"></span></td>
<tbody data-bind="foreach:users"> <td><span data-bind="text:firstname"></span></td>
<tr> <td><span data-bind="text:middlename"></span></td>
<td><span data-bind="text:lastname"></span></td> <td><span data-bind="text:username"</td>
<td><span data-bind="text:firstname"></span></td> <td><span data-bind="text:email"></span></td>
<td><span data-bind="text:middlename"></span></td> <td><span data-bind=""></span></td>
<td><span data-bind="text:username"</td> <td>
<td><span data-bind="text:email"></span></td> <i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editUser"></i>
<td><span data-bind=""></span></td> <!-- ko if:archive == 'F' -->
<td> <i class="icon fa-archive pointer" title="archiveer"
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editUser"></i> data-bind="click:$root.archiveUser"></i>
<!-- ko if:archive == 'F' --> <!-- /ko -->
<i class="icon fa-archive pointer" title="archiveer" <!-- ko if:archive != 'F' -->
data-bind="click:$root.archiveUser"></i> <i class="icon fa-minus-circle redish pointer" title="archiveer"
<!-- /ko --> data-bind="click:$root.archiveUser"></i>
<!-- ko if:archive != 'F' --> <!-- /ko -->
<i class="icon fa-minus-circle redish pointer" title="archiveer" <i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.archiveUser"></i> data-bind="click:$root.removeUser"></i>
<!-- /ko --> </td>
<i class="icon fa-trash redish pointer" title="verwijder" </tr>
data-bind="click:$root.removeUser"></i> </tbody>
</td> <tfoot>
</tr> <tr>
</tbody> <td colspan="5" class="">
<tfoot> <button class="btn btn-primary btn-round btn-sm" data-bind="click:newUser">
<tr> nieuwe gebruiker
<td colspan="5" class=""> </button>
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newUser"> </td>
nieuwe gebruiker <td colspan="2" class="">
</button> <div class="row form-horizontal">
</td> <label class="col-md-4 form-control-label">archief</label>
<td colspan="2" class=""> <div class="col-md-8">
<div class="row form-horizontal"> <div class="onoffswitch" data-bind="click:toggleArchive">
<label class="col-md-4 form-control-label">archief</label> <input type="checkbox"
<div class="col-md-8"> name="onoffswitch"
<div class="onoffswitch" data-bind="click:toggleArchive"> class="onoffswitch-checkbox"
<input type="checkbox" data-bind="checked:archive"
name="onoffswitch" id="myonoffswitch">
class="onoffswitch-checkbox" <label class="onoffswitch-label" for="myonoffswitch">
data-bind="checked:archive" <span class="onoffswitch-inner"></span>
id="myonoffswitch"> <span class="onoffswitch-switch"></span>
<label class="onoffswitch-label" for="myonoffswitch"> </label>
<span class="onoffswitch-inner"></span> </div>
<span class="onoffswitch-switch"></span> </div>
</label> </div>
</div> </td>
</div> </tr>
</div> </tfoot>
</td>
</tr>
</tfoot>
</table> </table>
</div>
</div>
</div>
+5 -2
View File
@@ -2,8 +2,9 @@
<link rel="shortcut icon" href="css/images/favicon.ico?version=<?=$this->version?>"> <link rel="shortcut icon" href="css/images/favicon.ico?version=<?=$this->version?>">
<!-- Stylesheets VENDOR --> <!-- Stylesheets VENDOR -->
<link rel="stylesheet" href="css/vendor/bootstrap.min.css?version=<?=$this->version?>"> <!--<link rel="stylesheet" href="css/vendor/bootstrap.min.css?version=--><?//=$this->version?><!--">-->
<link rel="stylesheet" href="css/vendor/bootstrap-extend.css?version=<?=$this->version?>"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--<link rel="stylesheet" href="css/vendor/bootstrap-extend.css?version=--><?//=$this->version?><!--">-->
<link rel="stylesheet" href="js/vendor/jquery-ui/jquery-ui.css?version=<?=$this->version?>"> <link rel="stylesheet" href="js/vendor/jquery-ui/jquery-ui.css?version=<?=$this->version?>">
<link rel="stylesheet" href="fonts/font-awesome/font-awesome.min.css?version=<?=$this->version?>"> <link rel="stylesheet" href="fonts/font-awesome/font-awesome.min.css?version=<?=$this->version?>">
@@ -13,6 +14,7 @@
<link rel="stylesheet" href="css/vendor/site.min.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/vendor/site.min.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/vendor/plugins/animsition/animsition.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/vendor/plugins/animsition/animsition.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/vendor/plugins/switchery/switchery.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/vendor/plugins/asscrollable/asScrollable.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/vendor/plugins/asscrollable/asScrollable.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/vendor/plugins/slidepanel/slidePanel.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/vendor/plugins/slidepanel/slidePanel.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/vendor/plugins/flag-icon-css/flag-icon.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/vendor/plugins/flag-icon-css/flag-icon.css?version=<?=$this->version?>">
@@ -20,6 +22,7 @@
<!-- Stylesheets Pensare --> <!-- Stylesheets Pensare -->
<link rel="stylesheet" href="css/correction.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/correction.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/menu.css?version=<?=$this->version?>">
<link rel="stylesheet" href="css/main.css?version=<?=$this->version?>"> <link rel="stylesheet" href="css/main.css?version=<?=$this->version?>">
<!-- End Stylesheets Pensare --> <!-- End Stylesheets Pensare -->
+5 -43
View File
@@ -1,11 +1,14 @@
<!-- Core --> <!-- Core -->
<!--<script src="js/vendor/babel-external-helpers/babel-external-helpers.js"></script>--> <!--<script src="js/vendor/babel-external-helpers/babel-external-helpers.js"></script>-->
<script src="js/vendor/jquery/jquery.js"></script> <!--<script src="js/vendor/jquery/jquery.js"></script>-->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="js/vendor/Knockout.min.js"></script> <script src="js/vendor/Knockout.min.js"></script>
<script src="js/vendor/jquery-ui/jquery-ui.js"></script> <script src="js/vendor/jquery-ui/jquery-ui.js"></script>
<script src="js/vendor/jquery-ui/knockout-jqueryui.min.js"></script> <script src="js/vendor/jquery-ui/knockout-jqueryui.min.js"></script>
<script src="js/vendor/popper-js/umd/popper.min.js"></script> <script src="js/vendor/popper-js/umd/popper.min.js"></script>
<script src="js/vendor/bootstrap/bootstrap.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--<script src="js/vendor/bootstrap/bootstrap.js"></script>-->
<script src="js/vendor/animsition/animsition.js"></script> <script src="js/vendor/animsition/animsition.js"></script>
<script src="js/vendor/froala/js/froala_editor.min.js"></script> <script src="js/vendor/froala/js/froala_editor.min.js"></script>
@@ -13,47 +16,6 @@
<script src="js/vendor/Chart.js"></script> <script src="js/vendor/Chart.js"></script>
<script src="js/vendor/lodash.js"></script> <script src="js/vendor/lodash.js"></script>
<!--<script src="js/vendor/mousewheel/jquery.mousewheel.js"></script>-->
<!--<script src="js/vendor/asscrollbar/jquery-asScrollbar.js"></script>-->
<!--<script src="js/vendor/asscrollable/jquery-asScrollable.js"></script>-->
<!--<script src="js/vendor/ashoverscroll/jquery-asHoverScroll.js"></script>-->
<!-- Plugins -->
<!--<script src="js/vendor/intro-js/intro.js"></script>-->
<!--<script src="js/vendor/screenfull/screenfull.js"></script>-->
<!--<script src="js/vendor/slidepanel/jquery-slidePanel.js"></script>-->
<!--<script src="js/vendor/skycons/skycons.js"></script>-->
<!--<script src="js/vendor/chartist/chartist.min.js"></script>-->
<!--<script src="js/vendor/chartist-plugin-tooltip/chartist-plugin-tooltip.js"></script>-->
<!--<script src="js/vendor/aspieprogress/jquery-asPieProgress.min.js"></script>-->
<!--<script src="js/vendor/jvectormap/jquery-jvectormap.min.js"></script>-->
<!--<script src="js/vendor/jvectormap/maps/jquery-jvectormap-au-mill-en.js"></script>-->
<!--<script src="js/vendor/matchheight/jquery.matchHeight-min.js"></script>-->
<!-- Scripts -->
<!--<script src="js/vendor/Component.js"></script>-->
<!--<script src="js/vendor/Plugin.js"></script>-->
<!--<script src="js/vendor/Base.js"></script>-->
<!--<script src="js/vendor/Config.js"></script>-->
<!--<script src="js/vendor/Section/Menubar.js"></script>-->
<!--<script src="js/vendor/Section/GridMenu.js"></script>-->
<!--<script src="js/vendor/Section/Sidebar.js"></script>-->
<!--<script src="js/vendor/Section/PageAside.js"></script>-->
<!--<script src="js/vendor/Plugin/menu.js"></script>-->
<!---->
<!--<script src="js/vendor/colors.js"></script>-->
<!--<script src="../assets/js/config/tour.js"></script>-->
<!--<script>Config.set('assets', '../assets');</script>-->
<!-- Page -->
<!--<script src="js/vendor/Site.js"></script>-->
<!--<script src="js/vendor/Plugin/asscrollable.js"></script>-->
<!--<script src="js/vendor/Plugin/slidepanel.js"></script>-->
<!--<script src="js/vendor/Plugin/matchheight.js"></script>-->
<!--<script src="js/vendor/Plugin/jvectormap.js"></script>-->
<!-- DBOIS --> <!-- DBOIS -->
+17 -13
View File
@@ -1,26 +1,30 @@
<div class="site-menubar"> <nav id="sidebar">
<ul class="site-menu"> <div class="sidebar-header">
<!-- Menu Category--> <img src="css/images/logo_dbo.png" width="200"/>
<li class="site-menu-category">Menu</li> </div>
<!-- End Menu Category-->
<ul class="list-unstyled components">
<p>MENU</p>
<?php foreach ( $pages as $page ): ?> <?php foreach ( $pages as $page ): ?>
<?php if ( count( $page->subpages ) == 0 ): ?> <?php if ( count( $page->subpages ) == 0 ): ?>
<li class="site-menu-item" data-bind="click:setPage.bind($data, '<?= $page->pageurl ?>')"> <li class="active" data-bind="click:setPage.bind($data, '<?= $page->pageurl ?>')">
<a href="#"><?= $page->pagename ?></a> <a href="#"><?= $page->pagename ?></a>
</li> </li>
<?php else: ?> <?php else: ?>
<li class="site-menu-item has-sub pointer"> <li>
<a href="#"><?= $page->pagename ?></a> <a href="#<?= $page->pageurl ?>" data-toggle="collapse" aria-expanded="false">
<ul class="site-menu-sub"> <?= $page->pagename ?>
</a>
<ul class="collapse list-unstyled" id="<?= $page->pageurl ?>">
<?php foreach ( $page->subpages as $subpage ): ?> <?php foreach ( $page->subpages as $subpage ): ?>
<li class="pointer" data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')"> <li data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')">
<a><?= $subpage->pagename ?></a> <a href="#"><?= $subpage->pagename ?></a>
</li> </li>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</li> </li>
<?php endif; ?> <?php endif; ?>
<?php endforeach; ?> <?php endforeach; ?>
</ul> </ul>
</div> </nav>
@@ -51,19 +51,19 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="hours-per-month" width="300"></canvas> <canvas id="hours-per-month" width="300"></canvas>
<div id="hours-per-month-legends"></div> <div id="hours-per-month-legends"></div>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="revenues-per-month" width="300"></canvas> <canvas id="revenues-per-month" width="300"></canvas>
<div id="revenues-per-month-legends"></div> <div id="revenues-per-month-legends"></div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="average-rate" width="300"></canvas> <canvas id="average-rate" width="300"></canvas>
</div> </div>
</div> </div>
@@ -21,10 +21,10 @@
<div><span>te factureren(incl btw)</span></div> <div><span>te factureren(incl btw)</span></div>
</th> </th>
<th class="rotate"> <th class="rotate">
<div><span>gefactureerd voorgaande jaren(incl btw)</span></div> <div><span>gefactureerd <br />voorgaande jaren(incl btw)</span></div>
</th> </th>
<th class="rotate"> <th class="rotate">
<div><span>gefactureerd lopend jaar(incl btw)</span></div> <div><span>gefactureerd <br />lopend jaar(incl btw)</span></div>
</th> </th>
<th class="rotate"> <th class="rotate">
<div><span>totaal gefactureerd</span></div> <div><span>totaal gefactureerd</span></div>
@@ -118,20 +118,20 @@
</tfoot> </tfoot>
</table> </table>
<div class="row"> <div class="row">
<div class="col-xl-3"> <div class="col-md-3">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="recap-revenues" width="300px"></canvas> <canvas id="recap-revenues" width="300px"></canvas>
<div id="recap-revenues-legends"></div> <div id="recap-revenues-legends"></div>
</div> </div>
</div> </div>
<div class="col-xl-3"> <div class="col-md-3">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="recap-revenues-project" width="300px"></canvas> <canvas id="recap-revenues-project" width="300px"></canvas>
<div id="recap-revenues-project-legends"></div> <div id="recap-revenues-project-legends"></div>
</div> </div>
</div> </div>
<div class="col-xl-6"> <div class="col-md-6">
<div class="graph-holder" style="height:100%"> <div class="graph-holder" style="min-height:350px">
<canvas id="recap-owh" width="300px"></canvas> <canvas id="recap-owh" width="300px"></canvas>
</div> </div>
</div> </div>
+2 -1
View File
@@ -2,10 +2,11 @@
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" data-bind="text:title"></h5> <h5 class="modal-title" data-bind="text:title">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p data-bind="html:message"></p> <p data-bind="html:message"></p>
+21
View File
@@ -5,10 +5,31 @@ body{
.page{ .page{
background-color: #fff; background-color: #fff;
padding-top:20px; padding-top:20px;
height:100%
} }
.site-menubar{ .site-menubar{
top:0; top:0;
} }
.site-menu-title{
max-width:200px!important;
}
.submenu-site-menu-title{
text-transform: lowercase !important;
}
.site-menu-sub > li{
margin-left:0!important;
padding-left:0!important;
}
.css-menubar .site-menu-title:first-child{
margin-left:10px;
}
.css-menubar .site-menu-category{
padding:0!important;
margin-top:5px;
}
.css-menubar .site-menu-category a{
color:#aaa;
}
.ui-datepicker { .ui-datepicker {
position: relative; position: relative;
z-index:9999 !important; z-index:9999 !important;
+12 -2
View File
@@ -207,9 +207,11 @@ th.focus-green{
text-align: right; text-align: right;
padding-right: 25px; padding-right: 25px;
} }
.percentage-sign-holder{
position:relative;
}
.percentage-sign { .percentage-sign {
position: relative; position: absolute;
right: 15px; right: 15px;
z-index: 10; z-index: 10;
top: 7px; top: 7px;
@@ -307,3 +309,11 @@ th.focus-green{
border-radius: 15px; border-radius: 15px;
} }
.footer-version-number{
position: relative;
top:-20px;
font-size:.8em;
left:5px;
color:#666;
}
+236
View File
@@ -0,0 +1,236 @@
/*
DEMO STYLE
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
font-family: Helvetica, Arial, sans-serif;
background: #fafafa;
display:none;
color:#76838f;
}
p {
font-family: 'Poppins', sans-serif;
font-size: 1.1em;
font-weight: 300;
line-height: 1.7em;
color: #999;
}
a, a:hover, a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.navbar {
padding: 15px 10px;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
box-shadow: none;
outline: none !important;
border: none;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
}
/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
display: flex;
align-items: stretch;
dispaly:none;
}
#sidebar {
min-width: 250px;
max-width: 250px;
background: #263238;
color: #CCD5DB;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -250px;
}
#sidebar .sidebar-header {
padding: 20px;
background: #263238;
}
#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #263238;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.1em;
display: block;
}
#sidebar ul li a:hover {
color: #E4EAEC;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
color: #fff;
background: #263238;
}
a[data-toggle="collapse"] {
position: relative;
}
a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
content: '\e259';
display: block;
position: absolute;
right: 20px;
font-family: 'Glyphicons Halflings';
font-size: 0.6em;
}
a[aria-expanded="true"]::before {
content: '\e260';
}
ul ul a {
font-size: 0.9em !important;
padding-left: 30px !important;
background: #263238;
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
/* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
#content {
padding: 20px;
min-height: 100vh;
transition: all 0.3s;
width:100%;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
#sidebar {
margin-left: -250px;
}
#sidebar.active {
margin-left: 0;
}
#sidebarCollapse span {
display: none;
}
}
.modal-primary .modal-header {
background-color: #3e8ef7;
border-radius: .286rem .286rem 0 0;
}
.modal-primary .modal-header * {
color: #fff;
}
.modal-primary .modal-header .close {
opacity: .6;
}
.control-label{
color:#76838f;
font-weight:normal;
}
.modal-success .modal-header {
background-color: #11c26d;
border-radius: .286rem .286rem 0 0;
}
.modal-success .modal-header * {
color: #fff;
}
.modal-success .modal-header .close {
opacity: .6;
}
.modal-info .modal-header {
background-color: #0bb2d4;
border-radius: .286rem .286rem 0 0;
}
.modal-info .modal-header * {
color: #fff;
}
.modal-info .modal-header .close {
opacity: .6;
}
.modal-warning .modal-header {
background-color: #eb6709;
border-radius: .286rem .286rem 0 0;
}
.modal-warning .modal-header * {
color: #fff;
}
.modal-warning .modal-header .close {
opacity: .6;
}
.modal-danger .modal-header {
background-color: #ff4c52;
border-radius: .286rem .286rem 0 0;
}
.modal-danger .modal-header * {
color: #fff;
}
.modal-danger .modal-header .close {
opacity: .6;
}
+1 -1
View File
@@ -6295,7 +6295,7 @@ label {
} }
.modal.modal-fade-in-scale-up .modal-dialog { .modal.modal-fade-in-scale-up .modal-dialog {
opacity: 0; opacity: 1;
transition: all .3s ease 0s; transition: all .3s ease 0s;
-webkit-transform: scale(.7); -webkit-transform: scale(.7);
transform: scale(.7); transform: scale(.7);
+2
View File
@@ -29,6 +29,8 @@ $( function () {
shouldDisplay ? $( element ).fadeIn( 750 ) : $( element ).fadeOut( 750 ); shouldDisplay ? $( element ).fadeIn( 750 ) : $( element ).fadeOut( 750 );
} }
}; };
$('body').delay(500).fadeIn(1500);
} ); } );
function uploadFile( file, foreignID, tablename, callback ) { function uploadFile( file, foreignID, tablename, callback ) {
+9 -1
View File
@@ -41,11 +41,19 @@ $( function () {
vm[page]( true ); vm[page]( true );
var func = page.toLowerCase() + 'Init'; var func = page.toLowerCase() + 'Init';
console.log( func );
window.dbo[func](); window.dbo[func]();
},
openSubmenu: function () {
} }
} }
dbo.menuModel.init(); dbo.menuModel.init();
$(".open-submenu").click(function(){
$("#sub-" + $(this).attr('id')).slideToggle('slow');
});
} ); } );