From 38031a55afa1d0cb7c4ca2300262f08d97ca4eee Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Sat, 8 Feb 2025 18:13:34 +0200
Subject: feat(views/archive): Proper button for pdf export

---
 views/archive/item.php   | 25 +++++++++++--------------
 views/img/add-list.svg   |  1 +
 views/img/delete.svg     |  1 +
 views/img/pdf-export.svg |  1 +
 views/styles.css         | 13 +++++++++----
 5 files changed, 23 insertions(+), 18 deletions(-)
 create mode 100644 views/img/add-list.svg
 create mode 100644 views/img/delete.svg
 create mode 100644 views/img/pdf-export.svg

(limited to 'views')

diff --git a/views/archive/item.php b/views/archive/item.php
index 25b1719..ffbc8ba 100644
--- a/views/archive/item.php
+++ b/views/archive/item.php
@@ -9,29 +9,26 @@
             <span>Visits: <?= $page->Visits ?></span>
             <iframe id="printFrame" src="<?= '/archives/' . $page->WID . '/index.php' ?>" style="display:none;"></iframe>
             <span class="float-right"><?= Database\User::fromDBuid($page->RequesterUID)->Username ?></span>
-            <form action="/list/export/index.php" method="GET">
-                <input type="hidden" name="wid" value="<?= $page->WID ?>">
-                <input type="hidden" name="title" value="<?= $page->Title ?>">
-                <input type="hidden" name="url" value="<?= $page->URL ?>">
-                <button>Export to PDF</button>
-            </form>
         </div>
     </section>
+    <section class="global-buttons">
+        <form action="/list/export/index.php" method="GET">
+            <input type="hidden" name="wid" value="<?= $page->WID ?>">
+            <input type="hidden" name="title" value="<?= $page->Title ?>">
+            <input type="hidden" name="url" value="<?= $page->URL ?>">
+            <button><?php include $VIEWS_DIR . '/img/pdf-export.svg' ?></button>
+        </form>
+        <span></span>
+    </section>
     <section name="itemButton" hidden>
         <form action="/list/add" method="GET">
             <input type="hidden" name="wid" value="<?= $page->WID ?>">
-            <button>
-                <!-- Tabler icons https://tabler.io/icons -->
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="list-icon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-6 4v-14a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v5" /><path d="M16 19h6" /><path d="M19 16v6" /></svg>
-            </button>
+            <button><?php include $VIEWS_DIR . '/img/add-list.svg' ?></button>
         </form>
         <?php if ($user !== null && $user->Role === 'Admin'): ?>
             <form action="/archive/delete" method="GET">
                 <input type="hidden" name="wid" value="<?= $page->WID ?>">
-                <button>
-                    <!-- Tabler icons https://tabler.io/icons -->
-                    <svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="list-icon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
-                </button>
+                <button><?php include $VIEWS_DIR . '/img/delete.svg' ?></button>
             </form>
         <?php else: ?>
             <span></span>
diff --git a/views/img/add-list.svg b/views/img/add-list.svg
new file mode 100644
index 0000000..bea5fb6
--- /dev/null
+++ b/views/img/add-list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="list-icon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17l-6 4v-14a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v5" /><path d="M16 19h6" /><path d="M19 16v6" /></svg>
diff --git a/views/img/delete.svg b/views/img/delete.svg
new file mode 100644
index 0000000..1aab9a2
--- /dev/null
+++ b/views/img/delete.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="list-icon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 7l16 0" /><path d="M10 11l0 6" /><path d="M14 11l0 6" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
diff --git a/views/img/pdf-export.svg b/views/img/pdf-export.svg
new file mode 100644
index 0000000..a82d032
--- /dev/null
+++ b/views/img/pdf-export.svg
@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="other-icon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6" /><path d="M17 18h2" /><path d="M20 15h-3v6" /><path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>
diff --git a/views/styles.css b/views/styles.css
index 260f7ff..6637c40 100644
--- a/views/styles.css
+++ b/views/styles.css
@@ -328,7 +328,7 @@ hr.new-section {
   border-color: var(--dark-green);
 }
 
-.item [name=itemButton] {
+.item [name=itemButton], .item .global-buttons {
   border-left: 3px solid var(--dark-purple);
   margin: -0.5em 0 -0.5em 0.5em;
   padding: 0.5em 0 0.5em 0.5em;
@@ -337,21 +337,26 @@ hr.new-section {
   gap: 0.3em;
 }
 
-.item [name=itemButton] > * {
+.item [name=itemButton] > *, .item .global-buttons > * {
   display: flex;
   align-items: end;
   flex: 1;
 }
 
 .item [name=itemButton] input,
-.item [name=itemButton] button{
+.item [name=itemButton] button,
+.item .global-buttons input,
+.item .global-buttons button {
   box-shadow: none;
   padding: 0;
 }
 
+.other-icon, .list-icon {
+  height: 1.3em;
+}
+
 .list-icon {
   color: var(--cherry);
-  height: 1.3em;
 }
 
 /* List item */
-- 
cgit v1.2.3