From f4c0ed5851c3c1a703d35ac746ca124b4279b4d9 Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Fri, 17 Jan 2020 17:03:58 +0100
Subject: media ui menu bar

---
 app/view/templates/media.php     | 62 +---------------------------------
 app/view/templates/mediamenu.php | 72 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 73 insertions(+), 61 deletions(-)
 create mode 100644 app/view/templates/mediamenu.php

(limited to 'app/view')

diff --git a/app/view/templates/media.php b/app/view/templates/media.php
index be1ac7f..f81b507 100644
--- a/app/view/templates/media.php
+++ b/app/view/templates/media.php
@@ -7,6 +7,7 @@
 
     <?php $this->insert('backtopbar', ['user' => $user, 'tab' => 'media', 'pagelist' => $pagelist]) ?>
 
+    <?php $this->insert('mediamenu', ['dir' => $dir, 'user' => $user, 'pathlist' => $pathlist, 'opt' => $opt]) ?>
 
 <main class="media">
 
@@ -54,67 +55,6 @@ treecount($dirlist, 'media', 0, 'media', $dir, $opt);
 <h2><?= $dir ?></h2>
 
 
-<details>
-    <summary>Print this content on your page</summary>
-    
-    <p>
-    <code>%MEDIA?path=<?= substr($dir, 6) ?>&sortby=<?= $opt['sortby'] ?>&order=<?= $opt['order'] ?>%</code>
-    </p>
-
-</details>
-
-
-
-<form id="folderadd" action="<?= $this->url('mediafolderadd') ?>" method="post">
-    <label for="foldername">📂 New folder</label>
-    <input type="text" name="foldername" id="foldername" placeholder="folder name" required>
-    <input type="hidden" name="dir" value="<?= $dir ?>">
-    <input type="submit" value="create folder">
-</form>
-
-<?php if($user->issupereditor()) { ?>
-
-<form action="<?= $this->url('mediafolderdelete') ?>" id="deletefolder" method="post" class="hidephone">
-    <input type="hidden" name="dir" value="<?= $dir ?>/">
-    <input type="checkbox" name="deletefolder" id="confirmdeletefolder" value="1">
-    <label for="confirmdeletefolder">Delete folder and all it's content</label>
-    <input type="submit" value="delete folder" >
-</form>
-
-
-<?php } ?>
-
-<form id=addmedia action="<?= $this->url('mediaupload') ?>" method="post" enctype="multipart/form-data">
-    <label for="file">🚀 Upload file(s)</label>
-    <input type='file' id="file" name='file[]' multiple required>
-    <input type="hidden" name="dir" value="<?= $dir ?>">
-    <input type="submit" value="upload">
-</form>
-
-
-
-<?php if($user->issupereditor()) { ?>
-
-<form action="<?= $this->url('mediaedit') ?>" method="post" id="mediaedit">
-    <input type="hidden" name="path" value="<?= $dir ?>">
-    <label for="moveto">Selected medias :</label>
-    <select name="dir" id="moveto" >
-        <option selected>---select destination---</option>
-        <option value="<?= Wcms\Model::MEDIA_DIR ?>">/</option>
-        <?php
-            foreach ($pathlist as $path) {
-                echo '<option value="' . Wcms\Model::MEDIA_DIR . $path . '">' . $path . '</option>';
-            }
-        ?>
-    </select>
-    <input type="submit" name="action" value="move" >
-    <input type="submit" name="action" value="delete" >
-</form>
-
-<?php } ?>
-
-
-
 
 <table id="medialist">
 <tr>
