Add metadata button (WIP)

templates/gallery.html

@@ -41,6 +41,9 @@
         <a href="{{ item.pdf_href }}">
           <img src="{{ item.png_href }}" alt="{{ item.name }}">
         </a>
+        <button class="metadata-btn" onclick="event.stopPropagation(); showMetadataPopup(this, '{{ item.name|e }}', {{ item.metadata|default('{}')|tojson }})" title="View metadata">
+          ⋯
+        </button>
         <div class="plot-name" title="{{ item.name }}">{{ item.name }}</div>
       </div>
     {% endfor %}
@@ -183,6 +186,9 @@
     };
   </script>
 
+  <!-- Metadata Popup Script -->
+  <script src="{{ assets_path }}/js/metadata-popup.js"></script>
+
   <!-- Main JavaScript Application -->
   <script type="module" src="{{ assets_path }}/js/main.js"></script>
 </body>