From 01c38c5c21c1e723925b603039bf7e9c04844c2a Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Wed, 7 Aug 2024 22:15:47 -0700
Subject: [PATCH] Easy comment thread unsubscribe links in Notifications

---
 pkg/controller/comment/subscription.go |  2 +-
 web/static/css/theme.css               | 10 ++++++++++
 web/templates/account/dashboard.html   | 26 +++++++++++++++++++-------
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/pkg/controller/comment/subscription.go b/pkg/controller/comment/subscription.go
index cb063ee..38d1ae2 100644
--- a/pkg/controller/comment/subscription.go
+++ b/pkg/controller/comment/subscription.go
@@ -81,7 +81,7 @@ func Subscription() http.HandlerFunc {
 				if subscribe {
 					session.Flash(w, r, "You will now be notified about comments on this page.")
 				} else {
-					session.Flash(w, r, "You will no longer be notified about new comments on this page.")
+					session.Flash(w, r, "You will no longer be notified about new comments on that thread.")
 				}
 			}
 		}
diff --git a/web/static/css/theme.css b/web/static/css/theme.css
index 521419d..0b251c0 100644
--- a/web/static/css/theme.css
+++ b/web/static/css/theme.css
@@ -208,4 +208,14 @@ img {
 
 .nonshy-htsignup {
     display: none;
+}
+
+/* Dashboard notification page styles */
+.nonshy-notification-row {
+    position: relative;
+}
+.nonshy-notif-delete-button {
+    position: absolute;
+    top: 4px;
+    right: 4px;
 }
\ No newline at end of file
diff --git a/web/templates/account/dashboard.html b/web/templates/account/dashboard.html
index 087bd50..99d3167 100644
--- a/web/templates/account/dashboard.html
+++ b/web/templates/account/dashboard.html
@@ -480,6 +480,14 @@
                                 {{$Body := $Root.NotifMap.Get .ID}}
                                 <tr>
                                     <td class="nonshy-notification-row" data-notification-id="{{.ID}}">
+                                        <!-- Delete button for just this notification -->
+                                        <button type="button"
+                                            class="button is-danger px-2 py-1 is-small nonshy-notif-delete-button"
+                                            data-notification-id="{{.ID}}"
+                                            title="Remove this notification from your feed">
+                                            <i class="fa fa-xmark mr"></i>
+                                        </button>
+
                                         <div class="columns">
                                             <div class="column is-narrow has-text-centered">
                                                 {{if not .Read}}
@@ -655,13 +663,17 @@
                                                 <small title="{{.CreatedAt.Format "2006-01-02 15:04:05"}}">
                                                     {{SincePrettyCoarse .CreatedAt}} ago.
 
-                                                    <!-- Delete button for just this notification -->
-                                                    <button type="button"
-                                                        class="button is-danger is-light is-small nonshy-notif-delete-button"
-                                                        data-notification-id="{{.ID}}"
-                                                        title="Remove this notification from your feed">
-                                                        <i class="fa fa-xmark mr-1"></i> Clear
-                                                    </button>
+                                                    <!-- Contextual "Unsubscribe" buttons -->
+                                                    {{if or (eq .Type "also_posted") (eq .Type "also_comment")}}
+                                                    <small>
+                                                        <a href="/comments/subscription?table_name={{.TableName}}&table_id={{.TableID}}&next={{UrlEncode $Root.Request.URL.String}}&subscribe=false"
+                                                            class="has-text-warning is-small"
+                                                            title="Turn off notifications about this thread"
+                                                            onclick="return confirm('Do you want to turn off notifications about this comment thread?')">
+                                                            <i class="fa fa-microphone-slash mr-1"></i> Mute this thread
+                                                        </a>
+                                                    </small>
+                                                    {{end}}
                                                 </small>
                                             </div>