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 ++++++++++++++++++++++++++++++++++++++++
 assets/css/home.css              | 46 ++++++++++++-------------
 3 files changed, 94 insertions(+), 86 deletions(-)
 create mode 100644 app/view/templates/mediamenu.php

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
diff --git a/assets/css/home.css b/assets/css/home.css
index 0e5e4a1..89076ef 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -25,7 +25,7 @@ main.home {
 }
 
 
-aside.home {
+aside {
     display: flex;
     background-color: darkgrey;
     border-top: 1px solid grey;
@@ -34,20 +34,20 @@ aside.home {
 
 
 
-aside.home details, aside.home span {
+aside details, aside span {
     width: 100%;
     max-width: 280px;
 }
 
 
 
-aside.home details .submenu, aside.home summary {
+aside details .submenu, aside summary {
     background-color: darkgrey;
     border-left: 1px solid grey;
 }
 
 
-aside.home .submenu {
+aside .submenu {
     position: absolute;
     border: solid 1px dimgrey;
     width: 20%;
@@ -55,6 +55,21 @@ aside.home .submenu {
 }
 
 
+aside summary {
+    color: grey;
+}
+
+aside details > summary::-webkit-details-marker {
+    display: none;
+}
+
+
+aside summary:hover {
+    color: black;
+    cursor: pointer;
+}
+
+
 aside.home details#bookmarks input[type="checkbox"] {
     opacity: 0.2;
     float: right;
@@ -71,22 +86,8 @@ aside.home details#bookmarks ul {
 
 
 
-aside.home summary {
-    color: grey;
-}
 
-aside.home details > summary::-webkit-details-marker {
-    display: none;
-}
-
-
-aside.home summary:hover {
-    color: black;
-    cursor: pointer;
-}
-
-
-details#selection code {
+aside .submenu code {
     overflow: auto;
     display: block;
     white-space: nowrap;
@@ -524,9 +525,4 @@ footer {
         height: 23px;
     }
 
-}
-
-
-
-
-
+}
\ No newline at end of file
-- 
cgit v1.2.3