160 lines
8.3 KiB
PHP
160 lines
8.3 KiB
PHP
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="panel panel-bordered panel-primary panel-line">
|
|
<div class="panel-heading panel-heading-project">
|
|
<h3 class="">
|
|
Projectgegevens
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body panel-body-project">
|
|
<div class="row">
|
|
<label class="col-md-4 col-form-label">omschrijving</label>
|
|
<div class="col-md-8">
|
|
<input type="text" class="form-control form-control-sm"
|
|
data-bind="textInput:projectname, event:{keyup:saveProjectname}"/>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">klant</label>
|
|
<div class="col-md-8">
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:customers,
|
|
optionsText:'name',
|
|
optionsValue: 'id',
|
|
value:customerID,
|
|
disable:offers().length > 0,
|
|
optionsCaption:'selecteer klant',
|
|
event:{change:saveProject},
|
|
css:{'is-invalid': ! customerID()}"></select>
|
|
<small class="invalid-feedback"
|
|
data-bind="style:{display: ! customerID() ? 'block' : 'none'}">
|
|
selecteer een klant
|
|
</small>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">projectleider</label>
|
|
<div class="col-md-8">
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:users,
|
|
optionsText:'fullname',
|
|
optionsValue:'id',
|
|
value:projectleaderID,
|
|
optionsCaption:'projectleider',
|
|
event:{change:saveProject}">
|
|
</select>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">begin project</label>
|
|
<div class="col-md-8">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="start project"
|
|
class="form-control form-control-sm"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:startdate,
|
|
event:{change:saveProject}">
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">eind project</label>
|
|
<div class="col-md-8">
|
|
<div class="input-group input-group-icon">
|
|
<span class="input-group-addon">
|
|
<i class="icon fa-calendar"></i>
|
|
</span>
|
|
<input type="text"
|
|
placeholder="eind project"
|
|
class="form-control form-control-sm"
|
|
readonly
|
|
data-bind="datepicker:{dateFormat: 'dd-mm-yy' },
|
|
value:enddate,
|
|
event:{change:saveProject}">
|
|
</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">BTW percentage</label>
|
|
<div class="col-md-3">
|
|
<select class="form-control form-control-sm"
|
|
data-bind="options:vats,
|
|
optionsText:'vatrate',
|
|
optionsValue:'id',
|
|
value:vat_id,
|
|
event:{change:$root.saveProject},
|
|
optionsCaption:'selecteer btw ...'"></select>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-4 col-form-label">te besteden uren</label>
|
|
<div class="col-md-8">
|
|
<h4><span data-bind="text:(totalBudget() - totalHours())"></span></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="panel panel-bordered panel-primary panel-line">
|
|
<div class="panel-heading panel-heading-project">
|
|
<h3 class="">
|
|
Financieel
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body panel-body-project">
|
|
<label class="col-md-6 col-form-label">Eigen tarief omzet(excl.btw)</label>
|
|
<div class="col-md-6">
|
|
<h4 class="form-control-label">
|
|
<i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:ownRevenue"></span>
|
|
</h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Overige kosten(excl.btw)</label>
|
|
<div class="col-md-6">
|
|
<h4 class="form-control-label">
|
|
<i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:otherRevenue"></span>
|
|
</h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Kosten derden(excl.btw)</label>
|
|
<div class="col-md-6">
|
|
<h4 class="form-control-label">
|
|
<i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:costs"></span>
|
|
</h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Totaal omzet(excl.btw)</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:totalRevenues"></span></h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Totaal omzet(incl.btw)</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:totalRevenuesIncl"></span></h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Totaal gefactureerd</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:totalInvoiced"></span></h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Nog te factureren</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:outstanding"></span></h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Totaal betaald</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:payed"></span></h4>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<label class="col-md-6 col-form-label">Gefactureerd niet betaald</label>
|
|
<div class="col-md-6">
|
|
<h4><i class="icon fa-euro"> </i><span class="euro-amount" data-bind="text:outstandingInvoices"></span></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|