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
+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"