Add dependency detail view #447

Signed-off-by: Jono Yang <[email protected]>

Author: JonoYang

scanpipe/models.py

@@ -1980,6 +1980,12 @@ class DiscoveredDependency(
         ),
     )
 
+    def __str__(self):
+        return self.purl or str(self.uuid)
+
+    def get_absolute_url(self):
+        return reverse("dependency_detail", args=[self.project_id, self.pk])
+
     @classmethod
     def create_from_data(cls, project, dependency_data):
         """

scanpipe/templates/scanpipe/dependency_detail.html

@@ -0,0 +1,49 @@
+{% extends "scanpipe/base.html" %}
+{% load static humanize %}
+
+{% block title %}ScanCode.io: {{ project.name }} - {{ object.name }}{% endblock %}
+
+{% block content %}
+  <div class="container is-max-desktop">
+    {% include 'scanpipe/includes/navbar_header.html' %}
+    <div class="mx-5 mb-2">{% include 'scanpipe/includes/messages.html' %}</div>
+
+    <section class="mx-5 mb-3">
+      <nav class="breadcrumb is-medium mb-1" aria-label="breadcrumbs">
+        <ul>
+          <li><a href="{% url 'project_list' %}">Projects</a></li>
+          <li><a href="{{ project.get_absolute_url }}">{{ project.name }}</a></li>
+          <li><a href="{% url 'project_dependencies' project.uuid %}">Discovered Dependencies</a></li>
+        </ul>
+      </nav>
+      <div class="tags has-addons my-3">
+        <span class="tag is-dark">Package URL</span>
+        <span class="tag is-info">{{ object }}</span>
+      </div>
+    </section>
+
+    <div class="tabs is-boxed mx-5">
+      <ul>
+        <li class="is-active">
+          <a data-target="tab-details">
+            <span class="icon is-small"><i class="fas fa-info-circle"></i></span>
+            <span>Details</span>
+          </a>
+        </li>
+      </ul>
+    </div>
+
+    <section id="tab-details" class="tab-content is-active mx-5">
+      <dl>
+        {% for field, value in dependency_data.items %}
+          <dt class="has-text-weight-semibold">
+            {{ field }}
+          </dt>
+          <dd class="mb-4">
+            <pre>{{ value|default_if_none:'' }}</pre>
+          </dd>
+        {% endfor %}
+      </dl>
+    </section>
+  </div>
+{% endblock %}

scanpipe/templates/scanpipe/dependency_list.html

@@ -34,7 +34,7 @@
           {% for dependency in object_list %}
             <tr class="break-word">
               <td style="min-width: 500px;" title="{{ dependency.purl }}">
-                {{ dependency.purl }}
+                <a href="{{ dependency.get_absolute_url }}">{{ dependency.purl }}</a>
               </td>
               <td>
                 {{ dependency.extracted_requirement }}

scanpipe/templates/scanpipe/package_list.html

@@ -27,7 +27,7 @@
         <tbody>
           {% for package in object_list %}
             <tr class="break-word">
-              <td style="min-width: 500px;" title="{{ package.package_uid }}">
+              <td style="min-width: 500px;" title="{{ package.package_url }}">
                 <a href="{{ package.get_absolute_url }}">{{ package.package_url }}</a>
               </td>
               <td style="min-width: 300px; max-width: 400px;">

scanpipe/urls.py

@@ -41,6 +41,11 @@
         views.DiscoveredPackageDetailsView.as_view(),
         name="package_detail",
     ),
+    path(
+        "project/<uuid:uuid>/dependencies/<int:pk>/",
+        views.DiscoveredDependencyDetailsView.as_view(),
+        name="dependency_detail",
+    ),
     path(
         "project/<uuid:uuid>/resources/",
         views.CodebaseResourceListView.as_view(),

scanpipe/views.py

@@ -43,6 +43,7 @@
 
 from scancodeio.auth import ConditionalLoginRequired
 from scancodeio.auth import conditional_login_required
+from scanpipe.api.serializers import DiscoveredDependencySerializer
 from scanpipe.api.serializers import DiscoveredPackageSerializer
 from scanpipe.filters import DependencyFilterSet
 from scanpipe.filters import ErrorFilterSet
@@ -702,6 +703,18 @@ def get_context_data(self, **kwargs):
         return context
 
 
+class DiscoveredDependencyDetailsView(
+    ConditionalLoginRequired, ProjectRelatedViewMixin, generic.DetailView
+):
+    model = DiscoveredDependency
+    template_name = "scanpipe/dependency_detail.html"
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context["dependency_data"] = DiscoveredDependencySerializer(self.object).data
+        return context
+
+
 @conditional_login_required
 def run_detail_view(request, uuid):
     template = "scanpipe/includes/run_modal_content.html"