62 lines
2.5 KiB
PHP
62 lines
2.5 KiB
PHP
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th class="table-tealish-header">naam</th>
|
|
<th class="table-tealish-header">adres</th>
|
|
<th class="table-tealish-header">plaats</th>
|
|
<th class="table-tealish-header">contactpersoon</th>
|
|
<th class="table-tealish-header">email</th>
|
|
<th class="table-tealish-header"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach:customers">
|
|
<tr>
|
|
<td><span data-bind="text:name"></span></td>
|
|
<td><span data-bind="text:address"></span></td>
|
|
<td><span data-bind="text:postcode + ' ' + place"></span></td>
|
|
<td><span data-bind="text:contactperson"</td>
|
|
<td><span data-bind="text:email"></span></td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editCustomer"></i>
|
|
<!-- ko if:archive == 'F' -->
|
|
<i class="icon fa-archive pointer" title="archiveer"
|
|
data-bind="click:$root.archiveCustomer"></i>
|
|
<!-- /ko -->
|
|
<!-- ko if:archive != 'F' -->
|
|
<i class="icon fa-minus-circle redish pointer" title="archiveer"
|
|
data-bind="click:$root.archiveCustomer"></i>
|
|
<!-- /ko -->
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removeCustomer"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="">
|
|
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newCustomer">
|
|
nieuwe opdrachtgever
|
|
</button>
|
|
</td>
|
|
<td colspan="2" class="">
|
|
<div class="row form-horizontal">
|
|
<label class="col-md-4 form-control-label">archief</label>
|
|
<div class="col-md-8">
|
|
<div class="onoffswitch" data-bind="click:toggleArchive">
|
|
<input type="checkbox"
|
|
name="onoffswitch"
|
|
class="onoffswitch-checkbox"
|
|
data-bind="checked:archive"
|
|
id="myonoffswitch">
|
|
<label class="onoffswitch-label" for="myonoffswitch">
|
|
<span class="onoffswitch-inner"></span>
|
|
<span class="onoffswitch-switch"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
|
|
</table> |