From f8b3a9d6b17f757ce8be72d3b9d79f956dddf70b Mon Sep 17 00:00:00 2001
From: Zdenek Kasner <zdenek.kasner@gmail.com>
Date: Wed, 6 Nov 2024 12:57:40 +0100
Subject: [PATCH] Restore collapsed states of outputs boxes

---
 factgenie/static/js/browse.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/factgenie/static/js/browse.js b/factgenie/static/js/browse.js
index f84e604a..a676c560 100644
--- a/factgenie/static/js/browse.js
+++ b/factgenie/static/js/browse.js
@@ -1,5 +1,6 @@
 var current_example_idx = 0;
 var selected_campaigns = [];
+var collapsed_boxes = [];
 var splitInstance = Split(['#centerpanel', '#rightpanel'], {
     sizes: [66, 33],
     gutterSize: 1,
@@ -334,6 +335,8 @@ function showSelectedCampaigns() {
             $(this).removeClass("active");
         }
     });
+
+
 }
 
 function toggleRaw() {
@@ -359,6 +362,8 @@ function updateDisplayedAnnotations() {
         // show the selected annotator
         $(`.box-${campaign_id}`).show();
     }
+
+    restoreCollapsedStates();
     enableTooltips();
 }
 
@@ -414,3 +419,28 @@ $(document).ready(function () {
     enableTooltips();
 });
 
+// Restore collapsed states after page change/content load
+function restoreCollapsedStates() {
+    collapsed_boxes.forEach(targetId => {
+        const element = document.getElementById(targetId);
+        if (element) {
+            const bsCollapse = new bootstrap.Collapse(element, {
+                toggle: false
+            });
+            bsCollapse.hide();
+        }
+    });
+}
+
+// Store collapsed state when boxes are toggled
+document.addEventListener('shown.bs.collapse', function (e) {
+    const targetId = e.target.id;
+    collapsed_boxes = collapsed_boxes.filter(id => id !== targetId);
+});
+
+document.addEventListener('hidden.bs.collapse', function (e) {
+    const targetId = e.target.id;
+    if (!collapsed_boxes.includes(targetId)) {
+        collapsed_boxes.push(targetId);
+    }
+});
\ No newline at end of file