From ed57c386db34d8693ca75311972d0929ebe5f488 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 01 Jun 2026 22:23:19 +0000
Subject: [PATCH] =Added some more Schema classes, allowed for override of array in outputSchema for complex schema, as for timeline post types
---
src/faq/view.js | 84 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 84 insertions(+), 0 deletions(-)
diff --git a/src/faq/view.js b/src/faq/view.js
new file mode 100644
index 0000000..1de987d
--- /dev/null
+++ b/src/faq/view.js
@@ -0,0 +1,84 @@
+/**
+ * FAQ Block - Frontend Interactions
+ * Handles accordion functionality for FAQ items
+ */
+
+document.addEventListener('DOMContentLoaded', () => {
+ const faqBlocks = document.querySelectorAll('.faq-block');
+
+ faqBlocks.forEach((block) => {
+ const faqItems = block.querySelectorAll('.faq-item');
+
+ faqItems.forEach((item) => {
+ const button = item.querySelector('.faq-item__question');
+ const answer = item.querySelector('.faq-item__answer');
+
+ if (!button || !answer) return;
+
+ button.addEventListener('click', () => {
+ const isExpanded = button.getAttribute('aria-expanded') === 'true';
+
+ // Toggle this item
+ button.setAttribute('aria-expanded', !isExpanded);
+
+ if (isExpanded) {
+ // Collapse
+ answer.style.height = answer.scrollHeight + 'px';
+ // Force reflow
+ answer.offsetHeight;
+ answer.style.height = '0';
+
+ setTimeout(() => {
+ answer.style.display = 'none';
+ answer.style.height = '';
+ }, 300);
+
+ item.classList.remove('faq-item--expanded');
+ } else {
+ // Expand
+ answer.style.display = 'block';
+ answer.style.height = '0';
+ // Force reflow
+ answer.offsetHeight;
+ answer.style.height = answer.scrollHeight + 'px';
+
+ setTimeout(() => {
+ answer.style.height = 'auto';
+ }, 300);
+
+ item.classList.add('faq-item--expanded');
+ }
+ });
+
+ // Handle keyboard navigation
+ button.addEventListener('keydown', (e) => {
+ // Space or Enter triggers the button
+ if (e.key === ' ' || e.key === 'Enter') {
+ e.preventDefault();
+ button.click();
+ }
+ });
+ });
+ });
+
+ // Optional: Add URL hash navigation
+ // If URL has #faq-123, open that specific FAQ
+ if (window.location.hash) {
+ const hash = window.location.hash.substring(1);
+ const targetItem = document.querySelector(`[data-faq-id="${hash}"]`);
+
+ if (targetItem) {
+ const button = targetItem.querySelector('.faq-item__question');
+ const isExpanded = button.getAttribute('aria-expanded') === 'true';
+
+ if (!isExpanded) {
+ button.click();
+ }
+
+ // Scroll to item after a short delay
+ setTimeout(() => {
+ targetItem.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ }, 350);
+ }
+ }
+});
--
Gitblit v1.10.0