diff --git a/app/view/templates/mediamenu.php b/app/view/templates/mediamenu.php
new file mode 100644
index 0000000..c335933
--- /dev/null
+++ b/app/view/templates/mediamenu.php
@@ -0,0 +1,72 @@
+<aside class="media">
+
+    <details>
+        <summary>File</summary>
+            <div class="submenu">
+                <h2>Upload File(s)</h2>
+                <form id=addmedia action="<?= $this->url('mediaupload') ?>" method="post" enctype="multipart/form-data">
+                    <label for="file">🚀 Upload file(s)</label>
+                    <input type='file' id="file" name='file[]' multiple required>
+                    <input type="hidden" name="dir" value="<?= $dir ?>">
+                    <input type="submit" value="upload">
+                </form>
+                <h2>Folder</h2>
+                <form id="folderadd" action="<?= $this->url('mediafolderadd') ?>" method="post">
+                    <label for="foldername">📂 New folder</label>
+                    <input type="text" name="foldername" id="foldername" placeholder="folder name" required>
+                    <input type="hidden" name="dir" value="<?= $dir ?>">
+                <input type="submit" value="create folder">
+                </form>
+            </div>
+    </details>
+
+
+    <details>
+        <summary>Edit</summary>
+        <div class="submenu">
+
+            <?php if($user->issupereditor()) { ?>
+
+            <h2>Folder</h2>
+            <form action="<?= $this->url('mediafolderdelete') ?>" id="deletefolder" method="post" class="hidephone">
+                <input type="hidden" name="dir" value="<?= $dir ?>/">
+                <input type="checkbox" name="deletefolder" id="confirmdeletefolder" value="1">
+                <label for="confirmdeletefolder">Delete actual folder and all it's content</label>
+                <input type="submit" value="delete folder" >
+            </form>
+
+            <h2>Move</h2>
+
+            <form action="<?= $this->url('mediaedit') ?>" method="post" id="mediaedit">
+                <input type="hidden" name="path" value="<?= $dir ?>">
+                <label for="moveto">Selected medias :</label>
+                <select name="dir" id="moveto" >
+                    <option selected>---select destination---</option>
+                    <option value="<?= Wcms\Model::MEDIA_DIR ?>">/</option>
+                    <?php
+                        foreach ($pathlist as $path) {
+                            echo '<option value="' . Wcms\Model::MEDIA_DIR . $path . '">' . $path . '</option>';
+                        }
+                    ?>
+                </select>
+                <input type="submit" name="action" value="move" >
+                <input type="submit" name="action" value="delete" >
+            </form>
+
+
+
+            <?php } ?>
+        </div>
+    </details>
+
+
+    <details>
+        <summary>Filter</summary>
+        <div class="submenu">
+            <h2>Print folder content</h2>
+            <p>Use this code to print the content of the actual folder in a page</p>
+            <code>%MEDIA?path=<?= substr($dir, 6) ?>&sortby=<?= $opt['sortby'] ?>&order=<?= $opt['order'] ?>%</code>
+        </div>
+    </details>
+
+</aside>
\ No newline at end of file
-- 
cgit v1.2.3


From 2b1f317ed7a4d402a268f62dd65dc0d648b5ad0c Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Fri, 17 Jan 2020 18:07:27 +0100
Subject: media filter

---
 app/view/templates/media.php     | 32 +++++++++++++++++++++++-
 app/view/templates/mediamenu.php | 14 ++++++++---
 app/view/templates/navback.php   | 54 ----------------------------------------
 3 files changed, 42 insertions(+), 58 deletions(-)
 delete mode 100644 app/view/templates/navback.php

(limited to 'app/view')

diff --git a/app/view/templates/media.php b/app/view/templates/media.php
index f81b507..7b2fbc1 100644
--- a/app/view/templates/media.php
+++ b/app/view/templates/media.php
@@ -45,10 +45,38 @@ treecount($dirlist, 'media', 0, 'media', $dir, $opt);
 
 
 
+
 </table>
+
+
+<h2>filter</h2>
+
+<form action="" method="get">
+                <ul>
+                    <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
+                    <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
+                    <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
+                    <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
+                </ul>
+                <select name="" id="">
+                    <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
+                    <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
+                    <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
+                </select>
+                </br>
+                <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
+                </br>
+                <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
+                </br>
+                <input type="hidden" name="path" value="<?= $dir ?>">
+                <input type="submit" value="filter">
+            </form>
+
 </div>
 
 
+
+
 <div id="explorer">
 
 
