Make HTML5 object actions update panels

services/api-server/src/api_server/html5.py

@@ -1520,12 +1520,20 @@ def _object_action_links(project_id: str, object_name: str, lineage_id: object,
     first_module = next(iter(modules), None)
     module_lineage = str(getattr(first_module, "lineage_id", "") or "")
     source_link = (
-        f'<a class="button" href="/html5/projects/{quoted_project}/source/{quote(module_lineage, safe="")}">Source</a>'
+        f'<a class="button" href="/html5/projects/{quoted_project}/source/{quote(module_lineage, safe="")}" '
+        'hx-get="/html5/projects/{project}/source/{module}" hx-target="[data-html5-source]" hx-swap="outerHTML">Source</a>'.format(
+            project=quoted_project,
+            module=quote(module_lineage, safe=""),
+        )
         if module_lineage
         else ""
     )
     symbol_link = (
-        f'<a class="button" href="/html5/projects/{quoted_project}/symbols/{quote(lineage, safe="")}/detail">Symbol</a>'
+        f'<a class="button" href="/html5/projects/{quoted_project}/symbols/{quote(lineage, safe="")}/detail" '
+        'hx-get="/html5/projects/{project}/symbols/{lineage}/detail" hx-target="[data-html5-symbol-detail]" hx-swap="outerHTML">Symbol</a>'.format(
+            project=quoted_project,
+            lineage=quote(lineage, safe=""),
+        )
         if lineage
         else ""
     )
@@ -1534,7 +1542,13 @@ def _object_action_links(project_id: str, object_name: str, lineage_id: object,
       <a class="button" href="/projects/{quoted_project}/objects/schema/{quoted_object}">Schema</a>
       <a class="button" href="/projects/{quoted_project}/objects/impact/{quoted_object}">Impact</a>
       <a class="button" href="/projects/{quoted_project}/objects/privacy/{quoted_object}">Privacy</a>
-      <a class="button" href="/html5/projects/{quoted_project}/flowchart?focus={quoted_object}">Flowchart</a>
+      <a
+        class="button"
+        href="/html5/projects/{quoted_project}/flowchart?focus={quoted_object}"
+        hx-get="/html5/projects/{quoted_project}/flowchart?focus={quoted_object}"
+        hx-target="[data-html5-flowchart]"
+        hx-swap="outerHTML"
+      >Flowchart</a>
       {source_link}
       {symbol_link}
     </nav>