init f0ckm

views/subscriptions.html

@@ -0,0 +1,68 @@
+@include(snippets/header)
+
+<div class="pagewrapper">
+<div id="main">
+    <div style="padding: 20px; max-width: 1200px; margin: 0 auto;">
+        <h2 style="margin-bottom: 20px; border-bottom: 1px solid #333; padding-bottom: 10px;">{{ t('subscriptions.title') }}</h2>
+        @if(items.length === 0)
+        <div style="padding: 20px; background: rgba(0,0,0,0.2); border-radius: 4px; text-align: center;">
+            {{ t('subscriptions.empty') }}
+        </div>
+        @else
+        <div class="subs-container">
+            <div class="subs-grid">
+                @include(snippets/subscriptions-grid)
+            </div>
+            <div id="footbar" data-end-msg="You reached the end">
+                &#9660;
+            </div>
+        </div>
+        @endif
+    </div>
+    <script>
+        // Use a self-invoking function to avoid global scope pollution if possible
+        // but since it's a click listener on document, it's already global.
+        // We only want to add it once.
+        if (!window._subsInit) {
+            window._subsInit = true;
+            document.addEventListener('click', async (e) => {
+                const btn = e.target.closest('.unsub-btn');
+                if (!btn) return;
+
+                if (!confirm('Unsubscribe from this thread?')) return;
+
+                const id = btn.dataset.id;
+                const card = document.getElementById('sub-' + id);
+                const originalText = btn.textContent;
+                btn.textContent = '...';
+
+                try {
+                    const res = await fetch('/api/subscriptions/' + id + '/delete', { method: 'POST' });
+                    const json = await res.json();
+
+                    if (json.success) {
+                        if (card) {
+                            card.style.opacity = '0';
+                            setTimeout(() => {
+                                card.remove();
+                                if (document.querySelectorAll('.sub-card').length === 0) {
+                                    location.reload();
+                                }
+                            }, 300);
+                        }
+                    } else {
+                        alert('Error: ' + (json.message || 'Failed'));
+                        btn.textContent = originalText;
+                    }
+                } catch (err) {
+                    console.error(err);
+                    alert('Error removing subscription');
+                    btn.textContent = originalText;
+                }
+            });
+        }
+    </script>
+</div>
+</div>
+</div>
+@include(snippets/footer)