From 1dfb1d2b706f64fdd04f6feda13f077bad6ccc52 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sun, 29 Jan 2017 12:35:25 +0100
Subject: [PATCH] More flexbox implementations

---
 Theme/Backend/media-create.tpl.php | 30 +++++++++-------
 Theme/backend/media-list.tpl.php   | 57 ++++++++++++++++--------------
 Theme/backend/media-single.tpl.php | 54 +++++++++++++++-------------
 3 files changed, 77 insertions(+), 64 deletions(-)

diff --git a/Theme/Backend/media-create.tpl.php b/Theme/Backend/media-create.tpl.php
index 92eeb44..aa14d86 100644
--- a/Theme/Backend/media-create.tpl.php
+++ b/Theme/Backend/media-create.tpl.php
@@ -18,17 +18,21 @@
  */
 
 echo $this->getData('nav')->render(); ?>
-<section class="box w-50">
-    <header><h1><?= $this->getText('Upload'); ?></h1></header>
-    <div class="inner">
-        <form method="POST" id="media-uploader" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/media'); ?>">
-            <table class="layout wf-100">
-                <tr><td><label for="iName"><?= $this->getText('Name'); ?></label>
-                <tr><td><input type="text" id="iName" name="name" placeholder="&#xf040;">
-                <tr><td><label for="iFiles"><?= $this->getText('Files'); ?></label>
-                <tr><td><input type="file" id="iFiles" name="files" multiple><input name="media" type="hidden">
-                <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
-            </table>
-        </form>
+<div class="row">
+    <div class="col-xs-12 col-md-6">
+        <section class="box wf-100">
+            <header><h1><?= $this->getText('Upload'); ?></h1></header>
+            <div class="inner">
+                <form method="POST" id="media-uploader" action="<?= \phpOMS\Uri\UriFactory::build('/{/lang}/api/media'); ?>">
+                    <table class="layout wf-100">
+                        <tr><td><label for="iName"><?= $this->getText('Name'); ?></label>
+                        <tr><td><input type="text" id="iName" name="name" placeholder="&#xf040;">
+                        <tr><td><label for="iFiles"><?= $this->getText('Files'); ?></label>
+                        <tr><td><input type="file" id="iFiles" name="files" multiple><input name="media" type="hidden">
+                        <tr><td><input type="submit" value="<?= $this->getText('Create', 0, 0); ?>">
+                    </table>
+                </form>
+            </div>
+        </section>
     </div>
-</section>
+</div>
\ No newline at end of file
diff --git a/Theme/backend/media-list.tpl.php b/Theme/backend/media-list.tpl.php
index b8c6fb1..0323a11 100644
--- a/Theme/backend/media-list.tpl.php
+++ b/Theme/backend/media-list.tpl.php
@@ -24,31 +24,36 @@ $footerView->setPages(count($media) / 25);
 $footerView->setPage(1);
 
 echo $this->getData('nav')->render(); ?>
-<div class="box">
-    <table class="table">
-        <caption><?= $this->getText('Media'); ?></caption>
-        <thead>
-        <tr>
-            <td class="wf-100"><?= $this->getText('Name'); ?>
-            <td><?= $this->getText('Type'); ?>
-            <td><?= $this->getText('Size'); ?>
-            <td><?= $this->getText('Creator'); ?>
-            <td><?= $this->getText('Created'); ?>
-                <tfoot>
-        <tr>
-            <td colspan="3"><?= $footerView->render(); ?>
-                <tbody>
-                <?php $count = 0; foreach($media as $key => $value) : $count++;
-                $url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/media/single?id=' . $value->getId()); ?>
+
+<div class="row">
+    <div class="col-xs-12">
+        <div class="box wf-100">
+            <table class="table">
+                <caption><?= $this->getText('Media'); ?></caption>
+                <thead>
                 <tr>