@@ -71,12 +99,13 @@ treecount($dirlist, 'media', 0, 'media', $dir, $opt);
 
 <?php
 foreach ($medialist as $media) {
+    if(in_array($media->type(), $opt['type'])) {
     ?>
     <tr>
     <td><input type="checkbox" name="id[]" value="<?= $media->getfulldir() ?>" form="mediaedit" id="media_<?= $media->id() ?>"></td>
     <td><label for="media_<?= $media->id() ?>"><?= $media->id() ?></label></td>    
     <td><?= $media->extension() ?></td>
-    <td><a href="<?= $media->getfullpath() ?>" target="_blank"><?= $media->type() == 'image' ? '<span class="thumbnail">image 👁<img src="' . $media->getfullpath() . '"></span>' : $media->type() ?></a></td>
+    <td><a href="<?= $media->getfullpath() ?>" target="_blank"><?= $media->type() == 'image' ? '<span class="thumbnail">image 👁<img src="' . $media->getfullpath() . '"></span>' : '⧉ ' . $media->type() ?></a></td>
     <td><?= $media->size('hr') ?></td>
     <td><?= $media->width() ?></td>
     <td><?= $media->height() ?></td>
@@ -84,6 +113,7 @@ foreach ($medialist as $media) {
     <td class="code"><code><?= $media->getcode() ?></code></td>
     </tr>
     <?php
+    }
 
 }
 
diff --git a/app/view/templates/mediamenu.php b/app/view/templates/mediamenu.php
index c335933..d0f45de 100644
--- a/app/view/templates/mediamenu.php
+++ b/app/view/templates/mediamenu.php
@@ -32,14 +32,16 @@
                 <input type="hidden" name="dir" value="<?= $dir ?>/">
                 <input type="checkbox" name="deletefolder" id="confirmdeletefolder" value="1">
                 <label for="confirmdeletefolder">Delete actual folder and all it's content</label>
+                </br>
                 <input type="submit" value="delete folder" >
             </form>
 
+            
             <h2>Move</h2>
-
             <form action="<?= $this->url('mediaedit') ?>" method="post" id="mediaedit">
                 <input type="hidden" name="path" value="<?= $dir ?>">
-                <label for="moveto">Selected medias :</label>
+                <label for="moveto">Move selected medias to a new directory</label>
+                </br>
                 <select name="dir" id="moveto" >
                     <option selected>---select destination---</option>
                     <option value="<?= Wcms\Model::MEDIA_DIR ?>">/</option>
@@ -47,9 +49,12 @@
                         foreach ($pathlist as $path) {
                             echo '<option value="' . Wcms\Model::MEDIA_DIR . $path . '">' . $path . '</option>';
                         }
-                    ?>
+                        ?>
                 </select>
                 <input type="submit" name="action" value="move" >
+                <h2>Delete</h2>
+                Delete selected medias
+                </br>
                 <input type="submit" name="action" value="delete" >
             </form>
 
@@ -64,6 +69,9 @@
         <summary>Filter</summary>
         <div class="submenu">
             <h2>Print folder content</h2>
+            
+
+
             <p>Use this code to print the content of the actual folder in a page</p>
             <code>%MEDIA?path=<?= substr($dir, 6) ?>&sortby=<?= $opt['sortby'] ?>&order=<?= $opt['order'] ?>%</code>
         </div>
diff --git a/app/view/templates/navback.php b/app/view/templates/navback.php
deleted file mode 100644
index 8218897..0000000
--- a/app/view/templates/navback.php
+++ /dev/null
@@ -1,54 +0,0 @@
-<div class="menu">
-    <?= $user->level() ?>
-    <div id="dropmenu">
-
-    <ul>
-    
-    <li>
-    <a class="button" href="./">home</a>
-    </li>
-
-
-<?php if($user->isvisitor()) { ?>
-
-    <li>
-    <form action="?action=login" method="post">
-    <input type="password" name="pass" id="loginpass" placeholder="password">
-    <input type="submit" value="login">
-    </form>
-    </li>
-
-<?php } else { ?>    
-
-    <li>
-    <form action="?action=logout" method="post">
-    <input type="submit" value="logout">
-    </form>
-    </li>
-
-<?php } ?>
-
-
-
-
-<?php if ($user->iseditor()) { ?>
-
-    <li>
-    <a class="button" href="?aff=media" >Media</a>
-    </li>
-
-<?php } ?>  
-
-<?php if($user->isadmin()) { ?>
-
-    <li>
-    <a class="button" href="?aff=admin" >Admin</a>
-    </li>
-
-<?php } ?>  
-
-
-    </ul>
-
-    </div>
-</div>
\ No newline at end of file
-- 
cgit v1.2.3


From f124114eb1e08c1349396de70abdabfa99f445ca Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Fri, 17 Jan 2020 18:19:41 +0100
Subject: css cleaning

---
 app/view/templates/media.php | 56 ++++++++++++++++++++++++--------------------
 1 file changed, 30 insertions(+), 26 deletions(-)

(limited to 'app/view')

diff --git a/app/view/templates/media.php b/app/view/templates/media.php
index 7b2fbc1..0d5847e 100644
--- a/app/view/templates/media.php
+++ b/app/view/templates/media.php
@@ -12,7 +12,9 @@
 <main class="media">
 
 
-<div id="tree">
+<nav>
+    <div class="block">
+
 <h2>Explorer</h2>
 
 
@@ -49,36 +51,37 @@ treecount($dirlist, 'media', 0, 'media', $dir, $opt);
 </table>
 
 
-<h2>filter</h2>
-
-<form action="" method="get">
-                <ul>
-                    <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
-                    <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
-                    <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
-                    <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
-                </ul>
-                <select name="" id="">
-                    <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
-                    <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
-                    <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
-                </select>
-                </br>
-                <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
-                </br>
-                <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
-                </br>
-                <input type="hidden" name="path" value="<?= $dir ?>">
-                <input type="submit" value="filter">
-            </form>
+        <h2>filter</h2>
 
-</div>
+        <form action="" method="get">
+            <ul>
+                <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
+                <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
+                <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
+                <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
+            </ul>
+            <select name="" id="">
+                <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
+                <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
+                <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
+            </select>
+            </br>
+            <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
+            </br>
+            <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
+            </br>
+            <input type="hidden" name="path" value="<?= $dir ?>">
+            <input type="submit" value="filter">
+        </form>
 
+    </div>
+</nav>
 
 
 
-<div id="explorer">
 
+<section>
+    <div class="block">
 
 <h2><?= $dir ?></h2>
 
@@ -105,7 +108,7 @@ foreach ($medialist as $media) {
     <td><input type="checkbox" name="id[]" value="<?= $media->getfulldir() ?>" form="mediaedit" id="media_<?= $media->id() ?>"></td>
     <td><label for="media_<?= $media->id() ?>"><?= $media->id() ?></label></td>    
     <td><?= $media->extension() ?></td>
-    <td><a href="<?= $media->getfullpath() ?>" target="_blank"><?= $media->type() == 'image' ? '<span class="thumbnail">image 👁<img src="' . $media->getfullpath() . '"></span>' : '⧉ ' . $media->type() ?></a></td>
+    <td><a href="<?= $media->getfullpath() ?>" target="_blank"><?= $media->type() == 'image' ? '<span class="thumbnail">image 👁<img src="' . $media->getfullpath() . '"></span>' : $media->type() . '⧉' ?></a></td>
     <td><?= $media->size('hr') ?></td>
     <td><?= $media->width() ?></td>
     <td><?= $media->height() ?></td>
@@ -123,6 +126,7 @@ foreach ($medialist as $media) {
 </table>
 
 </div>
+</section>
 
 </main>
 </body>
-- 
cgit v1.2.3


From 57ef3a9a12738081b3ab26559076bfb2b43e75db Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Fri, 17 Jan 2020 18:42:58 +0100
Subject: css cleaning 2

---
 app/view/templates/media.php     | 121 ++++++++++++++++++++-------------------
 app/view/templates/mediamenu.php |   2 +-
 2 files changed, 62 insertions(+), 61 deletions(-)

(limited to 'app/view')

diff --git a/app/view/templates/media.php b/app/view/templates/media.php
index 0d5847e..6b62cbb 100644
--- a/app/view/templates/media.php
+++ b/app/view/templates/media.php
@@ -12,68 +12,69 @@
 <main class="media">
 
 
-<nav>
+<nav class="media">
     <div class="block">
-
-<h2>Explorer</h2>
-
-
-<table id="dirlsit">
-<tr><th>folder</th><th>files</th></tr>
-
-<?php
-
-function treecount(array $dir, string $dirname, int $deepness, string $path, string $currentdir, array $opt)
-{
-    if ($path === $currentdir) {
-        $folder = '├─📂<strong>' . $dirname . '<strong>';
-    } else {
-        $folder = '├─📁' . $dirname;
-    }
-    echo '<tr>';
-    echo '<td><a href="?path=' . $path . '&sortby=' . $opt['sortby'] . '&order=' . $opt['order'] . '">' . str_repeat('&nbsp;&nbsp;', $deepness) . $folder . '</a></td>';
-    echo '<td>' . $dir['dirfilecount'] . '</td>';
-    echo '</tr>';
-    foreach ($dir as $key => $value) {
-        if (is_array($value)) {
-            treecount($value, $key, $deepness + 1, $path . DIRECTORY_SEPARATOR . $key, $currentdir, $opt);
-        }
-    }
-}
-
-treecount($dirlist, 'media', 0, 'media', $dir, $opt);
-
-?>
-
-
-
-
-</table>
-
-
+    <h2>Explorer</h2>
+        <div class="scroll">
+            <table id="dirlsit">
+            <tr><th>folder</th><th>files</th></tr>
+
+            <?php
+
+            function treecount(array $dir, string $dirname, int $deepness, string $path, string $currentdir, array $opt)
+            {
+                if ($path === $currentdir) {
+                    $folder = '├─📂<strong>' . $dirname . '<strong>';
+                } else {
+                    $folder = '├─📁' . $dirname;
+                }
+                echo '<tr>';
+                echo '<td><a href="?path=' . $path . '&sortby=' . $opt['sortby'] . '&order=' . $opt['order'] . '">' . str_repeat('&nbsp;&nbsp;', $deepness) . $folder . '</a></td>';
+                echo '<td>' . $dir['dirfilecount'] . '</td>';
+                echo '</tr>';
+                foreach ($dir as $key => $value) {
+                    if (is_array($value)) {
+                        treecount($value, $key, $deepness + 1, $path . DIRECTORY_SEPARATOR . $key, $currentdir, $opt);
+                    }
+                }
+            }
+
+            treecount($dirlist, 'media', 0, 'media', $dir, $opt);
+
+            ?>
+
+            </table>
+        </div>
+        
         <h2>filter</h2>
-
-        <form action="" method="get">
-            <ul>
-                <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
-                <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
-                <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
-                <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
-            </ul>
-            <select name="" id="">
-                <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
-                <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
-                <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
-            </select>
-            </br>
-            <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
-            </br>
-            <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
-            </br>
-            <input type="hidden" name="path" value="<?= $dir ?>">
-            <input type="submit" value="filter">
-        </form>
-
+        <div class="scroll">
+            <form action="" method="get">
+                <fieldset>
+                    <legend>Type</legend>
+                    <ul>
+                        <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
+                        <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
+                        <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
+                        <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
+                    </ul>
+                </fieldset>
+                <fieldset>
+                    <legend>Sort</legend>
+                    <select name="sortby" id="sortby">
+                        <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
+                        <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
+                        <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
+                    </select>
+                    </br>
+                    <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
+                    </br>
+                    <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
+                    </br>
+                </fieldset>
+                <input type="hidden" name="path" value="<?= $dir ?>">
+                <input type="submit" value="filter">
+            </form>
+        </div>
     </div>
 </nav>
 
diff --git a/app/view/templates/mediamenu.php b/app/view/templates/mediamenu.php
index d0f45de..9044194 100644
--- a/app/view/templates/mediamenu.php
+++ b/app/view/templates/mediamenu.php
@@ -1,4 +1,4 @@
-<aside class="media">
+<aside class="media hidephone">
 
     <details>
         <summary>File</summary>
-- 
cgit v1.2.3


From 227a2a35d64db87d889f7a44101f11a117b8e06a Mon Sep 17 00:00:00 2001
From: vincent-peugnet <v.peugnet@free.fr>
Date: Sat, 18 Jan 2020 16:35:20 +0100
Subject: refactoring medialist

---
 app/view/templates/media.php     | 64 +++++++++++++++-------------------------
 app/view/templates/mediamenu.php | 10 +++----
 2 files changed, 28 insertions(+), 46 deletions(-)

(limited to 'app/view')

diff --git a/app/view/templates/media.php b/app/view/templates/media.php
index 6b62cbb..12d4a2f 100644
--- a/app/view/templates/media.php
+++ b/app/view/templates/media.php
@@ -7,7 +7,7 @@
 
     <?php $this->insert('backtopbar', ['user' => $user, 'tab' => 'media', 'pagelist' => $pagelist]) ?>
 
-    <?php $this->insert('mediamenu', ['dir' => $dir, 'user' => $user, 'pathlist' => $pathlist, 'opt' => $opt]) ?>
+    <?php $this->insert('mediamenu', ['user' => $user, 'pathlist' => $pathlist, 'mediaopt' => $mediaopt]) ?>
 
 <main class="media">
 
@@ -21,80 +21,67 @@
 
             <?php
 
-            function treecount(array $dir, string $dirname, int $deepness, string $path, string $currentdir, array $opt)
-            {
-                if ($path === $currentdir) {
-                    $folder = '├─📂<strong>' . $dirname . '<strong>';
-                } else {
-                    $folder = '├─📁' . $dirname;
-                }
-                echo '<tr>';
-                echo '<td><a href="?path=' . $path . '&sortby=' . $opt['sortby'] . '&order=' . $opt['order'] . '">' . str_repeat('&nbsp;&nbsp;', $deepness) . $folder . '</a></td>';
-                echo '<td>' . $dir['dirfilecount'] . '</td>';
-                echo '</tr>';
-                foreach ($dir as $key => $value) {
-                    if (is_array($value)) {
-                        treecount($value, $key, $deepness + 1, $path . DIRECTORY_SEPARATOR . $key, $currentdir, $opt);
-                    }
-                }
-            }
-
-            treecount($dirlist, 'media', 0, 'media', $dir, $opt);
+
+            treecount($dirlist, 'media', 0, 'media', $mediaopt->dir(), $mediaopt);
 
             ?>
 
             </table>
         </div>
         
+    </div>
+</nav>
+
+<div id="fildter">
+    <div class="block">
         <h2>filter</h2>
         <div class="scroll">
             <form action="" method="get">
                 <fieldset>
                     <legend>Type</legend>
                     <ul>
-                        <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $opt['type']) ? 'checked' : '' ?>><label for="image">image</label></li>
-                        <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $opt['type']) ? 'checked' : '' ?>><label for="sound">sound</label></li>
-                        <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $opt['type']) ? 'checked' : '' ?>><label for="video">video</label></li>
-                        <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $opt['type']) ? 'checked' : '' ?>><label for="other">other</label></li>
+                        <li><input type="checkbox" name="type[]" id="image" value="image" <?= in_array('image', $mediaopt->type()) ? 'checked' : '' ?>><label for="image">image</label></li>
+                        <li><input type="checkbox" name="type[]" id="sound" value="sound" <?= in_array('sound', $mediaopt->type()) ? 'checked' : '' ?>><label for="sound">sound</label></li>
+                        <li><input type="checkbox" name="type[]" id="video" value="video" <?= in_array('video', $mediaopt->type()) ? 'checked' : '' ?>><label for="video">video</label></li>
+                        <li><input type="checkbox" name="type[]" id="other" value="other" <?= in_array('other', $mediaopt->type()) ? 'checked' : '' ?>><label for="other">other</label></li>
                     </ul>
                 </fieldset>
                 <fieldset>
                     <legend>Sort</legend>
                     <select name="sortby" id="sortby">
