190 lines
11 KiB
PHP
190 lines
11 KiB
PHP
<div class="modal modal-fade-in-scale-up modal-primary" tabindex="-1" id="external-modal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">toevoegen / wijzigen externe</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">
|
|
naam
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-user"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="contactperson"
|
|
class="form-control"
|
|
data-bind="textInput:contactperson,
|
|
css:{'is-invalid':contactpersonInvalid}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: contactpersonInvalid() ? 'block' : 'none'}">
|
|
voer een naam in
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
bedrijfsnaam
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-institution"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="bedrijfsnaam"
|
|
class="form-control"
|
|
data-bind="textInput:name">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
adres
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-address-book-o"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="adres"
|
|
class="form-control"
|
|
data-bind="textInput:address">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
postcode
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-address-book-o"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="postcode"
|
|
class="form-control"
|
|
data-bind="textInput:postcode">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
plaats
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-address-book-o"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="plaats"
|
|
class="form-control"
|
|
data-bind="textInput:place">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
email
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-envelope"></i>
|
|
</span>
|
|
<input type="email"
|
|
placeholder="email"
|
|
class="form-control"
|
|
data-bind="textInput:email,
|
|
css:{'is-invalid':emailInvalid}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: emailInvalid() ? 'block' : 'none'}">
|
|
email ongeldig<span data-bind="text:emailInvalid"></span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
website
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-link"></i>
|
|
</span>
|
|
<input type="email"
|
|
placeholder="email"
|
|
class="form-control"
|
|
data-bind="textInput:website">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
kvk - nummer
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-institution"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="kvk nummer"
|
|
class="form-control"
|
|
data-bind="textInput:kvk_number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
tarief (per uur)
|
|
</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="tarief"
|
|
class="form-control align-right"
|
|
data-bind="textInput:rate, event:{keyup:validateNumber}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
opmerkingen
|
|
</label>
|
|
<div class="col-xl-9">
|
|
<textarea class="form-control" data-bind="textInput:remarks"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-success"
|
|
data-bind="visible:formValid(), click:saveExternal">opslaan
|
|
</button>
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">annuleren</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |