From 97a5f5db8de7e70b106b0926ac6a5453fa01aaad Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Sat, 4 May 2019 19:52:23 -0600
Subject: [PATCH] Add new labs setting, disable read more

---
 resources/assets/js/components/Timeline.vue | 13 +++++++++--
 resources/views/settings/labs.blade.php     | 24 +++++++++++++++++++--
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 0270d4959..5756de680 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -389,7 +389,8 @@
 				followingCursor: 1,
 				followingMore: true,
 				lightboxMedia: false,
-				showSuggestions: false
+				showSuggestions: false,
+				showReadMore: true,
 			}
 		},
 
@@ -415,13 +416,21 @@
 				this.showSuggestions = true;
 			}
 
+			if(localStorage.getItem('pf_metro_ui.exp.rm') == 'false') {
+				this.showReadMore = false;
+			} else {
+				this.showReadMore = true;
+			}
+
 			this.$nextTick(function () {
 				$('[data-toggle="tooltip"]').tooltip()
 			});
 		},
 
 		updated() {
-			pixelfed.readmore();
+			if(this.showReadMore == true) {
+				pixelfed.readmore();
+			}
 		},
 
 		methods: {
diff --git a/resources/views/settings/labs.blade.php b/resources/views/settings/labs.blade.php
index 2b8d47215..2dba9590e 100644
--- a/resources/views/settings/labs.blade.php
+++ b/resources/views/settings/labs.blade.php
@@ -162,9 +162,16 @@
 			<label class="form-check-label font-weight-bold" for="show_suggestions">
 				{{__('Profile Suggestions')}}
 			</label>
-			<p class="text-muted small help-text">Show Profile Suggestions</p>
+			<p class="text-muted small help-text">Show Profile Suggestions.</p>
 		</div>
 		@endif
+		<div class="form-check pb-3">
+			<input class="form-check-input" type="checkbox" name="show_readmore" id="show_readmore">
+			<label class="form-check-label font-weight-bold" for="show_readmore">
+				{{__('Use Read More')}}
+			</label>
+			<p class="text-muted small help-text">Collapses captions/comments more than 3 lines.</p>
+		</div>
 		<div class="py-3">
 			<p class="font-weight-bold text-muted text-center">Discovery</p>
 			<hr>
@@ -191,18 +198,31 @@
 <script type="text/javascript">
 $(document).ready(function() {
 	let showSuggestions = localStorage.getItem('pf_metro_ui.exp.rec') == 'false' ? false : true;
+	let showReadMore = localStorage.getItem('pf_metro_ui.exp.rm') == 'false' ? false : true;
 
 	if(showSuggestions == true) {
 		$('#show_suggestions').attr('checked', true);
 	}
 
+	if(showReadMore == true) {
+		$('#show_readmore').attr('checked', true);
+	}
+
 	$('#show_suggestions').on('change', function(e) {
 		if(e.target.checked) {
 			localStorage.removeItem('pf_metro_ui.exp.rec');
 		} else {
 			localStorage.setItem('pf_metro_ui.exp.rec', false);
 		}
-	})
+	});
+
+	$('#show_readmore').on('change', function(e) {
+		if(e.target.checked) {
+			localStorage.removeItem('pf_metro_ui.exp.rm');
+		} else {
+			localStorage.setItem('pf_metro_ui.exp.rm', false);
+		}
+	});
 });
 </script>
 @endpush
\ No newline at end of file