-                    <td><a href="<?= $url; ?>"><?= $value->getName(); ?></a>
-                    <td><a href="<?= $url; ?>"><?= $value->getExtension(); ?></a>
-                    <td><a href="<?= $url; ?>"><?= $value->getSize(); ?></a>
-                    <td><a href="<?= $url; ?>"><?= $value->getCreatedBy(); ?></a>
-                    <td><a href="<?= $url; ?>"><?= $value->getCreatedAt()->format('Y-m-d H:i:s'); ?></a>
-                <?php endforeach; ?>
-                <?php if($count === 0) : ?>
-        <tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
-                <?php endif; ?>
-    </table>
+                    <td class="wf-100"><?= $this->getText('Name'); ?>
+                    <td><?= $this->getText('Type'); ?>
+                    <td><?= $this->getText('Size'); ?>
+                    <td><?= $this->getText('Creator'); ?>
+                    <td><?= $this->getText('Created'); ?>
+                        <tfoot>
+                <tr>
+                    <td colspan="3"><?= $footerView->render(); ?>
+                        <tbody>
+                        <?php $count = 0; foreach($media as $key => $value) : $count++;
+                        $url = \phpOMS\Uri\UriFactory::build('/{/lang}/backend/media/single?id=' . $value->getId()); ?>
+                        <tr>
+                            <td><a href="<?= $url; ?>"><?= $value->getName(); ?></a>
+                            <td><a href="<?= $url; ?>"><?= $value->getExtension(); ?></a>
+                            <td><a href="<?= $url; ?>"><?= $value->getSize(); ?></a>
+                            <td><a href="<?= $url; ?>"><?= $value->getCreatedBy(); ?></a>
+                            <td><a href="<?= $url; ?>"><?= $value->getCreatedAt()->format('Y-m-d H:i:s'); ?></a>
+                        <?php endforeach; ?>
+                        <?php if($count === 0) : ?>
+                <tr><td colspan="5" class="empty"><?= $this->getText('Empty', 0, 0); ?>
+                        <?php endif; ?>
+            </table>
+        </div>
+    </div>
 </div>
diff --git a/Theme/backend/media-single.tpl.php b/Theme/backend/media-single.tpl.php
index 74b2374..615bcc5 100644
--- a/Theme/backend/media-single.tpl.php
+++ b/Theme/backend/media-single.tpl.php
@@ -23,29 +23,33 @@ $media = $this->getData('media');
 echo $this->getData('nav')->render();
 ?>
 
-<section class="box w-100">
-    <header><h1><?= $media->getName() ?></h1></header>
-    <div class="inner">
-        <table class="list w-100">
-            <tbody>
-                <tr><td>Size<td class="wf-100"><?= $media->getSize(); ?>
-                <tr><td>Created at<td><?= $media->getCreatedAt()->format('Y-m-d'); ?>
-                <tr><td>Created by<td><?= $media->getCreatedBy(); ?>
-                <tr><td>Description<td><?= $media->getDescription(); ?>
-                <tr><td colspan="2">Content
-        </table>
-        <?php if(in_array($media->getExtension(), ['gif', 'bmp', 'jpg', 'jpeg', 'png'])) : ?>
-            <img src="<?= $this->request->getUri()->getBase() . $media->getPath(); ?>">
-        <?php elseif($media->getExtension() === 'collection') : ?>
-            collection
-        <?php else : ?>
-            <pre>
-            <?php
-            $output = htmlspecialchars(file_get_contents(ROOT_PATH . '/' . $media->getPath()));
-            $output = str_replace(["\r\n", "\r"], "\n", $output);
-            $output = explode("\n", $output);
-            foreach($output as $line) : ?><span><?= $line; ?></span><?php endforeach; ?>
-            </pre>
-        <?php endif; ?>
+<div class="row">
+    <div class="col-xs-12">
+        <section class="box wf-100">
+            <header><h1><?= $media->getName() ?></h1></header>
+            <div class="inner">
+                <table class="list w-100">
+                    <tbody>
+                        <tr><td>Size<td class="wf-100"><?= $media->getSize(); ?>
+                        <tr><td>Created at<td><?= $media->getCreatedAt()->format('Y-m-d'); ?>
+                        <tr><td>Created by<td><?= $media->getCreatedBy(); ?>
+                        <tr><td>Description<td><?= $media->getDescription(); ?>
+                        <tr><td colspan="2">Content
+                </table>
+                <?php if(in_array($media->getExtension(), ['gif', 'bmp', 'jpg', 'jpeg', 'png'])) : ?>
+                    <img src="<?= $this->request->getUri()->getBase() . $media->getPath(); ?>">
+                <?php elseif($media->getExtension() === 'collection') : ?>
+                    collection
+                <?php else : ?>
+                    <pre>
+                    <?php
+                    $output = htmlspecialchars(file_get_contents(ROOT_PATH . '/' . $media->getPath()));
+                    $output = str_replace(["\r\n", "\r"], "\n", $output);
+                    $output = explode("\n", $output);
+                    foreach($output as $line) : ?><span><?= $line; ?></span><?php endforeach; ?>
+                    </pre>
+                <?php endif; ?>
+            </div>
+        </section>
     </div>
-</section>
+</div>
\ No newline at end of file