-                        <option value="id" <?= $opt['sortby'] === 'id' ? 'selected' : '' ?>>id</option>
-                        <option value="type" <?= $opt['sortby'] === 'type' ? 'selected' : '' ?>>type</option>
-                        <option value="size" <?= $opt['sortby'] === 'size' ? 'selected' : '' ?>>size</option>
+                        <option value="id" <?= $mediaopt->sortby() === 'id' ? 'selected' : '' ?>>id</option>
+                        <option value="type" <?= $mediaopt->sortby() === 'type' ? 'selected' : '' ?>>type</option>
+                        <option value="size" <?= $mediaopt->sortby() === 'size' ? 'selected' : '' ?>>size</option>
                     </select>
                     </br>
-                    <input type="radio" name="order" id="asc" value="1" <?= $opt['order'] == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
+                    <input type="radio" name="order" id="asc" value="1" <?= $mediaopt->order() == 1 ? 'checked' : '' ?>><label for="asc">ascending</label>
                     </br>
-                    <input type="radio" name="order" id="desc" value="-1" <?= $opt['order'] == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
+                    <input type="radio" name="order" id="desc" value="-1" <?= $mediaopt->order() == -1 ? 'checked' : '' ?>><label for="desc">descending</label>
                     </br>
                 </fieldset>
