From f4273935cb6f30133dc6baa3cafe428ea263d408 Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel@bitbadger.solutions>
Date: Thu, 23 May 2024 22:06:16 -0400
Subject: [PATCH] Add item bookmark buttons (#14)

Implemented as a toggle button

- Move init_cap func where web can see it
- Bump version to alpha7
---
 src/app-config.php                   |  16 ++++++++-
 src/cli-start.php                    |  14 --------
 src/public/assets/bookmark-add.png   | Bin 0 -> 1776 bytes
 src/public/assets/bookmark-added.png | Bin 0 -> 1984 bytes
 src/public/assets/style.css          |  32 ++++++++++++++---
 src/public/bookmark.php              |  49 +++++++++++++++++++++++++++
 src/public/feed/items.php            |   1 +
 src/public/item.php                  |   2 ++
 8 files changed, 95 insertions(+), 19 deletions(-)
 create mode 100644 src/public/assets/bookmark-add.png
 create mode 100644 src/public/assets/bookmark-added.png
 create mode 100644 src/public/bookmark.php

diff --git a/src/app-config.php b/src/app-config.php
index bc29c5a..76994d9 100644
--- a/src/app-config.php
+++ b/src/app-config.php
@@ -1,7 +1,7 @@
 <?php
 
 /** The current Feed Reader Central version */
-const FRC_VERSION = '1.0.0-alpha6';
+const FRC_VERSION = '1.0.0-alpha7';
 
 spl_autoload_register(function ($class) {
     $file = implode(DIRECTORY_SEPARATOR, [__DIR__, 'lib', "$class.php"]);
@@ -18,3 +18,17 @@ Data::ensureDb();
 
 /** @var string The date the world wide web was created */
 const WWW_EPOCH = '1993-04-30T00:00:00+00:00';
+
+/**
+ * Capitalize the first letter of the given string
+ *
+ * @param string $value The string to be capitalized
+ * @return string The given string with the first letter capitalized
+ */
+function init_cap(string $value): string {
+    return match (strlen($value)) {
+        0       => "",
+        1       => strtoupper($value),
+        default => strtoupper(substr($value, 0, 1)) . substr($value, 1),
+    };
+}
diff --git a/src/cli-start.php b/src/cli-start.php
index 5a61045..b6dda7e 100644
--- a/src/cli-start.php
+++ b/src/cli-start.php
@@ -28,17 +28,3 @@ function cli_title(string $title): void {
     printfn('  | %s | %s |', $title, $appTitle);
     printfn($dashes . PHP_EOL);
 }
-
-/**
- * Capitalize the first letter of the given string
- *
- * @param string $value The string to be capitalized
- * @return string The given string with the first letter capitalized
- */
-function init_cap(string $value): string {
-    return match (strlen($value)) {
-        0       => "",
-        1       => strtoupper($value),
-        default => strtoupper(substr($value, 0, 1)) . substr($value, 1),
-    };
-}
diff --git a/src/public/assets/bookmark-add.png b/src/public/assets/bookmark-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..c50719a12cb3eb0784492661f703dd4b09824c3e
GIT binary patch
literal 1776
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
L(~r~W&d>S}aBTQu

literal 0
HcmV?d00001

diff --git a/src/public/assets/bookmark-added.png b/src/public/assets/bookmark-added.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7d1e05b99aee23b5be8e0c003418bc9c27ea219
GIT binary patch
literal 1984
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

literal 0
HcmV?d00001

diff --git a/src/public/assets/style.css b/src/public/assets/style.css
index d63410c..da1fefa 100644
--- a/src/public/assets/style.css
+++ b/src/public/assets/style.css
@@ -79,10 +79,6 @@ main {
         margin-top: .25rem;
     }
 
-    .item_heading {
-        margin-bottom: 0;
-    }
-
     .item_published {
         margin-bottom: 1rem;
         line-height: 1.2;
@@ -153,3 +149,31 @@ code {
 p.back-link {
     margin-top: -1rem;
 }
+.item_heading {
+    margin-bottom: 0;
+
+    .bookmark {
+        padding: 0;
+        border: solid 1px black;
+        border-radius: .5rem;
+
+        &.add {
+            background-color: lightgray;
+            :hover {
+                background: linear-gradient(lightgreen, gray);
+            }
+        }
+        &.remove {
+            background: linear-gradient(lightgreen, green);
+            :hover {
+                background: linear-gradient(gray, lightgreen);
+            }
+        }
+
+        img {
+            max-width: 1.5rem;
+            max-height: 1.5rem;
+            padding: .5rem;
+        }
+    }
+}
diff --git a/src/public/bookmark.php b/src/public/bookmark.php
new file mode 100644
index 0000000..4c16617
--- /dev/null
+++ b/src/public/bookmark.php
@@ -0,0 +1,49 @@
+<?php
+
+/**
+ * Bookmark Partial Handler
+ *
+ * This will display a button which will either add or remove a bookmark for a given item.
+ */
+
+include '../start.php';
+
+$db = Data::getConnection();
+Security::verifyUser($db);
+
+$id = $_GET['id'];
+
+$existsQuery = $db->prepare(
+    'SELECT item.id FROM item INNER JOIN feed ON feed.id = item.feed_id WHERE item.id = :id AND feed.user_id = :user');
+$existsQuery->bindValue(':id',   $id);
+$existsQuery->bindValue(':user', $_SESSION[Key::USER_ID]);
+$existsResult = $existsQuery->execute();
+$exists = $existsResult ? $existsResult->fetchArray(SQLITE3_ASSOC) : false;
+
+if (!$exists) not_found();
+
+if (key_exists('action', $_GET)) {
+    if ($_GET['action'] == 'add') {
+        $flag = 1;
+    } elseif ($_GET['action'] == 'remove') {
+        $flag = 0;
+    }
+    if (isset($flag)) {
+        $update = $db->prepare('UPDATE item SET is_bookmarked = :flag WHERE id = :id');
+        $update->bindValue(':id',   $id);
+        $update->bindValue(':flag', $flag);
+        if (!$update->execute()) die(Data::error($db)['error']);
+    }
+}
+
+$bookQuery = $db->prepare('SELECT id, is_bookmarked FROM item WHERE id = :id');
+$bookQuery->bindValue(':id', $id);
+$bookResult = $bookQuery->execute();
+$bookmark = $bookResult ? $bookResult->fetchArray(SQLITE3_ASSOC) : ['id' => $id, 'is_bookmarked' => 0];
+
+$action = $bookmark['is_bookmarked'] ? 'remove' : 'add';
+$icon   = $bookmark['is_bookmarked'] ? 'added'  : 'add'; ?>
+<button class="bookmark <?=$action?>" type=button role=button hx-patch="/bookmark?id=<?=$id?>&action=<?=$action?>"
+        hx-target=this hx-swap=outerHTML hx-push-url=false title="<?=init_cap($action)?> Bookmark">
+    <img src=/assets/bookmark-<?=$icon?>.png alt="<?=$action?> bookmark">
+</button><?php
diff --git a/src/public/feed/items.php b/src/public/feed/items.php
index 1b4a362..30ba98f 100644
--- a/src/public/feed/items.php
+++ b/src/public/feed/items.php
@@ -67,6 +67,7 @@ if ($type == TYPE_ALL) { ?>
         while ($item) { ?>
             <p><?=hx_get("/item?id={$item['id']}&from=$thisURL", strip_tags($item['title']))?><br>
                 <small><?=$item['is_read'] == 0 ? '<strong>New</strong> &nbsp; ' : ''?>
+                    <?=$item['is_bookmarked'] ? '<strong>Bookmarked</strong> &nbsp; ' : ''?>
                     <em><?=date_time($item['as_of'])?></em></small><?php
             $item = $itemResult->fetchArray(SQLITE3_ASSOC);
         }
diff --git a/src/public/item.php b/src/public/item.php
index 21659c9..3633f87 100644
--- a/src/public/item.php
+++ b/src/public/item.php
@@ -75,6 +75,8 @@ $updated   = isset($item['updated_on']) ? date_time($item['updated_on']) : null;
 
 page_head(htmlentities("{$item['item_title']} | {$item['feed_title']}")); ?>
 <h1 class=item_heading>
+    <span class=bookmark hx-get="/bookmark?id=<?=$_GET['id']?>" hx-trigger=load hx-target=this hx-swap=outerHTML
+          hx-push-url=false></span>
     <a href="<?=$item['item_link']?>" target=_blank rel=noopener><?=strip_tags($item['item_title'])?></a><br>
 </h1>
 <div class=item_published>