227 lines
13 KiB
PHP
227 lines
13 KiB
PHP
<div class="modal modal-fade-in-scale-up 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>
|
|
<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">
|
|
offerte nummer
|
|
</label>
|
|
<div class="col-xl-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-xl-3 form-control-label">
|
|
offerte leider
|
|
</label>
|
|
<div class="col-xl-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-xl-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">
|
|
klant
|
|
</label>
|
|
<div class="col-xl-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-xl-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">
|
|
project
|
|
</label>
|
|
<div class="col-xl-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-xl-3 form-control-label">
|
|
datum offerte
|
|
</label>
|
|
<div class="col-xl-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-xl-3 form-control-label">
|
|
kans
|
|
</label>
|
|
<div class="col-xl-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,
|
|
event:{keyup:validateNumber}">
|
|
<span class="percentage-sign">%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
omzet
|
|
</label>
|
|
<div class="col-xl-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 omzet
|
|
</small>
|
|
</div>
|
|
<div class="col-xl-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 omzet
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
acceptatie datum
|
|
</label>
|
|
<div class="col-xl-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-xl-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">
|
|
afwijsdatum
|
|
</label>
|
|
<div class="col-xl-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-xl-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> |