Item template adjustments

This commit is contained in:
Dennis Eichhorn 2017-03-15 19:47:42 +01:00
parent df4d8ba3c6
commit 282dbe7770
2 changed files with 240 additions and 207 deletions

View File

@ -24,192 +24,216 @@ echo $this->getData('nav')->render(); ?>
<ul class="tab-links"> <ul class="tab-links">
<li><label for="c-tab-1"><?= $this->getText('Invoice') ?></label></li> <li><label for="c-tab-1"><?= $this->getText('Invoice') ?></label></li>
<li><label for="c-tab-2"><?= $this->getText('Items') ?></label></li> <li><label for="c-tab-2"><?= $this->getText('Items') ?></label></li>
<li><label for="c-tab-3"><?= $this->getText('Payment') ?></label></li> <li><label for="c-tab-3">Preview</label></li>
<li><label for="c-tab-4"><?= $this->getText('Media') ?></label></li> <li><label for="c-tab-4"><?= $this->getText('Payment') ?></label></li>
<li><label for="c-tab-5"><?= $this->getText('Logs') ?></label></li> <li><label for="c-tab-5"><?= $this->getText('Media') ?></label></li>
<li><label for="c-tab-6"><?= $this->getText('Logs') ?></label></li>
</ul> </ul>
</div> </div>
<div class="tab-content"> <div class="tab-content">
<input type="radio" id="c-tab-1" name="tabular-2" checked> <input type="radio" id="c-tab-1" name="tabular-2" checked>
<div class="tab"> <div class="tab">
<section class="box w-50 floatLeft"> <div class="row">
<header><h1><?= $this->getText('Invoice') ?></h1></header> <div class="col-xs-12 col-md-6 col-lg-4">
<div class="inner"> <section class="box wf-100">
<form> <header><h1><?= $this->getText('Invoice') ?></h1></header>
<table class="layout wf-100"> <div class="inner">
<tr><td><label for="iSource"><?= $this->getText('Source') ?></label> <form>
<tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iSource" name="source"></span> <table class="layout wf-100">
<tr><td><label for="iType"><?= $this->getText('Type') ?></label> <tr><td><label for="iSource"><?= $this->getText('Source') ?></label>
<tr><td><select id="iType" name="type"> <tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iSource" name="source"></span>
<option><?= $this->getText('Invoice') ?> <tr><td><label for="iType"><?= $this->getText('Type') ?></label>
<option><?= $this->getText('Offer') ?> <tr><td><select id="iType" name="type">
<option><?= $this->getText('Confirmation') ?> <option><?= $this->getText('Invoice') ?>
<option><?= $this->getText('DeliveryNote') ?> <option><?= $this->getText('Offer') ?>
<option><?= $this->getText('CreditNote') ?> <option><?= $this->getText('Confirmation') ?>
</select> <option><?= $this->getText('DeliveryNote') ?>
<tr><td><label for="iClient"><?= $this->getText('Client') ?></label> <option><?= $this->getText('CreditNote') ?>
<tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iClient" name="client"></span> </select>
<tr><td><label for="iDelivery"><?= $this->getText('Delivery') ?></label> <tr><td><label for="iClient"><?= $this->getText('Client') ?></label>
<tr><td><input type="datetime-local" id="iDelivery" name="delivery"> <tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" id="iClient" name="client"></span>
<tr><td><label for="iDue"><?= $this->getText('Due') ?></label> <tr><td><label for="iDelivery"><?= $this->getText('Delivery') ?></label>
<tr><td><input type="datetime-local" id="iDue" name="due"> <tr><td><input type="datetime-local" id="iDelivery" name="delivery">
<tr><td><label for="iFreightage"><?= $this->getText('Freightage') ?></label> <tr><td><label for="iDue"><?= $this->getText('Due') ?></label>
<tr><td><input type="number" id="iFreightage" name="freightage"> <tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iShipment"><?= $this->getText('Shipment') ?></label> <tr><td><label for="iFreightage"><?= $this->getText('Freightage') ?></label>
<tr><td><select id="iShipment" name="shipment"> <tr><td><input type="number" id="iFreightage" name="freightage">
<option> <tr><td><label for="iShipment"><?= $this->getText('Shipment') ?></label>
</select> <tr><td><select id="iShipment" name="shipment">
<tr><td><label for="iTermsOfDelivery"><?= $this->getText('TermsOfDelivery') ?></label> <option>
<tr><td><select id="iTermsOfDelivery" name="termsofdelivery"> </select>
<option> <tr><td><label for="iTermsOfDelivery"><?= $this->getText('TermsOfDelivery') ?></label>
</select> <tr><td><select id="iTermsOfDelivery" name="termsofdelivery">
<tr><td colspan="3"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>"> <option>
</table> </select>
</form> <tr><td colspan="3"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
</table>
</form>
</div>
</section>
</div> </div>
</section>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6 col-lg-4">
<header><h1><?= $this->getText('Invoice') ?></h1></header> <section class="box wf-100">
<div class="inner"> <header><h1><?= $this->getText('Invoice') ?></h1></header>
<form> <div class="inner">
<table class="layout wf-100"> <form>
<tr><td><label for="iAddressS"><?= $this->getText('Addresses') ?></label> <table class="layout wf-100">
<tr><td><select id="iAddressS" name="addressS"> <tr><td><label for="iAddressS"><?= $this->getText('Addresses') ?></label>
<option> <tr><td><select id="iAddressS" name="addressS">
</select> <option>
<tr><td><label for="iIRecipient"><?= $this->getText('Recipient') ?></label> </select>
<tr><td><input type="text" id="iIRecipient" name="irecipient"> <tr><td><label for="iIRecipient"><?= $this->getText('Recipient') ?></label>
<tr><td><label for="iAddress"><?= $this->getText('Address') ?></label> <tr><td><input type="text" id="iIRecipient" name="irecipient">
<tr><td><input type="text" id="iAddress" name="address"> <tr><td><label for="iAddress"><?= $this->getText('Address') ?></label>
<tr><td><label for="iZip"><?= $this->getText('Zip') ?></label> <tr><td><input type="text" id="iAddress" name="address">
<tr><td><input type="text" id="iZip" name="zip"> <tr><td><label for="iZip"><?= $this->getText('Zip') ?></label>
<tr><td><label for="iCity"><?= $this->getText('City') ?></label> <tr><td><input type="text" id="iZip" name="zip">
<tr><td><input type="text" id="iCity" name="city"> <tr><td><label for="iCity"><?= $this->getText('City') ?></label>
<tr><td><label for="iCountry"><?= $this->getText('Country') ?></label> <tr><td><input type="text" id="iCity" name="city">
<tr><td><input type="text" id="iCountry" name="country"> <tr><td><label for="iCountry"><?= $this->getText('Country') ?></label>
</table> <tr><td><input type="text" id="iCountry" name="country">
</form> </table>
</form>
</div>
</section>
</div> </div>
</section>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6 col-lg-4">
<header><h1><?= $this->getText('Delivery') ?></h1></header> <section class="box wf-100">
<div class="inner"> <header><h1><?= $this->getText('Delivery') ?></h1></header>
<form> <div class="inner">
<table class="layout wf-100"> <form>
<tr><td><label for="iAddressS"><?= $this->getText('Addresses') ?></label> <table class="layout wf-100">
<tr><td><select id="iAddressS" name="addressS"> <tr><td><label for="iAddressS"><?= $this->getText('Addresses') ?></label>
<option> <tr><td><select id="iAddressS" name="addressS">
</select> <option>
<tr><td><label for="iDRecipient"><?= $this->getText('Recipient') ?></label> </select>
<tr><td><input type="text" id="iDRecipient" name="drecipient"> <tr><td><label for="iDRecipient"><?= $this->getText('Recipient') ?></label>
<tr><td><label for="iAddress"><?= $this->getText('Address') ?></label> <tr><td><input type="text" id="iDRecipient" name="drecipient">
<tr><td><input type="text" id="iAddress" name="address"> <tr><td><label for="iAddress"><?= $this->getText('Address') ?></label>
<tr><td><label for="iZip"><?= $this->getText('Zip') ?></label> <tr><td><input type="text" id="iAddress" name="address">
<tr><td><input type="text" id="iZip" name="zip"> <tr><td><label for="iZip"><?= $this->getText('Zip') ?></label>
<tr><td><label for="iCity"><?= $this->getText('City') ?></label> <tr><td><input type="text" id="iZip" name="zip">
<tr><td><input type="text" id="iCity" name="city"> <tr><td><label for="iCity"><?= $this->getText('City') ?></label>
<tr><td><label for="iCountry"><?= $this->getText('Country') ?></label> <tr><td><input type="text" id="iCity" name="city">
<tr><td><input type="text" id="iCountry" name="country"> <tr><td><label for="iCountry"><?= $this->getText('Country') ?></label>
</table> <tr><td><input type="text" id="iCountry" name="country">
</form> </table>
</form>
</div>
</section>
</div> </div>
</section> </div>
</div> </div>
<input type="radio" id="c-tab-2" name="tabular-2"> <input type="radio" id="c-tab-2" name="tabular-2">
<div class="tab"> <div class="tab">
<div class="box w-100"> <div class="row">
<table class="table"> <div class="col-xs-12">
<caption><?= $this->getText('Invoice') ?></caption> <div class="box wf-100">
<thead> <table class="table">
<tr> <caption><?= $this->getText('Invoice') ?></caption>
<td> <thead>
<td><?= $this->getText('Item'); ?> <tr>
<td><?= $this->getText('Variation'); ?> <td>
<td class="wf-100"><?= $this->getText('Name'); ?> <td><?= $this->getText('Item'); ?>
<td><?= $this->getText('Quantity'); ?> <td><?= $this->getText('Variation'); ?>
<td><?= $this->getText('Discount'); ?> <td class="wf-100"><?= $this->getText('Name'); ?>
<td><?= $this->getText('DiscountP'); ?> <td><?= $this->getText('Quantity'); ?>
<td><?= $this->getText('Bonus'); ?> <td><?= $this->getText('Discount'); ?>
<td><?= $this->getText('Tax'); ?> <td><?= $this->getText('DiscountP'); ?>
<td><?= $this->getText('Net'); ?> <td><?= $this->getText('Bonus'); ?>
<tfoot> <td><?= $this->getText('Tax'); ?>
<tr> <td><?= $this->getText('Net'); ?>
<td colspan="8"><!-- todo: make this look nicer. even as alpha release this looks bad. --> <tfoot>
<?= $this->getText('Freightage'); ?>: 0.00 - <tr>
<?= $this->getText('Net'); ?>: 0.00 - <td colspan="8"><!-- todo: make this look nicer. even as alpha release this looks bad. -->
<?= $this->getText('Tax'); ?>: 0.00 - <?= $this->getText('Freightage'); ?>: 0.00 -
<?= $this->getText('Total'); ?>: 0.00 <?= $this->getText('Net'); ?>: 0.00 -
<tbody> <?= $this->getText('Tax'); ?>: 0.00 -
<tr> <?= $this->getText('Total'); ?>: 0.00
<td><i class="fa fa-plus"></i> <i class="fa fa-chevron-up"></i> <i class="fa fa-chevron-down"></i> <tbody>
<td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" required></span> <tr>
<td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" required></span> <td><i class="fa fa-plus"></i> <i class="fa fa-chevron-up"></i> <i class="fa fa-chevron-down"></i>
<td><input type="text" required><!-- todo: make this textarea --> <td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" required></span>
<td><input type="number" min="0" value="0" required> <td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="text" required></span>
<td><input type="number" min="0"> <td><input type="text" required><!-- todo: make this textarea -->
<td><input type="number" min="0" max="100" step="any"> <td><input type="number" min="0" value="0" required>
<td><input type="number" min="0" step="any"> <td><input type="number" min="0">
<td><input type="number" min="0" step="any"> <td><input type="number" min="0" max="100" step="any">
<td> <td><input type="number" min="0" step="any">
</table> <td><input type="number" min="0" step="any">
<td>
</table>
</div>
</div>
</div> </div>
</div> </div>
<input type="radio" id="c-tab-3" name="tabular-2"> <input type="radio" id="c-tab-3" name="tabular-2">
<div class="tab"> <div class="tab">
<section class="box w-50 floatLeft">
<header><h1><?= $this->getText('Payment') ?></h1></header>
<div class="inner">
<form>
<table class="layout wf-100">
<tr><td><label for="iType"><?= $this->getText('Type') ?></label>
<tr><td><select id="iType" name="type">
<option>
</select>
<tr><td><label for="iType"><?= $this->getText('Type') ?></label>
<tr><td><select id="iType" name="type">
<option><?= $this->getText('MoneyTransfer') ?>
<option><?= $this->getText('Prepaid') ?>
<option><?= $this->getText('AlreadyPaid') ?>
<option><?= $this->getText('CreditCard') ?>
<option><?= $this->getText('DirectDebit') ?>
</select>
<tr><td><label for="iDue"><?= $this->getText('Due') ?></label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iDue"><?= $this->getText('Due') ?> - <?= $this->getText('Cashback') ?></label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iCashBack"><?= $this->getText('Cashback') ?></label>
<tr><td><input type="number" id="iCashBack" name="cashback">
<tr><td><label for="iDue"><?= $this->getText('Due') ?> - <?= $this->getText('Cashback') ?> 2</label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iCashBack2"><?= $this->getText('Cashback') ?> 2</label>
<tr><td><input type="number" id="iCashBack2" name="cashback2">
<tr><td colspan="3"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
</table>
</form>
</div>
</section>
</div> </div>
<input type="radio" id="c-tab-4" name="tabular-2"> <input type="radio" id="c-tab-4" name="tabular-2">
<div class="tab"> <div class="tab">
<section class="box w-50 floatLeft"> <div class="row">
<header><h1><?= $this->getText('Media'); ?></h1></header> <div class="col-xs-12 col-md-6 col-lg-4">
<section class="box wf-100">
<div class="inner"> <header><h1><?= $this->getText('Payment') ?></h1></header>
<form> <div class="inner">
<table class="layout wf-100"> <form>
<tbody> <table class="layout wf-100">
<tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label> <tr><td><label for="iType"><?= $this->getText('Type') ?></label>
<tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button> <tr><td><select id="iType" name="type">
<tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label> <option>
<tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td> </select>
</table> <tr><td><label for="iType"><?= $this->getText('Type') ?></label>
</form> <tr><td><select id="iType" name="type">
<option><?= $this->getText('MoneyTransfer') ?>
<option><?= $this->getText('Prepaid') ?>
<option><?= $this->getText('AlreadyPaid') ?>
<option><?= $this->getText('CreditCard') ?>
<option><?= $this->getText('DirectDebit') ?>
</select>
<tr><td><label for="iDue"><?= $this->getText('Due') ?></label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iDue"><?= $this->getText('Due') ?> - <?= $this->getText('Cashback') ?></label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iCashBack"><?= $this->getText('Cashback') ?></label>
<tr><td><input type="number" id="iCashBack" name="cashback">
<tr><td><label for="iDue"><?= $this->getText('Due') ?> - <?= $this->getText('Cashback') ?> 2</label>
<tr><td><input type="datetime-local" id="iDue" name="due">
<tr><td><label for="iCashBack2"><?= $this->getText('Cashback') ?> 2</label>
<tr><td><input type="number" id="iCashBack2" name="cashback2">
<tr><td colspan="3"><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
</table>
</form>
</div>
</section>
</div> </div>
</section> </div>
</div> </div>
<input type="radio" id="c-tab-5" name="tabular-2"> <input type="radio" id="c-tab-5" name="tabular-2">
<div class="tab">
<div class="row">
<div class="col-xs-12 col-md-6 col-lg-4">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner">
<form>
<table class="layout wf-100">
<tbody>
<tr><td colspan="2"><label for="iMedia"><?= $this->getText('Media'); ?></label>
<tr><td><input type="text" id="iMedia" placeholder="&#xf15b; File"><td><button><?= $this->getText('Select'); ?></button>
<tr><td colspan="2"><label for="iUpload"><?= $this->getText('Upload'); ?></label>
<tr><td><input type="file" id="iUpload" form="fTask"><input form="fTask" type="hidden" name="type"><td>
</table>
</form>
</div>
</section>
</div>
</div>
</div>
<input type="radio" id="c-tab-6" name="tabular-2">
<div class="tab"> <div class="tab">
<?php <?php
$footerView = new \Web\Views\Lists\PaginationView($this->app, $this->request, $this->response); $footerView = new \Web\Views\Lists\PaginationView($this->app, $this->request, $this->response);
@ -217,27 +241,31 @@ echo $this->getData('nav')->render(); ?>
$footerView->setPages(20); $footerView->setPages(20);
$footerView->setPage(1); $footerView->setPage(1);
?> ?>
<div class="box w-100"> <div class="row">
<table class="table"> <div class="col-xs-12">
<caption><?= $this->getText('Logs') ?></caption> <div class="box wf-100">
<thead> <table class="table">
<tr> <caption><?= $this->getText('Logs') ?></caption>
<td>IP <thead>
<td><?= $this->getText('ID', 0, 0); ?> <tr>
<td><?= $this->getText('Name'); ?> <td>IP
<td class="wf-100"><?= $this->getText('Log'); ?> <td><?= $this->getText('ID', 0, 0); ?>
<td><?= $this->getText('Date'); ?> <td><?= $this->getText('Name'); ?>
<tfoot> <td class="wf-100"><?= $this->getText('Log'); ?>
<tr> <td><?= $this->getText('Date'); ?>
<td colspan="6"><?= $footerView->render(); ?> <tfoot>
<tbody> <tr>
<tr> <td colspan="6"><?= $footerView->render(); ?>
<td><?= $this->request->getOrigin(); ?> <tbody>
<td><?= $this->request->getAccount(); ?> <tr>
<td><?= $this->request->getAccount(); ?> <td><?= $this->request->getOrigin(); ?>
<td>Create Invoice <td><?= $this->request->getAccount(); ?>
<td><?= (new \DateTime('now'))->format('Y-m-d H:i:s') ?> <td><?= $this->request->getAccount(); ?>
</table> <td>Create Invoice
<td><?= (new \DateTime('now'))->format('Y-m-d H:i:s') ?>
</table>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -21,27 +21,32 @@ $footerView->setPage(1);
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<div class="box w-100"> <div class="row">
<table class="table"> <div class="col-xs-12">
<caption><?= $this->getText('Invoices') ?></caption> <div class="box wf-100">
<thead> <table class="table">
<tr> <caption><?= $this->getText('Invoices') ?></caption>
<td><?= $this->getText('ID', 0, 0); ?> <thead>
<td><?= $this->getText('Type'); ?> <tr>
<td><?= $this->getText('ClientID'); ?> <td><?= $this->getText('ID', 0, 0); ?>
<td class="wf-100"><?= $this->getText('Client'); ?> <td><?= $this->getText('Type'); ?>
<td><?= $this->getText('Net'); ?> <td><?= $this->getText('ClientID'); ?>
<td><?= $this->getText('Gross'); ?> <td class="wf-100"><?= $this->getText('Client'); ?>
<td><?= $this->getText('Created'); ?> <td><?= $this->getText('Net'); ?>
<td><?= $this->getText('Due'); ?> <td><?= $this->getText('Gross'); ?>
<tfoot> <td><?= $this->getText('Created'); ?>
<tr> <td><?= $this->getText('Due'); ?>
<td colspan="8"><?= $footerView->render(); ?> <tfoot>
<tbody> <tr>
<?php $count = 0; foreach([] as $key => $value) : $count++; ?> <td colspan="8"><?= $footerView->render(); ?>
<?php endforeach; ?> <tbody>
<?php if($count === 0) : ?> <?php $count = 0; foreach([] as $key => $value) : $count++; ?>
<tr><td colspan="8" class="empty"><?= $this->getText('Empty', 0, 0); ?> <?php endforeach; ?>
<?php endif; ?> <?php if($count === 0) : ?>
</table> <tr><td colspan="8" class="empty"><?= $this->getText('Empty', 0, 0); ?>
<?php endif; ?>
</table>
</div>
</div>
</div> </div>