Fix right pane breadcrumb system

Signed-off-by: tdruez <[email protected]>

Author: tdruez

scanpipe/templates/scanpipe/resource_detail.html

@@ -15,6 +15,9 @@
     {% include 'scanpipe/includes/breadcrumb_detail_view.html' with template_title="scanpipe/includes/resource_path_links.html" url_name="project_resources" %}
     <div class="mx-5">
       {% block partial-content %}
+        {% if request.htmx %}
+          {% include 'scanpipe/tree/resource_path_breadcrumb.html' %}
+        {% endif %}
         {% include 'scanpipe/tabset/tabset.html' %}
       {% endblock %}
     </div>

scanpipe/templates/scanpipe/tree/resource_left_pane_tree.html

@@ -28,7 +28,7 @@
           data-file
           data-path="{{ node.path }}"
           hx-get="{% url 'resource_detail' project.slug node.path %}"
-          hx-target="#right-pane-content"
+          hx-target="#right-pane"
           hx-push-url="{% url 'project_resource_tree' project.slug %}?path={{ node.path }}">
           <span class="icon is-small mr-2">
             <i class="far fa-file"></i>

scanpipe/templates/scanpipe/tree/resource_path_breadcrumb.html

@@ -1,3 +1,4 @@
+{% if path_segments %}
 <nav class="breadcrumb is-flex is-align-items-center" aria-label="breadcrumbs">
   <button
     id="expand-left-pane"
@@ -29,9 +30,8 @@
       {% endif %}
     {% endfor %}
   </ul>
-  {% if path_segments %}
-    <button class="button is-white copy-to-clipboard p-2" aria-label="Copy path" data-copy="{{ path }}" data-copy-feedback="Path copied!">
-      <i class="fa-regular fa-clone"></i>
-    </button>
-  {% endif %}
-</nav>
+  <button class="button is-white copy-to-clipboard p-2" aria-label="Copy path" data-copy="{{ path }}" data-copy-feedback="Path copied!">
+    <i class="fa-regular fa-clone"></i>
+  </button>
+</nav>
+{% endif %}

scanpipe/templates/scanpipe/tree/resource_table.html

@@ -52,7 +52,7 @@
                   <a
                     href="{% url 'resource_detail' project.slug resource.path %}"
                     hx-get="{% url 'resource_detail' project.slug resource.path %}"
-                    hx-target="#right-pane-content"
+                    hx-target="#right-pane"
                     hx-push-url="{% url 'project_resource_tree' project.slug %}?path={{ resource.path }}">
                     {{ resource.name }}
                   </a>

scanpipe/views.py

@@ -2160,6 +2160,12 @@ def get_context_data(self, **kwargs):
         matched_snippet_annotations = self.get_matched_snippet_annotations(resource)
         context["detected_values"]["matched snippets"] = matched_snippet_annotations
 
+        # Compatibility with ProjectResourceTreeTableView
+        segments = resource.path.strip("/").split("/")
+        context["path_segments"] = [
+            ("/".join(segments[: i + 1]), segment) for i, segment in enumerate(segments)
+        ]
+
         return context
 
 
@@ -2788,6 +2794,7 @@ def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         path = self.request.GET.get("path", "")
         context["path"] = path
+
         segments = path.strip("/").split("/")
         context["path_segments"] = [
             ("/".join(segments[: i + 1]), segment) for i, segment in enumerate(segments)