Customers
This commit is contained in:
@@ -16,10 +16,7 @@
|
||||
<?php $this->load->view( 'partials/_css' ); ?>
|
||||
|
||||
<?php $this->load->view( 'partials/_fonts' ); ?>
|
||||
<script src="js/vendor/breakpoints/breakpoints.js"></script>
|
||||
<script>
|
||||
Breakpoints();
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body id="dbois-app">
|
||||
<!-- ko stopBinding: true -->
|
||||
|
||||
@@ -0,0 +1,158 @@
|
||||
<div class="modal modal-fade-in-scale-up modal-primary" tabindex="-1" id="customer-modal">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">toevoegen / wijzigen opdrachtgever</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div role="form" class="form-horizontal">
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
naam
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-institution"></i>
|
||||
</span>
|
||||
<input type="text"
|
||||
placeholder="voornaam"
|
||||
class="form-control"
|
||||
data-bind="textInput:name,
|
||||
css:{'is-invalid':nameInvalid}">
|
||||
</div>
|
||||
<small class="invalid-feedback"
|
||||
data-bind="style:{display: nameInvalid() ? 'block' : 'none'}">
|
||||
voer een naam in
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
adres
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-address-book-o"></i>
|
||||
</span>
|
||||
<input type="text"
|
||||
placeholder="adres"
|
||||
class="form-control"
|
||||
data-bind="textInput:address">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
postcode
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-address-book-o"></i>
|
||||
</span>
|
||||
<input type="text"
|
||||
placeholder="postcode"
|
||||
class="form-control"
|
||||
data-bind="textInput:postcode">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
plaats
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-address-book-o"></i>
|
||||
</span>
|
||||
<input type="text"
|
||||
placeholder="plaats"
|
||||
class="form-control"
|
||||
data-bind="textInput:place">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
contactpersoon
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-user"></i>
|
||||
</span>
|
||||
<input type="email"
|
||||
placeholder="contactpersoon"
|
||||
class="form-control"
|
||||
data-bind="textInput:contactperson">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
email
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-envelope"></i>
|
||||
</span>
|
||||
<input type="email"
|
||||
placeholder="email"
|
||||
class="form-control"
|
||||
data-bind="textInput:email,
|
||||
css:{'is-invalid':emailInvalid}">
|
||||
</div>
|
||||
<small class="invalid-feedback"
|
||||
data-bind="style:{display: emailInvalid() ? 'block' : 'none'}">
|
||||
email ongeldig<span data-bind="text:emailInvalid"></span>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
website
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<div class="input-group input-group-icon">
|
||||
<span class="input-group-addon">
|
||||
<i class="icon fa-link"></i>
|
||||
</span>
|
||||
<input type="email"
|
||||
placeholder="email"
|
||||
class="form-control"
|
||||
data-bind="textInput:website">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-xl-3 form-control-label">
|
||||
opmerkingen
|
||||
</label>
|
||||
<div class="col-xl-9">
|
||||
<textarea class="form-control" data-bind="textInput:remarks"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button"
|
||||
class="btn btn-success"
|
||||
data-bind="visible:formValid(), click:saveCustomer">opslaan
|
||||
</button>
|
||||
<button type="button" class="btn btn-warning" data-dismiss="modal">annuleren</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,7 +1,68 @@
|
||||
<?php
|
||||
/**
|
||||
* Created by Pensare Software.
|
||||
* User: Theo Weijmer
|
||||
* Date: 29/12/2017
|
||||
* Time: 14:17
|
||||
*/
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-8">
|
||||
<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"> </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>
|
||||
@@ -1,50 +1,49 @@
|
||||
|
||||
<!-- 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/popper-js/umd/popper.min.js"></script>
|
||||
<script src="js/vendor/bootstrap/bootstrap.js"></script>
|
||||
<script src="js/vendor/animsition/animsition.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>
|
||||
<!--<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>
|
||||
<!--<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/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="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>
|
||||
<!--<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/switchery.js"></script>
|
||||
<script src="js/vendor/Plugin/matchheight.js"></script>
|
||||
<script src="js/vendor/Plugin/jvectormap.js"></script>
|
||||
<!--<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 -->
|
||||
|
||||
@@ -56,9 +55,11 @@
|
||||
<script src="js/lib/modules/beheer/usersModule.js"></script>
|
||||
<script src="js/lib/modules/beheer/customersModule.js"></script>
|
||||
<script src="js/lib/modules/modals/userModal.js"></script>
|
||||
<script src="js/lib/modules/modals/customerModal.js"></script>
|
||||
|
||||
|
||||
<script src="js/lib/dataservices/pageDataservice.js"></script>
|
||||
<script src="js/lib/dataservices/userDataservice.js"></script>
|
||||
<script src="js/lib/dataservices/customerDataservice.js"></script>
|
||||
<script src="js/lib/dataservices/rolesDataservice.js"></script>
|
||||
<script src="js/lib/helpers.js"></script>
|
||||
@@ -1,7 +1,10 @@
|
||||
<?php
|
||||
|
||||
$this->load->view('modals/user_modal');
|
||||
$this->load->view('modals/customer_modal');
|
||||
|
||||
$this->load->view('specials/tellme_modal');
|
||||
|
||||
?>
|
||||
|
||||
|
||||
|
||||
@@ -10,11 +10,11 @@
|
||||
<a href="#"><?= $page->pagename ?></a>
|
||||
</li>
|
||||
<?php else: ?>
|
||||
<li class="site-menu-item has-sub">
|
||||
<li class="site-menu-item has-sub pointer">
|
||||
<a href="#"><?= $page->pagename ?></a>
|
||||
<ul class="site-menu-sub">
|
||||
<?php foreach ( $page->subpages as $subpage ): ?>
|
||||
<li data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')">
|
||||
<li class="pointer" data-bind="click:setPage.bind($data, '<?= $subpage->pageurl ?>')">
|
||||
<a><?= $subpage->pagename ?></a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
Reference in New Issue
Block a user