From 66750d347ae80a1649458da6a60b055d9e9cf193 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 7 Jun 2021 23:32:35 -0600
Subject: [PATCH] Update Timeline, implement suggested post opt out

---
 resources/assets/js/components/Timeline.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 543f54320..15e190477 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -294,6 +294,9 @@
 												<p class="text-center mb-0">
 													<a class="btn btn-link font-weight-bold px-4" href="/?a=vop">View Older Posts</a>
 												</p>
+												<p class="text-center mb-0">
+													<a class="btn btn-link font-weight-bold px-4" href="/" @click.prevent="alwaysViewOlderPosts()">Always show older posts on this device</a>
+												</p>
 											</div>
 											<div v-else>
 												<p class="text-center h3 font-weight-light">You've reached the end of this feed</p>
@@ -310,6 +313,9 @@
 												<p class="text-center mb-0">
 													<a class="btn btn-link font-weight-bold px-4" href="/?a=vop">View Older Posts</a>
 												</p>
+												<p class="text-center mb-0">
+													<a class="btn btn-link font-weight-bold px-4" href="/" @click.prevent="alwaysViewOlderPosts()">Always show older posts on this device</a>
+												</p>
 											</div>
 											<div v-else>
 												<p class="text-center h3 font-weight-light">You've reached the end of this feed</p>
@@ -331,6 +337,9 @@
 									<p class="text-center mb-0">
 										<a class="btn btn-link font-weight-bold px-4" href="/?a=vop">View Older Posts</a>
 									</p>
+									<p class="text-center mb-0">
+										<a class="btn btn-link font-weight-bold px-4" href="/" @click.prevent="alwaysViewOlderPosts()">Always show older posts on this device</a>
+									</p>
 								</div>
 								<div v-else class="card-body py-5 my-5">
 									<p class="text-center"><i class="far fa-smile fa-8x text-lighter"></i></p>
@@ -1223,6 +1232,7 @@
 		},
 
 		beforeMount() {
+			let avop = window.localStorage.getItem('pf.feed:avop') === 'always';
 			let u = new URLSearchParams(window.location.search);
 			if(u.has('a')) {
 				switch(u.get('a')) {
@@ -1236,6 +1246,7 @@
 					break;
 				}
 			}
+			this.recentFeed = avop ? false : this.recentFeed;
 			this.fetchProfile();
 			this.fetchTimelineApi();
 		},
@@ -2479,6 +2490,12 @@
 					this.pagination = response.data.meta.pagination;
 					$('.load-more-link').removeClass('d-none');
 				});
+			},
+
+			alwaysViewOlderPosts() {
+				// Set Feed:Always View Older Posts
+				window.localStorage.setItem('pf.feed:avop', 'always');
+				window.location.href = '/';
 			}
 		},