-                <input type="hidden" name="path" value="<?= $dir ?>">
+                <input type="hidden" name="path" value="<?= $mediaopt->path() ?>">
                 <input type="submit" value="filter">
             </form>
         </div>
     </div>
-</nav>
-
+        </div>
 
 
 
 <section>
     <div class="block">
 
-<h2><?= $dir ?></h2>
+<h2>/<?= $mediaopt->dir() ?></h2>
 
 
 
 <table id="medialist">
 <tr>
     <th>x</th>
-    <th><a href="?path=<?= $dir ?>&sortby=id&order=<?php echo ($opt['order'] * -1); ?>">id</a></th>
+    <th><a href="<?= $mediaopt->getsortbyadress('id') ?>">id</a></th>
     <th>ext</th>
-    <th><a href="?path=<?= $dir ?>&sortby=type&order=<?php echo ($opt['order'] * -1); ?>">type</a></th>
-    <th><a href="?path=<?= $dir ?>&sortby=size&order=<?php echo ($opt['order'] * -1); ?>">size</a></th>
+    <th><a href="<?= $mediaopt->getsortbyadress('type') ?>">type</a></th>
+    <th><a href="<?= $mediaopt->getsortbyadress('size') ?>">size</a></th>
     <th>width</th>
     <th>height</th>
     <th>lengh</th>
