From 03518612b67a79a0cbbee0d1973eb7c929839c4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= <raphael@vinot.info>
Date: Mon, 20 Jan 2025 17:24:03 +0100
Subject: [PATCH] chg: Improve rendering of ressources in tree

---
 website/web/templates/tree_body_hashes.html | 26 ++++++++++++++-------
 website/web/templates/tree_hostnames.html   |  2 +-
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/website/web/templates/tree_body_hashes.html b/website/web/templates/tree_body_hashes.html
index bd67992a..a890e559 100644
--- a/website/web/templates/tree_body_hashes.html
+++ b/website/web/templates/tree_body_hashes.html
@@ -17,14 +17,24 @@
         {{hash_icon(tree_uuid, info['nodes'][0][0].uuid, info['mimetype'], body_hash)}}
     </td>
     <td>
-      <ul>
-      {% for node, embedded in info['nodes'] %}
-      <li>
-        <span class="text-break">{{ node.name }} {% if embedded %}<b>(embedded)</b>{%endif%}</span>
-        <a href="#" role="button" class="btn btn-link openNewTab"
-          data-capture="{{tree_uuid}}" data-hostnode="{{node.uuid}}">Show on tree</a>
-      </li>
-      {% endfor %}
+      There are <b>{{ info['nodes'] | length }}</b> URLs loading this ressource in the current tree.
+      <br>
+      <p class="d-inline-flex gap-1">
+        <button class="btn btn-link" type="button"
+                data-bs-toggle="collapse" data-bs-target="#collapseAllNodes_{{loop.index}}"
+                aria-expanded="false" aria-controls="collapseAllNodes_{{loop.index}}">
+          Show
+        </button>
+      </p>
+      <div class="collapse" id="collapseAllNodes_{{loop.index}}">
+        <ul class="list-group list-group-flush">
+          {% for node, embedded in info['nodes'] %}
+          <li class="list-group-item">
+            <p class="text-break">{{ node.name }} {% if embedded %}<b>(embedded)</b>{%endif%}</p>
+            <button type="button" class="btn btn-link openNewTab" data-capture="{{tree_uuid}}" data-hostnode="{{node.uuid}}">Show on tree</button>
+          </li>
+          {% endfor %}
+        </ul>
     </td>
     <td>
       <span class="d-inline-block text-truncate" style="max-width: 200px;">
diff --git a/website/web/templates/tree_hostnames.html b/website/web/templates/tree_hostnames.html
index fe34c034..f2adc576 100644
--- a/website/web/templates/tree_hostnames.html
+++ b/website/web/templates/tree_hostnames.html
@@ -19,7 +19,7 @@
       </span>
     </td>
     <td>
-      There are <b>{{ info['nodes'] | length }}</b> URLs in this hostname in the current tree.
+      There are <b>{{ info['nodes'] | length }}</b> URLs with this hostname in the current tree.
       <br>
       <p class="d-inline-flex gap-1">
         <button class="btn btn-link" type="button"