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();
$this->version = '0.00.00';
$this->version = '0.10.AA';
$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>
<html class="no-js css-menubar" lang="en">
<!DOCTYPE html>
<html>
<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>
<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">
<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/_fonts' ); ?>
<?php $this->load->view( 'partials/_css' ); ?>
<?php $this->load->view( 'partials/_fonts' ); ?>
<link rel="stylesheet" href="css/menu.css">
</head>
<body id="dbois-app">
<!-- ko stopBinding: true -->
<?php $this->load->view('partials/_modals'); ?>
<?php $this->load->view( 'partials/_modals' ); ?>
<!-- /ko -->
<div class="wrapper">
<?php $this->load->view( 'partials/_navbar-left' ); ?>
<?php $this->load->view( 'partials/_navbar-left' ); ?>
<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 -->
<!-- Page Content Holder -->
<div id="content">
<div style="position:relative;">
<div style="position:absolute;right:-10px;top:-20px;z-index:100000">
<div class="navbar-header">
<button type="button" id="sidebarCollapse" style="background-color:#E0E0E0" class="btn btn-default navbar-btn">
<i class="glyphicon glyphicon-align-left"></i>
</button>
</div>
</div>
<?php else: ?>
<?php foreach ( $page->subpages as $subpage ): ?>
<div data-bind="visible: <?= $subpage->pageurl ?>">
</div>
<?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' => $subpage->pageurl] ); ?>
<?php $this->load->view( 'pages/content', ['pageurl' => $page->pageurl] ); ?>
<!-- /ko -->
</div>
<?php endforeach; ?>
<?php endif; ?>
<?php endforeach; ?>
<?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 $this->load->view( 'partials/_js' ); ?>
<?php endforeach; ?>
</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>
</html>
+19 -18
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<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">
<span aria-hidden="true">&times;</span>
</button>
</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12">
<div class="col-md-12">
<div role="form" class="form-horizontal">
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
naam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-institution"></i>
@@ -33,10 +34,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
adres
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -49,10 +50,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
postcode
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -66,10 +67,10 @@
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
plaats
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -82,10 +83,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
contactpersoon
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -98,10 +99,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
email
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-envelope"></i>
@@ -119,10 +120,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
website
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-link"></i>
@@ -135,10 +136,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
opmerkingen
</label>
<div class="col-xl-9">
<div class="col-md-9">
<textarea class="form-control" data-bind="textInput:remarks"></textarea>
</div>
</div>
+25 -24
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<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">
<span aria-hidden="true">&times;</span>
</button>
</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12">
<div class="col-md-12">
<div role="form" class="form-horizontal">
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
naam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -33,10 +34,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
bedrijfsnaam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-institution"></i>
@@ -49,10 +50,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
adres
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -65,10 +66,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
postcode
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -82,10 +83,10 @@
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
plaats
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-address-book-o"></i>
@@ -98,10 +99,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
email
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-envelope"></i>
@@ -119,10 +120,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
website
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-link"></i>
@@ -135,10 +136,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
kvk - nummer
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-institution"></i>
@@ -151,10 +152,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
IBAN
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-institution"></i>
@@ -167,10 +168,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
tarief (per uur)
</label>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-euro"></i>
@@ -183,10 +184,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
opmerkingen
</label>
<div class="col-xl-9">
<div class="col-md-9">
<textarea class="form-control" data-bind="textInput:remarks"></textarea>
</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-content">
<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">
<span aria-hidden="true">&times;</span>
</button>
</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12">
<div class="col-md-12">
<div role="form" class="form-horizontal">
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
offerte nummer
</label>
<div class="col-xl-5">
<div class="col-md-5">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-asterisk"></i>
@@ -32,10 +33,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
offerte leider
</label>
<div class="col-xl-8">
<div class="col-md-8">
<div class="input-group input-group-icon">
<select class="form-control"
data-bind="options:users,
@@ -50,15 +51,15 @@
selecteer een offerteleider
</small>
</div>
<div class="col-xl-1">
<div class="col-md-1">
<i class="icon fa-plus-square greenish pointer" data-bind="click:addUser"></i>
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
klant
</label>
<div class="col-xl-8">
<div class="col-md-8">
<div class="input-group input-group-icon">
<select class="form-control"
data-bind="options:customers,
@@ -73,15 +74,15 @@
selecteer een klant
</small>
</div>
<div class="col-xl-1">
<div class="col-md-1">
<i class="icon fa-plus-square greenish pointer" data-bind="click:addCustomer"></i>
</div>
</div>
<!-- <div class="form-group row">-->
<!-- <label class="col-xl-3 form-control-label">-->
<!-- <label class="col-md-3 control-label">-->
<!-- project-->
<!-- </label>-->
<!-- <div class="col-xl-8">-->
<!-- <div class="col-md-8">-->
<!-- <select class="form-control"-->
<!-- data-bind="options:projects,-->
<!-- optionsValue: 'id',-->
@@ -94,10 +95,10 @@
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
datum offerte
</label>
<div class="col-xl-5">
<div class="col-md-5">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-calendar"></i>
@@ -116,28 +117,30 @@
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
kans
</label>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-percent"></i>
</span>
<input type="text"
placeholder="kans"
class="form-control percentage-input"
data-bind="textInput:acceptance_chance,
<div>
<input type="text"
placeholder="kans"
class="form-control percentage-input"
data-bind="textInput:acceptance_chance,
event:{keyup:validateNumber}">
<span class="percentage-sign">&#x25;</span>
<span class="percentage-sign">&#x25;</span>
</div>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
omzet
</label>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-euro"></i>
@@ -152,7 +155,7 @@
eigen omzet (excl btw)
</small>
</div>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-euro"></i>
@@ -169,10 +172,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
kosten derden
</label>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-euro"></i>
@@ -189,10 +192,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
acceptatie datum
</label>
<div class="col-xl-5">
<div class="col-md-5">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-calendar"></i>
@@ -205,16 +208,16 @@
value:accepteddate, disable:rejectdate()">
</div>
</div>
<div class="col-xl-1">
<div class="col-md-1">
<span class="icon fa-remove redish pointer"
data-bind="visible:accepteddate(), click:resetDate.bind($data, 'accepteddate')"></span>
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 control-label">
afwijsdatum
</label>
<div class="col-xl-5">
<div class="col-md-5">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-calendar"></i>
@@ -226,7 +229,7 @@
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:rejectdate, disable:accepteddate()">
</div>
</div>
<div class="col-xl-1">
<div class="col-md-1">
<span class="icon fa-remove redish pointer"
data-bind="visible:rejectdate(), click:resetDate.bind($data, 'rejectdate')"></span>
</div>
+16 -15
View File
@@ -2,20 +2,21 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<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">
<span aria-hidden="true">&times;</span>
</button>
</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-xl-12">
<div class="col-md-12">
<div role="form" class="form-horizontal">
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
voornaam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -33,10 +34,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
tussenvoegsel
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -49,10 +50,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
achternaam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -70,10 +71,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
gebruikersnaam
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-user"></i>
@@ -91,10 +92,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
email
</label>
<div class="col-xl-9">
<div class="col-md-9">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-envelope"></i>
@@ -112,10 +113,10 @@
</div>
</div>
<div class="form-group row">
<label class="col-xl-3 form-control-label">
<label class="col-md-3 form-control-label">
uurtarief
</label>
<div class="col-xl-4">
<div class="col-md-4">
<div class="input-group input-group-icon">
<span class="input-group-addon">
<i class="icon fa-euro"></i>
@@ -129,7 +130,7 @@
</div>
</div>
<div class="form-group row">
<div class="col-xl-3">&nbsp;</div>
<div class="col-md-3">&nbsp;</div>
<!-- ko foreach:roles -->
<div class="radio-inline">
<i class="icon fa-circle-o blueish"
+61 -67
View File
@@ -1,68 +1,62 @@
<div class="container">
<div class="row">
<div class="col-xl-12">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">naam</th>
<th class="table-tealish-header">adres</th>
<th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">contactpersoon</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:customers">
<tr>
<td><span data-bind="text:name"></span></td>
<td><span data-bind="text:address"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:contactperson"</td>
<td><span data-bind="text:email"></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editCustomer"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveCustomer"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveCustomer"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeCustomer"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newCustomer">
nieuwe opdrachtgever
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">naam</th>
<th class="table-tealish-header">adres</th>
<th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">contactpersoon</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:customers">
<tr>
<td><span data-bind="text:name"></span></td>
<td><span data-bind="text:address"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:contactperson"</td>
<td><span data-bind="text:email"></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editCustomer"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveCustomer"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveCustomer"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeCustomer"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newCustomer">
nieuwe opdrachtgever
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</table>
+71 -77
View File
@@ -1,51 +1,48 @@
<div class="container">
<div class="row">
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:years,
<div class="row">
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:years,
optionsText:'year',
optionsValue:'year',
value:selectedYear,
event:{change:refreshEmployeehours}"></select>
</div>
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:months,
</div>
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:months,
optionsText:'month',
optionsValue:'monthID',
value:selectedMonth,
event:{change:refreshEmployeehours}"></select>
</div>
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:employees,
</div>
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:employees,
optionsText:'fullname',
optionsValue:'id',
value:$root.selectedEmployeeID,
event:{change:refreshEmployeehours}"></select>
</div>
</div>
<br/>
<div class="row">
<div class="col-xl-10">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">medewerker</th>
<th class="table-tealish-header">datum</th>
<th class="table-tealish-header">soort uren</th>
<th class="table-tealish-header">project</th>
<th class="table-tealish-header">uren</th>
<th class="table-tealish-header" width="40px">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:employeehours">
<tr>
<td data-bind="css:{'red-line': id() == 0}">
</div>
<br/>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">medewerker</th>
<th class="table-tealish-header">datum</th>
<th class="table-tealish-header">soort uren</th>
<th class="table-tealish-header">project</th>
<th class="table-tealish-header">uren</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:employeehours">
<tr>
<td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:dbo.helpers.findArrayElement('id', 'fullname', employee_id(), $root.employees()),
visible: ! inEdit()"></span>
<select class="form-control form-control-sm"
data-bind="options:$root.employees,
<select class="form-control form-control-sm"
data-bind="options:$root.employees,
optionsText:'fullname',
optionsValue:'id',
value:employee_id,
@@ -53,70 +50,67 @@
visible:inEdit(),
enable: ! $root.selectedEmployeeID,
event:{change:$root.changeEmployee}"></select>
</td>
<td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:hourdate, visible:! inEdit()"></span>
<input class="form-control form-control-sm"
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
</td>
<td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:hourdate, visible:! inEdit()"></span>
<input class="form-control form-control-sm"
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
value:hourdate, visible:inEdit(),
event:{change:$root.saveEmployeehour}"
</td>
<td data-bind="css:{'red-line': id() == 0}">
</td>
<td data-bind="css:{'red-line': id() == 0}">
<span data-bind="text:dbo.helpers.findArrayElement('id', 'description', hourtype_id(), $root.hourtypes()),
visible: ! inEdit()"></span>
<select class="form-control form-control-sm"
data-bind="options:$root.hourtypes,
<select class="form-control form-control-sm"
data-bind="options:$root.hourtypes,
optionsText:'description',
optionsValue:'id',
value:hourtype_id,
optionsCaptiuon:'selecteer...',
visible:inEdit(),
event:{change:$root.saveEmployeehours}"></select>
</td>
<td data-bind="css:{'red-line': id() == 0}">
<!-- ko if: hourType() == 'PROJECTS' -->
<span data-bind="text:dbo.helpers.findArrayElement('projectID', 'projectname', projectID(), projects()),
</td>
<td data-bind="css:{'red-line': id() == 0}">
<!-- ko if: hourType() == 'PROJECTS' -->
<span data-bind="text:dbo.helpers.findArrayElement('projectID', 'projectname', projectID(), projects()),
visible: ! inEdit()"></span>
<select class="form-control form-control-sm"
data-bind="options:projects,
<select class="form-control form-control-sm"
data-bind="options:projects,
optionsText:'projectname',
optionsValue:'projectID',
value:projectID,
optionsCaption:'selecteer...',
visible:inEdit(),
event:{change:$root.saveEmployeehours}"></select>
<!-- /ko -->
</td>
<td class="align-right" data-bind="css:{'red-line': id() == 0}">
<!-- /ko -->
</td>
<td class="align-right" data-bind="css:{'red-line': id() == 0}">
<span data-bind=" visible: ! inEdit()">
<span data-bind="text:hours"></span>
uur
</span>
<input type="text"
class="form-control form-control-sm align-right"
paceholder="uren"
data-bind="textInput:hours, visible:inEdit,
<input type="text"
class="form-control form-control-sm align-right"
paceholder="uren"
data-bind="textInput:hours, visible:inEdit,
event:{change:$root.saveEmployeehours,keyup:$root.validateNumber.bind($data, 'hours')}"/>
</td>
<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-trash redish pointer" title="verwijder"
data-bind="click:$root.removeEmployeehour"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newEmployeehour">
nieuwe uren
</button>
</td>
</td>
</tr>
</tfoot>
</td>
<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-trash redish pointer" title="verwijder"
data-bind="click:$root.removeEmployeehour"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newEmployeehour">
nieuwe uren
</button>
</td>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</table>
@@ -1,10 +1,10 @@
<div id="EMPLOYEEHOURSREPORT">
<div class="row">
<div class="col-xl-1">
<div class="col-md-1">
<label>jaar</label>
</div>
<div class="col-xl-3">
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:years,
optionsText:'year',
+63 -69
View File
@@ -1,70 +1,64 @@
<div class="container">
<div class="row">
<div class="col-xl-12">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">contact</th>
<th class="table-tealish-header">naam</th>
<th class="table-tealish-header">adres</th>
<th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">tarief</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:externals">
<tr>
<td><span data-bind="text:contactperson"></span></td>
<td><span data-bind="text:name"></span></td>
<td><span data-bind="text:address"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:email"></span></td>
<td><span data-bind="text:rate"></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editExternal"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveExternal"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveExternal"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeExternal"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newExternal">
nieuwe onderaannemer
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">contact</th>
<th class="table-tealish-header">naam</th>
<th class="table-tealish-header">adres</th>
<th class="table-tealish-header">plaats</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">tarief</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:externals">
<tr>
<td><span data-bind="text:contactperson"></span></td>
<td><span data-bind="text:name"></span></td>
<td><span data-bind="text:address"></span></td>
<td><span data-bind="text:postcode + ' ' + place"></span></td>
<td><span data-bind="text:email"></span></td>
<td><span data-bind="text:rate"></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editExternal"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveExternal"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveExternal"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeExternal"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newExternal">
nieuwe onderaannemer
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</table>
@@ -1,9 +1,9 @@
<div class="MONTHLYEMPLOYEEHOURS">
<div class="row">
<div class="col-xl-1">
<div class="col-md-1">
<label>jaar</label>
</div>
<div class="col-xl-3">
<div class="col-md-2">
<select class="form-control form-control-sm"
data-bind="options:years,
optionsText:'year',
+79 -86
View File
@@ -1,86 +1,79 @@
<div class="container">
<div class="row">
<div class="col-xl-12">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">nummer</th>
<th class="table-tealish-header">klant</th>
<th class="table-tealish-header">project</th>
<th class="table-tealish-header">datum</th>
<th class="table-tealish-header">kans</th>
<th class="table-tealish-header">geaccepteerd</th>
<th class="table-tealish-header">afgewezen</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:offers">
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:offernumber"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:customerName"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:projectNumber"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:startdate"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:acceptance_chance"></span> %
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:accepteddate"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:rejectdate"></span>
</td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editOffer"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveOffer"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveOffer"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeOffer, css:{'whiteish':$root.selectedRowID() == id}"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newOffer">
nieuwe offerte
</button>
</td>
<td colspan="3" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">nummer</th>
<th class="table-tealish-header">klant</th>
<th class="table-tealish-header">project</th>
<th class="table-tealish-header">datum</th>
<th class="table-tealish-header">kans</th>
<th class="table-tealish-header">geaccepteerd</th>
<th class="table-tealish-header">afgewezen</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:offers">
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:offernumber"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:customerName"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:projectNumber"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:startdate"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:acceptance_chance"></span> %
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:accepteddate"></span>
</td>
<td data-bind="click:$root.selectOffer" class="pointer">
<span data-bind="text:rejectdate"></span>
</td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editOffer"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveOffer"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveOffer"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeOffer, css:{'whiteish':$root.selectedRowID() == id}"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newOffer">
nieuwe offerte
</button>
</td>
<td colspan="3" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
+79 -85
View File
@@ -1,86 +1,80 @@
<div class="container">
<div class="row">
<div class="col-xl-12">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">nummer</th>
<th class="table-tealish-header">projectleider</th>
<th class="table-tealish-header">klant</th>
<th class="table-tealish-header">start</th>
<th class="table-tealish-header">eind</th>
<th class="table-tealish-header align-right">eigen omzet</th>
<th class="table-tealish-header align-right">overige omzet</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:projects">
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
<td data-bind="click:$root.selectProject" class="pointer">
<span data-bind="text:projectnumber"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:projectleader"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:customer"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:startdate"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:enddate"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:dbo.helpers.numberWithPoints(totalOwnrevenue.toFixed(0))"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:dbo.helpers.numberWithPoints(totalOtherrevenue.toFixed(0))"></span>
</td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editProject"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveProject"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveProject"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeProject, css:{'whiteish':$root.selectedRowID() == id}"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="">
<!-- <button class="btn btn-primary btn-round btn-sm" data-bind="click:newProject">-->
<!-- nieuw project-->
<!-- </button>-->
</td>
<td colspan="3" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">nummer</th>
<th class="table-tealish-header">projectleider</th>
<th class="table-tealish-header">klant</th>
<th class="table-tealish-header">start</th>
<th class="table-tealish-header">eind</th>
<th class="table-tealish-header align-right">eigen omzet</th>
<th class="table-tealish-header align-right">overige omzet</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:projects">
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
<td data-bind="click:$root.selectProject" class="pointer">
<span data-bind="text:projectnumber"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:projectleader"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:customer"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:startdate"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer">
<span data-bind="text:enddate"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:dbo.helpers.numberWithPoints(totalOwnrevenue.toFixed(0))"></span>
</td>
<td data-bind="click:$root.selectPoject" class="pointer align-right">
<span data-bind="text:dbo.helpers.numberWithPoints(totalOtherrevenue.toFixed(0))"></span>
</td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editProject"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveProject"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveProject"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeProject, css:{'whiteish':$root.selectedRowID() == id}"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="">
<!-- <button class="btn btn-primary btn-round btn-sm" data-bind="click:newProject">-->
<!-- nieuw project-->
<!-- </button>-->
</td>
<td colspan="3" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</table>
+63 -69
View File
@@ -1,70 +1,64 @@
<div class="container">
<div class="row">
<div class="col-xl-12">
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">voornaam</th>
<th class="table-tealish-header">achternaam</th>
<th class="table-tealish-header">tussenvoegsel</th>
<th class="table-tealish-header">gebruikersnaam</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">rol</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:users">
<tr>
<td><span data-bind="text:lastname"></span></td>
<td><span data-bind="text:firstname"></span></td>
<td><span data-bind="text:middlename"></span></td>
<td><span data-bind="text:username"</td>
<td><span data-bind="text:email"></span></td>
<td><span data-bind=""></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editUser"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveUser"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveUser"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeUser"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newUser">
nieuwe gebruiker
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
<table class="table table-sm">
<thead>
<tr>
<th class="table-tealish-header">voornaam</th>
<th class="table-tealish-header">achternaam</th>
<th class="table-tealish-header">tussenvoegsel</th>
<th class="table-tealish-header">gebruikersnaam</th>
<th class="table-tealish-header">email</th>
<th class="table-tealish-header">rol</th>
<th class="table-tealish-header">&nbsp;</th>
</tr>
</thead>
<tbody data-bind="foreach:users">
<tr>
<td><span data-bind="text:lastname"></span></td>
<td><span data-bind="text:firstname"></span></td>
<td><span data-bind="text:middlename"></span></td>
<td><span data-bind="text:username"</td>
<td><span data-bind="text:email"></span></td>
<td><span data-bind=""></span></td>
<td>
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editUser"></i>
<!-- ko if:archive == 'F' -->
<i class="icon fa-archive pointer" title="archiveer"
data-bind="click:$root.archiveUser"></i>
<!-- /ko -->
<!-- ko if:archive != 'F' -->
<i class="icon fa-minus-circle redish pointer" title="archiveer"
data-bind="click:$root.archiveUser"></i>
<!-- /ko -->
<i class="icon fa-trash redish pointer" title="verwijder"
data-bind="click:$root.removeUser"></i>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5" class="">
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newUser">
nieuwe gebruiker
</button>
</td>
<td colspan="2" class="">
<div class="row form-horizontal">
<label class="col-md-4 form-control-label">archief</label>
<div class="col-md-8">
<div class="onoffswitch" data-bind="click:toggleArchive">
<input type="checkbox"
name="onoffswitch"
class="onoffswitch-checkbox"
data-bind="checked:archive"
id="myonoffswitch">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</table>
+5 -2
View File
@@ -2,8 +2,9 @@
<link rel="shortcut icon" href="css/images/favicon.ico?version=<?=$this->version?>">
<!-- Stylesheets VENDOR -->
<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="css/vendor/bootstrap.min.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="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/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/slidepanel/slidePanel.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 -->
<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?>">
<!-- End Stylesheets Pensare -->
+5 -43
View File
@@ -1,11 +1,14 @@
<!-- Core -->
<!--<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/jquery-ui/jquery-ui.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/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/froala/js/froala_editor.min.js"></script>
@@ -13,47 +16,6 @@
<script src="js/vendor/Chart.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 -->
+17 -13
View File
@@ -1,26 +1,30 @@
<div class="site-menubar">
<ul class="site-menu">
<!-- Menu Category-->
<li class="site-menu-category">Menu</li>
<!-- End Menu Category-->
<nav id="sidebar">
<div class="sidebar-header">
<img src="css/images/logo_dbo.png" width="200"/>
</div>
<ul class="list-unstyled components">
<p>MENU</p>
<?php foreach ( $pages as $page ): ?>
<?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>
</li>
<?php else: ?>
<li class="site-menu-item has-sub pointer">
<a href="#"><?= $page->pagename ?></a>
<ul class="site-menu-sub">
<li>
<a href="#<?= $page->pageurl ?>" data-toggle="collapse" aria-expanded="false">
<?= $page->pagename ?>
</a>
<ul class="collapse list-unstyled" id="<?= $page->pageurl ?>">
<?php foreach ( $page->subpages as $subpage ): ?>
<li class="pointer" data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')">
<a><?= $subpage->pagename ?></a>
</li>
<li data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')">
<a href="#"><?= $subpage->pagename ?></a>
</li>
<?php endforeach; ?>
</ul>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
</nav>
@@ -51,19 +51,19 @@
</div>
<div class="row">
<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>
<div id="hours-per-month-legends"></div>
</div>
</div>
<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>
<div id="revenues-per-month-legends"></div>
</div>
</div>
<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>
</div>
</div>
@@ -21,10 +21,10 @@
<div><span>te factureren(incl btw)</span></div>
</th>
<th class="rotate">
<div><span>gefactureerd voorgaande jaren(incl btw)</span></div>
<div><span>gefactureerd <br />voorgaande jaren(incl btw)</span></div>
</th>
<th class="rotate">
<div><span>gefactureerd lopend jaar(incl btw)</span></div>
<div><span>gefactureerd <br />lopend jaar(incl btw)</span></div>
</th>
<th class="rotate">
<div><span>totaal gefactureerd</span></div>
@@ -118,20 +118,20 @@
</tfoot>
</table>
<div class="row">
<div class="col-xl-3">
<div class="graph-holder" style="height:100%">
<div class="col-md-3">
<div class="graph-holder" style="min-height:350px">
<canvas id="recap-revenues" width="300px"></canvas>
<div id="recap-revenues-legends"></div>
</div>
</div>
<div class="col-xl-3">
<div class="graph-holder" style="height:100%">
<div class="col-md-3">
<div class="graph-holder" style="min-height:350px">
<canvas id="recap-revenues-project" width="300px"></canvas>
<div id="recap-revenues-project-legends"></div>
</div>
</div>
<div class="col-xl-6">
<div class="graph-holder" style="height:100%">
<div class="col-md-6">
<div class="graph-holder" style="min-height:350px">
<canvas id="recap-owh" width="300px"></canvas>
</div>
</div>
+2 -1
View File
@@ -2,10 +2,11 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<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">
<span aria-hidden="true">&times;</span>
</button>
</h5>
</div>
<div class="modal-body">
<p data-bind="html:message"></p>
+21
View File
@@ -5,10 +5,31 @@ body{
.page{
background-color: #fff;
padding-top:20px;
height:100%
}
.site-menubar{
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 {
position: relative;
z-index:9999 !important;
+12 -2
View File
@@ -207,9 +207,11 @@ th.focus-green{
text-align: right;
padding-right: 25px;
}
.percentage-sign-holder{
position:relative;
}
.percentage-sign {
position: relative;
position: absolute;
right: 15px;
z-index: 10;
top: 7px;
@@ -307,3 +309,11 @@ th.focus-green{
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 {
opacity: 0;
opacity: 1;
transition: all .3s ease 0s;
-webkit-transform: scale(.7);
transform: scale(.7);
+2
View File
@@ -29,6 +29,8 @@ $( function () {
shouldDisplay ? $( element ).fadeIn( 750 ) : $( element ).fadeOut( 750 );
}
};
$('body').delay(500).fadeIn(1500);
} );
function uploadFile( file, foreignID, tablename, callback ) {
+9 -1
View File
@@ -41,11 +41,19 @@ $( function () {
vm[page]( true );
var func = page.toLowerCase() + 'Init';
console.log( func );
window.dbo[func]();
},
openSubmenu: function () {
}
}
dbo.menuModel.init();
$(".open-submenu").click(function(){
$("#sub-" + $(this).attr('id')).slideToggle('slow');
});
} );