tons of new and fixed js logic

templates/index.html

@@ -42,7 +42,9 @@
 		shareBtns.forEach((shareBtn) => {
 			shareBtn.addEventListener("click", async () => {
 				try {
-					await navigator.share(shareData);
+					if (navigator.canShare(shareData)) {
+						await navigator.share(shareData);
+					}
 				}
 				catch (err) {
 					console.error(err);
@@ -52,6 +54,30 @@
 	};
 </script>
 <script>
+	const questionModal = document.getElementById('question-modal');
+	questionModal.addEventListener('show.bs.modal', event => {
+	    // Button that triggered the modal
+		let button = event.relatedTarget;
+	    // Extract info from data-bs-* attributes
+		let questionId = button.getAttribute('data-q-id');
+		let questionContent = document.querySelector(`.question-${questionId}`).innerText;
+		let answerContent = document.getElementById(`a-${questionId}-content`).innerText;
+		let submitBtn = document.getElementById('q-modal-submit');
+
+		// Define the cfg variables
+		const trimContentAfter = "{{ cfg.trimContentAfter }}";
+		const instanceFullBaseUrl = "{{ cfg.instance.fullBaseUrl }}";
+
+		let questionText = questionContent.length > trimContentAfter ? questionContent.substring(0, trimContentAfter) + '…' : questionContent;
+		let answerText = answerContent.length > trimContentAfter ? answerContent.substring(0, trimContentAfter) + '…' : answerContent;
+		let questionUrl = `${instanceFullBaseUrl}/q/${questionId}/`;
+
+		let encodedContent = encodeURI(`${questionText} — ${answerText} ${questionUrl}`);
+		// Set up the shareOnFediverse function
+		submitBtn.addEventListener('click', function() {
+			shareOnFediverse(questionId, encodedContent);
+		});
+	});
     document.addEventListener('DOMContentLoaded', function () {
         const collapseElements = document.querySelectorAll('.collapse.question-cw');
         const toggleButtons = document.querySelectorAll('.cw-btn');
@@ -90,7 +116,7 @@
 			className: `alert alert-success shadow alert-dismissible`,
 			close: true
 		}).showToast();
-	}
+	};
 	function copyFull(text) {
 		navigator.clipboard.writeText(text);
 		Toastify({
@@ -102,8 +128,9 @@
 			className: `alert alert-success shadow alert-dismissible`,
 			close: true
 		}).showToast();
-	}
+	};
 
+	{% if not cfg.lockInbox %}
 	const input = document.getElementById('question');
 	const charCount = document.getElementById('charCount');
 	function updateCharCount() {
@@ -124,30 +151,20 @@
 		}
 	}
 	input.addEventListener('input', updateCharCount);
+	document.getElementById('question-form').reset();
+	{% endif %}
+
 	function shareOnFediverse(questionId, contentToShare) {
-		const instanceDomain = document.getElementById(`fediInstance-${questionId}`).value.trim();
+		const instanceDomain = document.getElementById(`fediInstance`).value.trim();
 		const shareUrl = `https://${instanceDomain}/share?text=${contentToShare}`;
 
 		window.open(shareUrl, '_blank');
 	}
 
-</script>
-<script>
-	document.getElementById('question-form').reset();
-
 	const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
 	const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
 
-	document.addEventListener('htmx:beforeRequest', function(event) {
-		if (event.detail.target.id != "question-count") {
-			document.getElementById('ask-btn').setAttribute('disabled', true);
-		}
-	});
-
 	document.addEventListener('htmx:afterRequest', function(event) {
-		if (event.detail.target.id != "question-count") {
-			document.getElementById('ask-btn').removeAttribute('disabled');
-		}
 		const jsonResponse = event.detail.xhr.response;
 		if (jsonResponse) {
 			const parsed = JSON.parse(jsonResponse);