More flexbox implementations

This commit is contained in:
Dennis Eichhorn 2017-01-29 19:59:42 +01:00
parent 6ddd7d8cdf
commit 4e0ca04367
2 changed files with 299 additions and 261 deletions

View File

@ -26,8 +26,9 @@ $footerView->setResults(1);
echo $this->getData('nav')->render(); ?> echo $this->getData('nav')->render(); ?>
<section class="wf-75 floatLeft"> <div class="row">
<div class="box w-100"> <div class="col-xs-12 col-md-9">
<div class="box wf-100">
<table class="table"> <table class="table">
<caption><?= $this->getText('TopRisks'); ?></caption> <caption><?= $this->getText('TopRisks'); ?></caption>
<thead> <thead>
@ -57,15 +58,16 @@ echo $this->getData('nav')->render(); ?>
<?php endif; ?> <?php endif; ?>
</table> </table>
</div> </div>
</section> </div>
<section class="wf-25 floatLeft">
<section class="box w-100"> <div class="col-xs-12 col-md-3">
<section class="box wf-100">
<div class="inner"> <div class="inner">
<a class="button" href="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/backend/controlling/riskmanagement/risk/create'); ?>"><?= $this->getText('NewRisk'); ?></a> <a class="button" href="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/backend/controlling/riskmanagement/risk/create'); ?>"><?= $this->getText('NewRisk'); ?></a>
</div> </div>
</section> </section>
<section class="box w-100"> <section class="box wf-100">
<header><h1><?= $this->getText('Statistics'); ?></h1></header> <header><h1><?= $this->getText('Statistics'); ?></h1></header>
<div class="inner"> <div class="inner">
<table class="list"> <table class="list">
@ -97,4 +99,6 @@ echo $this->getData('nav')->render(); ?>
</table> </table>
</div> </div>
</section> </section>
</section> </div>
</div>

View File

@ -28,7 +28,9 @@ echo $this->getData('nav')->render(); ?>
<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">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Risk'); ?></h1></header> <header><h1><?= $this->getText('Risk'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -54,8 +56,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header> <header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -70,8 +74,12 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
</div>
<section class="box w-50 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Responsibility'); ?></h1></header> <header><h1><?= $this->getText('Responsibility'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -88,9 +96,13 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
</div> </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">
<section class="box w-50 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('RiskStatus'); ?></h1></header> <header><h1><?= $this->getText('RiskStatus'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -120,8 +132,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header> <header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -137,9 +151,13 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
</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"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('RiskObjects'); ?></h1></header> <header><h1><?= $this->getText('RiskObjects'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -155,8 +173,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header> <header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -172,9 +192,13 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
</div> </div>
</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">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('RiskObjectStatus'); ?></h1></header> <header><h1><?= $this->getText('RiskObjectStatus'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -194,8 +218,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header> <header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -211,9 +237,13 @@ echo $this->getData('nav')->render(); ?>
</div> </div>
</section> </section>
</div> </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="tab">
<section class="box w-50 floatLeft"> <div class="row">
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Solution'); ?></h1></header> <header><h1><?= $this->getText('Solution'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -250,8 +280,10 @@ echo $this->getData('nav')->render(); ?>
</form> </form>
</div> </div>
</section> </section>
</div>
<section class="box w-50 floatLeft"> <div class="col-xs-12 col-md-6">
<section class="box wf-100">
<header><h1><?= $this->getText('Media'); ?></h1></header> <header><h1><?= $this->getText('Media'); ?></h1></header>
<div class="inner"> <div class="inner">
@ -268,4 +300,6 @@ echo $this->getData('nav')->render(); ?>
</section> </section>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>