add breadcrumbs and copy-to-clipboard button in resource_table_view

Signed-off-by: Aayush Kumar <[email protected]>

Author: aayushkdev

scanpipe/templates/scanpipe/panels/resource_table_panel.html

@@ -1,4 +1,23 @@
 {% load humanize %}
+<div class="mb-4">
+  <div class="has-text-weight-semibold is-flex is-align-items-center is-family-monospace">
+    {% if path_segments %}
+      <span id="resource-path" class="has-text-weight-medium">
+        {% for subpath, segment in path_segments %}
+          {% if not forloop.first %}<span class="mx-1">/</span>{% endif %}
+          {% if not forloop.last %}
+            <a href="#" class="expand-in-tree has-text-link" data-path="{{ subpath }}" hx-get="{% url 'codebase_resource_table' project.slug %}?path={{ subpath }}" hx-target="#right-pane">{{ segment }}</a>
+          {% else %}
+            <span>{{ segment }}</span>
+          {% endif %}
+        {% endfor %}
+      </span>
+      <button class="copy-to-clipboard ml-2 is-size-6 is-shadowless is-white" aria-label="Copy path" data-copy="{{ path }}" data-copy-feedback="Path copied!">
+        <i class="fa-regular fa-copy"></i>
+      </button>
+    {% endif %}
+  </div>
+</div>
 
 {% if resources %}
   <table class="table is-bordered is-striped is-narrow is-fullwidth">

scanpipe/templates/scanpipe/resource_tree.html

@@ -105,6 +105,14 @@
 
 {% block scripts %}
   <script>
+    document.body.addEventListener('htmx:afterSwap', function(evt) {
+      if (evt.target && evt.target.id === 'right-pane') {
+        if (typeof enableCopyToClipboard === 'function') {
+          enableCopyToClipboard('.copy-to-clipboard');
+        }
+      }
+    });
+    
     // Tree functionality
     document.addEventListener("click", async function (e) {
       const chevron = e.target.closest("[data-chevron]");

scanpipe/views.py

@@ -2837,5 +2837,8 @@ def get_queryset(self):
 
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
-        context["path"] = self.request.GET.get("path", "")
+        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) ]
         return context