From 9c36563c333269cfcda6da311767aadebc5be481 Mon Sep 17 00:00:00 2001
From: Daniel Schadt <kingdread@gmx.de>
Date: Wed, 16 Aug 2023 22:50:10 +0200
Subject: initial work on track favourites

---
 asset-sources/fietsboek.ts | 51 +++++++++++++++++++++++++++++++++++++++++++---
 asset-sources/theme.scss   |  4 ++++
 2 files changed, 52 insertions(+), 3 deletions(-)

(limited to 'asset-sources')

diff --git a/asset-sources/fietsboek.ts b/asset-sources/fietsboek.ts
index b885271..ae9e724 100644
--- a/asset-sources/fietsboek.ts
+++ b/asset-sources/fietsboek.ts
@@ -22,6 +22,19 @@ interface Window {
  */
 type Selector = string;
 
+
+/**
+ * Gets the value of a single cookie.
+ *
+ * @param name - Name of the cookie.
+ * @return The cookie value, or null.
+ */
+function getCookie(name: string): string | undefined {
+    return document.cookie.split("; ")
+        .find((row) => row.startsWith(`${name}=`))
+        ?.split("=")[1];
+}
+
 /**
  * Installs a listener to the given DOM objects.
  *
@@ -400,9 +413,7 @@ addHandler(".button-clear-input", "click", clearInputButtonClicked);
  * @param event - The triggering event.
  */
 function changeHomeSorting(_event: MouseEvent) {
-    const currentSorting = document.cookie.split("; ")
-        .find((row) => row.startsWith("home_sorting="))
-        ?.split("=")[1] ?? "asc";
+    const currentSorting = getCookie("home_sorting") ?? "asc";
     const newSorting = currentSorting == "asc" ? "desc" : "asc";
     document.cookie = `home_sorting=${newSorting}; SameSite=Lax`;
     window.location.reload();
@@ -411,6 +422,40 @@ function changeHomeSorting(_event: MouseEvent) {
 addHandler("#changeHomeSorting", "click", changeHomeSorting);
 
 
+/**
+ * Handler to toggle the favourite status of a track.
+ *
+ * This is applied to .favourite-star elements and expects the track ID in
+ * data-track-id.
+ *
+ * @param event - The triggering event.
+ */
+function toggleTrackFavourite(event: MouseEvent) {
+    const target = event.target as HTMLElement;
+    const trackId = target.getAttribute("data-track-id");
+    if (trackId === null) {
+        return;
+    }
+    const url = new URL("/me/toggle-favourite", window.location.href);
+    const formData = new URLSearchParams();
+    formData.append("track-id", trackId);
+    formData.append("csrf_token", getCookie("csrf_token") ?? "");
+    fetch(url, {
+        "method": "POST",
+        "body": formData,
+    }).then(response => response.json().then(data => {
+        const isNowFavourite = data["favourite"];
+        if (isNowFavourite) {
+            target.classList.replace("bi-star", "bi-star-fill");
+        } else {
+            target.classList.replace("bi-star-fill", "bi-star");
+        }
+    }));
+}
+
+addHandler(".favourite-star", "click", toggleTrackFavourite);
+
+
 document.addEventListener('DOMContentLoaded', function() {
     window.fietsboekImageIndex = 0;
 
diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index faa4f44..864be83 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -118,6 +118,10 @@ strong {
   }
 }
 
+.favourite-star {
+  color: orange;
+}
+
 /* Ensure a consistent width of the cells in the browse view. */
 .browse-summary th, .browse-summary td {
   width: 25%;
-- 
cgit v1.2.3


From 962ad7cbd81e000158b8a296718148053688349c Mon Sep 17 00:00:00 2001
From: Daniel Schadt <kingdread@gmx.de>
Date: Thu, 17 Aug 2023 22:30:34 +0200
Subject: show favourite star on home page

---
 asset-sources/theme.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'asset-sources')

diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 864be83..7195856 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -118,7 +118,7 @@ strong {
   }
 }
 
-.favourite-star {
+.favourite-star, .favourite-star-ni {
   color: orange;
 }
 
-- 
cgit v1.2.3


From 4cc160a29e625ce317d30237e3d9fe184bbb5a19 Mon Sep 17 00:00:00 2001
From: Daniel Schadt <kingdread@gmx.de>
Date: Tue, 22 Aug 2023 19:57:05 +0200
Subject: make cursor a pointer for favourite stars

---
 asset-sources/theme.scss | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'asset-sources')

diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 7195856..8e0f001 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -122,6 +122,10 @@ strong {
   color: orange;
 }
 
+.favourite-star {
+  cursor: pointer;
+}
+
 /* Ensure a consistent width of the cells in the browse view. */
 .browse-summary th, .browse-summary td {
   width: 25%;
-- 
cgit v1.2.3