115 lines
5.8 KiB
PHP
115 lines
5.8 KiB
PHP
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-8">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th class="table-tealish-header">klant</th>
|
|
<th class="table-tealish-header">project</th>
|
|
<th class="table-tealish-header">datum</th>
|
|
<th class="table-tealish-header">kans</th>
|
|
<th class="table-tealish-header">geaccepteerd</th>
|
|
<th class="table-tealish-header">afgewezen</th>
|
|
<th class="table-tealish-header"> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody data-bind="foreach:offers">
|
|
<tr data-bind="css:{'table-info':$root.selectedRowID() == id}">
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:customerName"></span>
|
|
</td>
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:projectNumber"></span>
|
|
</td>
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:startdate"></span>
|
|
</td>
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:acceptance_chance"></span> %
|
|
</td>
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:accepteddate"></span>
|
|
</td>
|
|
<td data-bind="click:$root.selectOffer" class="pointer">
|
|
<span data-bind="text:rejectdate"></span>
|
|
</td>
|
|
<td>
|
|
<i class="icon fa-edit pointer" title="wijzig" data-bind="click:$root.editOffer"></i>
|
|
<!-- ko if:archive == 'F' -->
|
|
<i class="icon fa-archive pointer" title="archiveer"
|
|
data-bind="click:$root.archiveOffer"></i>
|
|
<!-- /ko -->
|
|
<!-- ko if:archive != 'F' -->
|
|
<i class="icon fa-minus-circle redish pointer" title="archiveer"
|
|
data-bind="click:$root.archiveOffer"></i>
|
|
<!-- /ko -->
|
|
<i class="icon fa-trash redish pointer" title="verwijder"
|
|
data-bind="click:$root.removeOffer, css:{'whiteish':$root.selectedRowID() == id}"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4" class="">
|
|
<button class="btn btn-primary btn-round btn-sm" data-bind="click:newOffer">
|
|
nieuwe offerte
|
|
</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>
|
|
</div>
|
|
<div class="col-xl-4">
|
|
<div class="upload-btn-wrapper" data-bind="visible:selectedRowID()">
|
|
<button class="upload-btn">voeg bestand toe</button>
|
|
<input type="file" name="userfile" data-bind="event:{change:addDocument}" id="fileinput"/>
|
|
</div>
|
|
<ul class="list-group" data-bind="foreach:documents">
|
|
<li class="list-group-dividered">
|
|
<span class="badge badge-info" style="width:100%; text-align:left;">
|
|
<span data-bind="text:fullname"></span> |
|
|
<span data-bind="text:uploaddate"></span>
|
|
</span>
|
|
<span data-bind="text:originalname"></span>
|
|
<span style="float:right">
|
|
<i class="icon fa-download pointer" data-bind="click:$root.downloadDocument"></i>
|
|
<i class="icon fa-trash redish pointer" data-bind="click:$root.removeFile"></i>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<hr/>
|
|
<button data-bind="click:addComment, visible:selectedRowID()" class="upload-btn">
|
|
voeg commentaar toe
|
|
</button>
|
|
<!-- ko foreach: comments -->
|
|
<div data-bind="click:$root.editComment" class="pointer">
|
|
<span class="badge badge-info" style="width:100%; text-align:left;">
|
|
<span data-bind="text:fullname"></span> |
|
|
<span data-bind="text:comment_date"></span>
|
|
</span>
|
|
</div>
|
|
<div data-bind="html:comment,click:$root.editComment" class="comment-text pointer"></div>
|
|
<!-- /ko -->
|
|
</div>
|
|
</div>
|
|
</div> |