diff options
| -rw-r--r-- | app/view/templates/media.php | 121 | ||||
| -rw-r--r-- | app/view/templates/mediamenu.php | 2 |
2 files changed, 62 insertions, 61 deletions
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(' ', $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(' ', $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> |