Add more links in the UI to the Resource tree view #1682

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

Author: tdruez

scanpipe/templates/scanpipe/includes/project_summary_level.html

@@ -69,6 +69,13 @@
           <a href="{{ project_resources_url }}">
             {{ project.resource_count|intcomma }}
           </a>
+          {% if project.resource_count > 1 %}
+            <a href="{% url 'codebase_resource_tree' project.slug %}" class="ml-2">
+              <span class="icon">
+                <i class="fa-solid fa-folder-tree is-size-6"></i>
+              </span>
+            </a>
+          {% endif %}
           {% if project.resource_compliance_alert_count %}
             <a href="{% url 'project_resources' project.slug %}?compliance_alert=error" class="has-text-danger is-size-5 ml-2">
               {{ project.resource_compliance_alert_count|intcomma }}

scanpipe/templates/scanpipe/project_list.html

@@ -50,7 +50,7 @@
       </div>
 
       {% if object_list %}
-        {% include 'scanpipe/includes/project_list_table.html' with projects=object_list %}
+        {% include 'scanpipe/tables/project_list_table.html' with projects=object_list %}
       {% else %}
         <article class="box has-text-centered border-dashed">
           {% if filter.is_active %}

scanpipe/templates/scanpipe/resource_list.html

@@ -17,6 +17,12 @@
   </div>
 
   <div id="resource-list" class="container is-fluid mb-3">
+    <a href="{% url 'codebase_resource_tree' project.slug %}" class="is-pulled-right">
+      <span class="icon">
+        <i class="fa-solid fa-folder-tree"></i>
+      </span>
+      <span>View the resource tree</span>
+    </a>
     <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
       {% include 'scanpipe/includes/list_view_thead.html' %}
       <tbody>

scanpipe/templates/scanpipe/resource_tree.html

@@ -1,6 +1,6 @@
 {% extends "scanpipe/base.html" %}
 {% load static humanize %}
-{% block title %}ScanCode.io: {{ project.name }} - Resources (tree view){% endblock %}
+{% block title %}ScanCode.io: {{ project.name }} - Resources tree{% endblock %}
 
 {% block extrahead %}
   <style>
@@ -85,7 +85,7 @@
     {% include 'scanpipe/includes/navbar_header.html' %}
     <section class="mx-5">
       <div class="is-flex is-justify-content-space-between">
-        {% include 'scanpipe/includes/breadcrumb.html' with linked_project=True current="Resources (tree view)" %}
+        {% include 'scanpipe/includes/breadcrumb.html' with linked_project=True current="Resources tree" %}
       </div>
     </section>
   </div>

scanpipe/templates/scanpipe/includes/project_list_table.html renamed to scanpipe/templates/scanpipe/tables/project_list_table.html

@@ -53,6 +53,13 @@
           <a href="{% url 'project_resources' project.slug %}">
             {{ project.codebaseresources_count|intcomma }}
           </a>
+          {% if project.codebaseresources_count > 1 %}
+            <a href="{% url 'codebase_resource_tree' project.slug %}">
+              <span class="icon">
+                <i class="fa-solid fa-folder-tree fa-sm"></i>
+              </span>
+            </a>
+          {% endif %}
         {% else %}
           <span>0</span>
         {% endif %}