Lable toggle

.gitignore

@@ -21,4 +21,7 @@ Thumbs.db
 
 # Cache files
 __pycache__/
-*.pyc
+*.pyc
+
+# XML files
+*.xml

data_extraction/Extract_Bone_Descriptions.py

@@ -1,9 +1,11 @@
 import xml.etree.ElementTree as ET
 import json
 import os
-import argparse
 import sys
 
+slides_dir = "ppt/slides"
+output_filename = "all_bone_descriptions.json"
+
 def extract_descriptions_from_slide(xml_file): # Extract descriptions from a single slide XML file
     try:
         tree = ET.parse(xml_file)
@@ -206,4 +208,13 @@ def process_all_slides(ppt_dir, output_dir):
 
     os.makedirs(args.output_dir, exist_ok=True)
     success = process_all_slides(args.ppt_dir, args.output_dir)
-    sys.exit(0 if success else 1)
+    sys.exit(0 if success else 1)
+    with open(output_json_path, 'w') as f:
+        json.dump(bone_data, f, indent=4)
+
+    print(f"Descriptions saved to {output_json_path}")
+
+# Example usage
+xml_file = "/Users/joshbudzynski/Downloads/example_folder/ppt/slides/slide3.xml"
+output_json = "slide3_Descriptions.json"
+parse_slide_xml(xml_file, output_json)

templates/boneset.html

@@ -137,7 +137,9 @@ <h2>Visual Reference</h2>
                     </div>
                     <div class="images-content">
                         <div id="bone-image-container" role="region" aria-live="polite"></div>
-
+                        <div class="image-controls">
+                            <button id="toggle-labels-button" type="button" class="btn-secondary">Toggle Labels</button>
+                        </div>
                     </div>
                 </section>
             </div>

templates/js/main.js

@@ -103,6 +103,18 @@ document.addEventListener("DOMContentLoaded", async () => {
         }
     });
 
+    const toggleLabelsButton = document.getElementById("toggle-labels-button");
+    if (toggleLabelsButton) {
+        toggleLabelsButton.addEventListener("click", () => {
+            const imageContainer = document.getElementById("bone-image-container");
+            if (!imageContainer) return;
+
+            imageContainer.classList.toggle("labels-hidden");
+            const isHidden = imageContainer.classList.contains("labels-hidden");
+            toggleLabelsButton.textContent = isHidden ? "Show Labels" : "Hide Labels";
+        });
+    }
+
     // (No auto-select) The UI shows the boneset placeholder and waits for user selection
 
     // 8. Initialize display

templates/style.css

@@ -1800,6 +1800,10 @@ button:disabled {
     height: 100%;
 }
 
+#bone-image-container.labels-hidden .annotation-labels {
+    visibility: hidden !important;
+}
+
 /* In templates/style.css */
 
 /* Lines: Use a dark color and a thin stroke */