Flexbox tpl implementation

This commit is contained in:
Dennis Eichhorn 2017-01-29 13:43:20 +01:00
parent 64fd7f868a
commit 69767861c9
2 changed files with 82 additions and 66 deletions

View File

@ -18,41 +18,49 @@
*/ */
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="box w-50 floatLeft"> <div class="row">
<header><h1><?= $this->getText('Account'); ?></h1></header> <div class="col-xs-12 col-md-6">
<div class="inner"> <section class="box wf-100">
<form> <header><h1><?= $this->getText('Account'); ?></h1></header>
<table class="layout wf-100"> <div class="inner">
<tr><td><label for="iAccount"><?= $this->getText('Account'); ?></label> <form>
<tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="number" min="1" id="iAccount" name="account" placeholder="&#xf007; Guest" required></span> <table class="layout wf-100">
<tr><td><label for="iFrom"><?= $this->getText('From'); ?></label> <tr><td><label for="iAccount"><?= $this->getText('Account'); ?></label>
<tr><td><input type="datetime-local" id="iFrom" name="from" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>"> <tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="number" min="1" id="iAccount" name="account" placeholder="&#xf007; Guest" required></span>
<tr><td><label for="iTo"><?= $this->getText('To'); ?></label> <tr><td><label for="iFrom"><?= $this->getText('From'); ?></label>
<tr><td><input type="datetime-local" id="iTo" name="to" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>"> <tr><td><input type="datetime-local" id="iFrom" name="from" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
<tr><td><input type="submit" value="<?= $this->getText('Submit', 0, 0); ?>"> <tr><td><label for="iTo"><?= $this->getText('To'); ?></label>
</table> <tr><td><input type="datetime-local" id="iTo" name="to" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
</form> <tr><td><input type="submit" value="<?= $this->getText('Submit', 0, 0); ?>">
</table>
</form>
</div>
</section>
</div> </div>
</section>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<header><h1><?= $this->getText('Statistics'); ?></h1></header> <section class="box wf-100">
<div class="inner"> <header><h1><?= $this->getText('Statistics'); ?></h1></header>
<table class="list wf-100"> <div class="inner">
<tr><td><?= $this->getText('Received'); ?><td>0 <table class="list wf-100">
<tr><td><?= $this->getText('Created'); ?><td>0 <tr><td><?= $this->getText('Received'); ?><td>0
<tr><td><?= $this->getText('Forwarded'); ?><td>0 <tr><td><?= $this->getText('Created'); ?><td>0
<tr><td><?= $this->getText('AverageAmount'); ?><td>0 <tr><td><?= $this->getText('Forwarded'); ?><td>0
<tr><td><?= $this->getText('AverageProcessTime'); ?><td>0 <tr><td><?= $this->getText('AverageAmount'); ?><td>0
<tr><td><?= $this->getText('InTime'); ?><td>0 <tr><td><?= $this->getText('AverageProcessTime'); ?><td>0
</table> <tr><td><?= $this->getText('InTime'); ?><td>0
</table>
</div>
</section>
</div> </div>
</section> </div>
<div class="clear"></div> <div class="row">
<div class="col-xs-12">
<section class="box w-100 floatLeft"> <section class="box wf-100">
<header><h1><?= $this->getText('History'); ?></h1></header> <header><h1><?= $this->getText('History'); ?></h1></header>
<div class="inner" style="height: 300px"> <div class="inner" style="height: 300px">
</div>
</section>
</div> </div>
</section> </div>

View File

@ -18,41 +18,49 @@
*/ */
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="box w-50 floatLeft"> <div class="row">
<header><h1><?= $this->getText('Account'); ?></h1></header> <div class="col-xs-12 col-md-6">
<div class="inner"> <section class="box wf-100">
<form> <header><h1><?= $this->getText('Account'); ?></h1></header>
<table class="layout wf-100"> <div class="inner">
<tr><td><label for="iAccount"><?= $this->getText('Account'); ?></label> <form>
<tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="number" min="1" id="iAccount" name="account" placeholder="&#xf007; Guest" required></span> <table class="layout wf-100">
<tr><td><label for="iFrom"><?= $this->getText('From'); ?></label> <tr><td><label for="iAccount"><?= $this->getText('Account'); ?></label>
<tr><td><input type="datetime-local" id="iFrom" name="from" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>"> <tr><td><span class="input"><button type="button" formaction=""><i class="fa fa-book"></i></button><input type="number" min="1" id="iAccount" name="account" placeholder="&#xf007; Guest" required></span>
<tr><td><label for="iTo"><?= $this->getText('To'); ?></label> <tr><td><label for="iFrom"><?= $this->getText('From'); ?></label>
<tr><td><input type="datetime-local" id="iTo" name="to" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>"> <tr><td><input type="datetime-local" id="iFrom" name="from" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
<tr><td><input type="submit" value="<?= $this->getText('Submit', 0, 0); ?>"> <tr><td><label for="iTo"><?= $this->getText('To'); ?></label>
</table> <tr><td><input type="datetime-local" id="iTo" name="to" value="<?= (new \DateTime('NOW'))->format('Y-m-d\TH:i:s') ?>">
</form> <tr><td><input type="submit" value="<?= $this->getText('Submit', 0, 0); ?>">
</table>
</form>
</div>
</section>
</div> </div>
</section>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<header><h1><?= $this->getText('Statistics'); ?></h1></header> <section class="box wf-100">
<div class="inner"> <header><h1><?= $this->getText('Statistics'); ?></h1></header>
<table class="list wf-100"> <div class="inner">
<tr><td><?= $this->getText('Received'); ?><td>0 <table class="list wf-100">
<tr><td><?= $this->getText('Created'); ?><td>0 <tr><td><?= $this->getText('Received'); ?><td>0
<tr><td><?= $this->getText('Forwarded'); ?><td>0 <tr><td><?= $this->getText('Created'); ?><td>0
<tr><td><?= $this->getText('AverageAmount'); ?><td>0 <tr><td><?= $this->getText('Forwarded'); ?><td>0
<tr><td><?= $this->getText('AverageProcessTime'); ?><td>0 <tr><td><?= $this->getText('AverageAmount'); ?><td>0
<tr><td><?= $this->getText('InTime'); ?><td>0 <tr><td><?= $this->getText('AverageProcessTime'); ?><td>0
</table> <tr><td><?= $this->getText('InTime'); ?><td>0
</table>
</div>
</section>
</div> </div>
</section> </div>
<div class="clear"></div> <div class="row">
<div class="col-xs-12">
<section class="box w-100 floatLeft"> <section class="box wf-100">
<header><h1><?= $this->getText('History'); ?></h1></header> <header><h1><?= $this->getText('History'); ?></h1></header>
<div class="inner" style="height: 300px"> <div class="inner" style="height: 300px">
</div>
</section>
</div> </div>
</section> </div>