289 lines
16 KiB
PHP
289 lines
16 KiB
PHP
<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
|
|
<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-md-12">
|
|
<div role="form" class="form-horizontal">
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
offerte nummer
|
|
</label>
|
|
<div class="col-md-5">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-asterisk"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="offerte nummer"
|
|
class="form-control"
|
|
data-bind="textInput:offernumber">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! offernumber() ? 'block' : 'none'}">
|
|
voer een offerte nummer in
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
offerte naam
|
|
</label>
|
|
<div class="col-md-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-bookmark"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="offerte naam"
|
|
class="form-control"
|
|
data-bind="textInput:offername">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
offerte leider
|
|
</label>
|
|
<div class="col-md-8">
|
|
<div class="input-group input-group-icon">
|
|
<select class="form-control"
|
|
data-bind="options:users,
|
|
optionsValue:'id',
|
|
optionsText:'fullname',
|
|
value:offerleader_id,
|
|
optionsCaption:'selecteer offerteleider'">
|
|
</select>
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! offerleader_id() ? 'block' : 'none'}">
|
|
selecteer een offerteleider
|
|
</small>
|
|
</div>
|
|
<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-md-3 control-label">
|
|
klant
|
|
</label>
|
|
<div class="col-md-8">
|
|
<div class="input-group input-group-icon">
|
|
<select class="form-control"
|
|
data-bind="options:customers,
|
|
optionsValue:'id',
|
|
optionsText:'name',
|
|
value:customer_id,
|
|
optionsCaption:'selecteer klant',
|
|
event:{change:getCustomerProjects}"></select>
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! customer_id() ? 'block' : 'none'}">
|
|
selecteer een klant
|
|
</small>
|
|
</div>
|
|
<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-md-3 control-label">-->
|
|
<!-- project-->
|
|
<!-- </label>-->
|
|
<!-- <div class="col-md-8">-->
|
|
<!-- <select class="form-control"-->
|
|
<!-- data-bind="options:projects,-->
|
|
<!-- optionsValue: 'id',-->
|
|
<!-- optionsText:'projectnumber',-->
|
|
<!-- disable: ! customer_id(),-->
|
|
<!-- value:project_id"></select>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<div class="form-group row">
|
|
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
datum offerte
|
|
</label>
|
|
<div class="col-md-5">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="datum offerte"
|
|
class="form-control"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:startdate, css:{'is-invalid': ! offerDateValid()}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! offerDateValid() ? 'block' : 'none'}">
|
|
voer een offerte datum in
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
kans
|
|
</label>
|
|
<div class="col-md-4">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-percent"></i>
|
|
</span>
|
|
<div>
|
|
<input type="text"
|
|
placeholder="kans"
|
|
class="form-control percentage-input"
|
|
data-bind="textInput:acceptance_chance,
|
|
event:{keyup:validateNumber}">
|
|
<span class="percentage-sign">%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
omzet
|
|
</label>
|
|
<div class="col-md-4">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-euro"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="eigen omzet"
|
|
class="form-control align-right"
|
|
data-bind="textInput:own_revenue,
|
|
event:{keyup:validateNumber}">
|
|
</div>
|
|
<small>
|
|
Eigen tarief omzet (excl btw)
|
|
</small>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-euro"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="overige omzet"
|
|
class="form-control align-right"
|
|
data-bind="textInput:other_revenue,
|
|
event:{keyup:validateNumber}">
|
|
</div>
|
|
<small>
|
|
Overige kosten (excl btw)
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
 
|
|
</label>
|
|
<div class="col-md-4">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-euro"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="eigen omzet"
|
|
class="form-control align-right"
|
|
data-bind="textInput:costs,
|
|
event:{keyup:validateNumber}">
|
|
</div>
|
|
<small>
|
|
kosten derden (excl btw)
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
deadline
|
|
</label>
|
|
<div class="col-md-5">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="email"
|
|
placeholder="deadline"
|
|
class="form-control"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:deadline, disable:accepteddate()">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<span class="icon fa-remove redish pointer"
|
|
data-bind="visible:rejectdate(), click:resetDate.bind($data, 'rejectdate')"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-3 control-label">
|
|
acceptatie datum
|
|
</label>
|
|
<div class="col-md-5">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="acceptatie datum"
|
|
class="form-control"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:accepteddate, disable:rejectdate()">
|
|
</div>
|
|
</div>
|
|
<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-md-3 control-label">
|
|
afwijsdatum
|
|
</label>
|
|
<div class="col-md-5">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="email"
|
|
placeholder="afwijsdatum"
|
|
class="form-control"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' }, value:rejectdate, disable:accepteddate()">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1">
|
|
<span class="icon fa-remove redish pointer"
|
|
data-bind="visible:rejectdate(), click:resetDate.bind($data, 'rejectdate')"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-success"
|
|
data-bind="visible:formValid(), click:saveOffer">opslaan
|
|
</button>
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">annuleren</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|