@@ -103,7 +90,6 @@
 
 <?php
 foreach ($medialist as $media) {
-    if(in_array($media->type(), $opt['type'])) {
     ?>
     <tr>
     <td><input type="checkbox" name="id[]" value="<?= $media->getfulldir() ?>" form="mediaedit" id="media_<?= $media->id() ?>"></td>
@@ -117,11 +103,7 @@ foreach ($medialist as $media) {
     <td class="code"><code><?= $media->getcode() ?></code></td>
     </tr>
     <?php
-    }
-
 }
-
-
 ?>
 
 </table>
diff --git a/app/view/templates/mediamenu.php b/app/view/templates/mediamenu.php
index 9044194..560025a 100644
--- a/app/view/templates/mediamenu.php
+++ b/app/view/templates/mediamenu.php
@@ -7,14 +7,14 @@
                 <form id=addmedia action="<?= $this->url('mediaupload') ?>" method="post" enctype="multipart/form-data">
                     <label for="file">🚀 Upload file(s)</label>
                     <input type='file' id="file" name='file[]' multiple required>
-                    <input type="hidden" name="dir" value="<?= $dir ?>">
+                    <input type="hidden" name="dir" value="<?= $mediaopt->dir() ?>">
                     <input type="submit" value="upload">
                 </form>
                 <h2>Folder</h2>
                 <form id="folderadd" action="<?= $this->url('mediafolderadd') ?>" method="post">
                     <label for="foldername">📂 New folder</label>
                     <input type="text" name="foldername" id="foldername" placeholder="folder name" required>
-                    <input type="hidden" name="dir" value="<?= $dir ?>">
+                    <input type="hidden" name="dir" value="<?= $mediaopt->dir() ?>">
                 <input type="submit" value="create folder">
                 </form>
             </div>
@@ -29,7 +29,7 @@
 
             <h2>Folder</h2>
             <form action="<?= $this->url('mediafolderdelete') ?>" id="deletefolder" method="post" class="hidephone">
-                <input type="hidden" name="dir" value="<?= $dir ?>/">
+                <input type="hidden" name="dir" value="<?= $mediaopt->dir() ?>/">
                 <input type="checkbox" name="deletefolder" id="confirmdeletefolder" value="1">
                 <label for="confirmdeletefolder">Delete actual folder and all it's content</label>
                 </br>
@@ -39,7 +39,7 @@
             
             <h2>Move</h2>
             <form action="<?= $this->url('mediaedit') ?>" method="post" id="mediaedit">
-                <input type="hidden" name="path" value="<?= $dir ?>">
+                <input type="hidden" name="path" value="<?= $mediaopt->dir() ?>">
                 <label for="moveto">Move selected medias to a new directory</label>
                 </br>
                 <select name="dir" id="moveto" >
@@ -73,7 +73,7 @@
 
 
             <p>Use this code to print the content of the actual folder in a page</p>
-            <code>%MEDIA?path=<?= substr($dir, 6) ?>&sortby=<?= $opt['sortby'] ?>&order=<?= $opt['order'] ?>%</code>
+            <code><?= $mediaopt->getquery() ?></code>
         </div>
     </details>
 
-- 
cgit v1.2.3