show excerpt in a modal popup

apis_ontology/static/scripts/show_popup.js

@@ -0,0 +1,17 @@
+function showPopup(recordId, renderStyle) {
+  renderStyle = "tei";
+  fetch(`/apis/excerpts/${recordId}/${renderStyle}`)
+    .then(response => response.text())
+    .then(data => {
+      // Display the data in the popup
+      document.getElementById('popupContent').innerHTML = data;
+      document.getElementById('popupModal').style.display = 'block';
+    })
+    .catch(error => {
+      console.error('Error fetching dynamic content:', error);
+    });
+}
+
+function closePopup() {
+  document.getElementById('popupModal').style.display = 'none';
+}

apis_ontology/tables.py

@@ -153,22 +153,8 @@ def render_tei_refs(self, value):
         links = []
         for xml_id in xml_ids:
             true_id = xml_id.replace('"', "").replace("xml:id=", "").strip()
-            excerpt_xml = ""  # Fallback blank excerpt
-            try:
-                excerpt_xml = Excerpts.objects.get(xml_id=true_id).xml_content
-
-            except Excerpts.DoesNotExist:
-                logger.error(
-                    "Could not find excerpt with id %s in the database.", true_id
-                )
-            except Exception as e:
-                logger.error(repr(e))
-            encoded_excerpt_xml = escape(
-                excerpt_xml.replace("'", "\\'").replace("\n", "")
-            )
-            # Append the link with the onclick event
             links.append(
-                f'<a href="#" onclick="alert(\'{encoded_excerpt_xml}\'); return false;">{true_id}</a>'
+                f"""<a href="#" onclick="showPopup('{true_id}'); return false;">{true_id}</a>"""
             )
 
         return mark_safe("<br />".join(links))

apis_ontology/templates/apis_core/apis_entities/abstractentity_detail.html

@@ -11,6 +11,8 @@
 {% endblock col-zero %}
 
 {% block col-one %}
+{% include "excerpts/popup.html" %}
+
 <h4>Relations</h4>
 {% related_entity_types as related_entity_types %}
 <div class="container">

apis_ontology/templates/apis_entities/partials/entity_relations_multiple_cards.html

@@ -3,6 +3,7 @@
 {% load apiscore %}
 {% load relationsng %}
 {% load relations %}
+{% include "excerpts/popup.html" %}
 
 <h4>Relations</h4> <!-- Edit View -->
 {% related_entity_types as related_entity_types %}

apis_ontology/templates/excerpts/popup.html

@@ -0,0 +1,19 @@
+<script src="/static/scripts/show_popup.js"></script>
+
+<div class="modal" id="popupModal" style="display:none;" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Excerpt</h5>
+            </div>
+            <div class="modal-body">
+
+                <span id="popupContent"></span>
+            </div>
+            <div class="modal-footer">
+
+                <button onclick="closePopup()">Close</button>
+            </div>
+        </div>
+    </div>
+</div>

apis_ontology/urls.py

@@ -1,3 +1,4 @@
+from apis_ontology.views import ExcerptsView
 from django.contrib import admin
 from django.urls import include, path
 from django.views.generic import TemplateView
@@ -13,6 +14,11 @@
     path("accounts/", include("django.contrib.auth.urls")),
     path("entity/<int:pk>/", GetEntityGeneric.as_view(), name="GetEntityGenericRoot"),
     path("", TemplateView.as_view(template_name="base.html")),
+    path(
+        "apis/excerpts/<str:xml_id>/<str:render_style>/",
+        ExcerptsView.as_view(),
+        name="excerpts_view",
+    ),
 ]
 
 urlpatterns += staticfiles_urlpatterns()

apis_ontology/views.py

@@ -0,0 +1,19 @@
+from django.http import HttpResponse
+from django.views import View
+from django.shortcuts import get_object_or_404
+from .models import Excerpts
+
+
+class ExcerptsView(View):
+    def get(self, request, xml_id, render_style, *args, **kwargs):
+        print("You are here!")
+        record = get_object_or_404(Excerpts, xml_id=xml_id)
+
+        # Generate dynamic content based on link_type
+        if render_style == "tei":
+            # TODO: render correctly with xslt
+            content = f"{record.xml_content}"
+        else:
+            content = f"{record.xml_content}"
+
+        return HttpResponse(content)