126 lines
6.9 KiB
PHP
126 lines
6.9 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">
|
|
klant
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<select class="form-control"
|
|
data-bind="options:customers
|
|
optionsValue:id,
|
|
optionsText:name,
|
|
value:selectedCustomerID,
|
|
optionsCaption:selecteer klant"></select>
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! selectedCustomer() ? 'block' : 'none'}">
|
|
selecteer een klant
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
project
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<select class="form-control"
|
|
data-bind="options:projects,
|
|
optionsValue: id,
|
|
optionsText:projectnumber,
|
|
value:selectedProjectID"
|
|
</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-9">
|
|
<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"
|
|
data-bind="datepicker:{}, value:startdate">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
kans
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-question"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="kans"
|
|
class="form-control"
|
|
data-bind="textInput:acceptance_chance">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
acceptatie datum
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<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"
|
|
data-bind="datepicker:{}, value:accepteddate">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
afwijsdatum
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<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"
|
|
data-bind="datepicker:{}, value:rejectdate">
|
|
</div>
|
|
</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> |