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