From 0d87935bfd38f0cabecfaff374bd5ead221a494c Mon Sep 17 00:00:00 2001
From: Syndamia <kamen@syndamia.com>
Date: Sat, 1 Feb 2025 11:38:54 +0200
Subject: feat(views/profile): Proper list elements UI

---
 views/list/index.php     | 11 ++++++-----
 views/list/item.php      | 19 +++++++++++++++++++
 views/list/item_show.php |  8 ++++++++
 3 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 views/list/item.php
 create mode 100644 views/list/item_show.php

(limited to 'views/list')

diff --git a/views/list/index.php b/views/list/index.php
index 9047fb3..9bc348d 100644
--- a/views/list/index.php
+++ b/views/list/index.php
@@ -15,11 +15,12 @@
         <p><?= $list->Description ?></p>
         <p><?= $author->Username ?></p>
     </section>
-    <?php foreach($list->allItems() as $webpage): ?>
-        <section>
-            <?= $webpage->URL ?>
-        </section>
-    <?php endforeach; ?>
+    <?php
+        foreach ($list->allItems() as $page) {
+            include $VIEWS_DIR . '/archive/item.php';
+        }
+        include_once $VIEWS_DIR . '/archive/item_show.php';
+    ?>
 
 <?php else: ?>
     <p>
diff --git a/views/list/item.php b/views/list/item.php
new file mode 100644
index 0000000..6316669
--- /dev/null
+++ b/views/list/item.php
@@ -0,0 +1,19 @@
+<section class="list" onclick="window.location.href = '/list/<?= $list->LID ?>'">
+    <section>
+        <div class="heading">
+            <h2>
+                <?= $list->Name ?>
+            </h2>
+            <a href="<?= '/profile/' . $user->Username ?>" class="float-right">
+                <?= $user->Username ?>
+            </a>
+        </div>
+        <p>
+            <?= $list->Description ?>
+        </p>
+    </section>
+    <section name="itemButton" hidden>
+        <span><!-- Edit button --></span>
+        <span><!-- Delete button --></span>
+    </section>
+</section>
diff --git a/views/list/item_show.php b/views/list/item_show.php
new file mode 100644
index 0000000..1a31f4b
--- /dev/null
+++ b/views/list/item_show.php
@@ -0,0 +1,8 @@
+<script type="text/javascript">
+    function showButtons() {
+        for (buttonset of document.getElementsByName('itemButton')) {
+            buttonset.hidden = false;
+        }
+    }
+    authenticated(showButtons);
+</script>
-- 
cgit v1.2.3