158 lines
9.3 KiB
PHP
158 lines
9.3 KiB
PHP
<div class="modal modal-fade-in-scale-up modal-primary" tabindex="-1" id="user-modal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">toevoegen / wijzigen medewerker</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">
|
|
voornaam
|
|
</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="voornaam"
|
|
class="form-control"
|
|
data-bind="textInput:firstname,
|
|
css:{'is-invalid':firstnameInvalid}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: firstnameInvalid() ? 'block' : 'none'}">
|
|
voer een voornaam in<span data-bind="text:firstnameInvalid"></span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
tussenvoegsel
|
|
</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="tussenvoegsel"
|
|
class="form-control"
|
|
data-bind="textInput:middlename">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
achternaam
|
|
</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="achternaam"
|
|
class="form-control"
|
|
data-bind="textInput:lastname,
|
|
css:{'is-invalid':lastnameInvalid}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: lastnameInvalid() ? 'block' : 'none'}">
|
|
voer een achternaam in<span data-bind="text:lastnameInvalid"></span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-3 form-control-label">
|
|
gebruikersnaam
|
|
</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="gebruikersnaam"
|
|
class="form-control"
|
|
data-bind="textInput:username,
|
|
css:{'is-invalid':usernameInvalid}">
|
|
</div>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: usernameInvalid() ? 'block' : 'none'}">
|
|
voer een gebruikernaam in<span data-bind="text:username"></span>
|
|
</small>
|
|
</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">
|
|
uurtarief
|
|
</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="uurtarief"
|
|
class="form-control align-right"
|
|
data-bind="textInput:hourlyRate,
|
|
event:{keyup:validateNumber.bind($data, 'hourlyRate')}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-xl-3"> </div>
|
|
<!-- ko foreach:roles -->
|
|
<div class="radio-inline">
|
|
<i class="icon fa-circle-o blueish"
|
|
style="cursor:pointer;"
|
|
data-bind="visible:$root.role() != rolelevel,
|
|
click:$root.setRole"></i>
|
|
<i class="icon fa-check-circle-o greenish"
|
|
data-bind="visible:$root.role() == rolelevel"></i>
|
|
<label data-bind="text:rolename">
|
|
</label>
|
|
</div>
|
|
<!-- /ko -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button"
|
|
class="btn btn-success"
|
|
data-bind="visible:formValid(), click:saveUser">opslaan</button>
|
|
<button type="button" class="btn btn-warning" data-dismiss="modal">annuleren</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |