aanpassen styling voor side menu
This commit is contained in:
@@ -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">×</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>
|
||||
|
||||
@@ -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">×</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>
|
||||
|
||||
@@ -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">×</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">%</span>
|
||||
<span class="percentage-sign">%</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>
|
||||
|
||||
@@ -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">×</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"> </div>
|
||||
<div class="col-md-3"> </div>
|
||||
<!-- ko foreach:roles -->
|
||||
<div class="radio-inline">
|
||||
<i class="icon fa-circle-o blueish"
|
||||
|
||||
Reference in New Issue
Block a user