Display Resource flags (binary, archive, media) in details view #464

Signed-off-by: Thomas Druez <[email protected]>

Author: tdruez

scanpipe/templates/scanpipe/includes/dropdown_hoverable.html

@@ -0,0 +1,12 @@
+<div class="dropdown is-hoverable{% if is_tooltip %} is-tooltip{% endif %}">
+  <div class="dropdown-trigger is-cursor-help">
+    {{ trigger }}
+  </div>
+  <div class="dropdown-menu">
+    <div class="dropdown-content">
+      <div class="dropdown-item">
+        {{ content }}
+      </div>
+    </div>
+  </div>
+</div>

scanpipe/templates/scanpipe/resource_detail.html

@@ -35,16 +35,36 @@
       </ul>
     </div>
 
-    <section class="mx-5 message is-dark">
+    <section class="mx-5 message is-dark mb-2">
       <div class="message-header is-flex">
-        <p>
-          {{ object.name }}
-          | {{ object.size|filesizeformat }}
-          | <a class="has-text-white" href="{{ object.get_raw_url }}?as_attachment=1"><i class="fas fa-download"></i></a>
-          <br>
-          <span style="font-size: 10px;">{{ object.path }}</span>
-        </p>
         <div>
+          <div>
+            {{ object.name }}
+            | {{ object.size|filesizeformat }}
+            | <a class="has-text-white" href="{{ object.get_raw_url }}?as_attachment=1"><i class="fas fa-download"></i></a>
+            <div class="mt-2">
+              {% if object.is_binary %}
+                {% include "scanpipe/includes/dropdown_hoverable.html" with trigger='<span class="tag is-info">Binary</span>' content="Binary executable or data file. Text content is extracted from binary." only %}
+              {% endif %}
+              {% if object.is_text %}
+                {% include "scanpipe/includes/dropdown_hoverable.html" with trigger='<span class="tag is-info">Text</span>' content="Plain text file." only %}
+              {% endif %}
+              {% if object.is_archive %}
+                {% include "scanpipe/includes/dropdown_hoverable.html" with trigger='<span class="tag is-info">Archive</span>' content="Archive or compressed file. Not scanned directly." only %}
+              {% endif %}
+              {% if object.is_key_file %}
+                {% include "scanpipe/includes/dropdown_hoverable.html" with trigger='<span class="tag is-info">Key file</span>' content="Top-level file with key content and metadata and either a legal, readme or package manifest." only %}
+              {% endif %}
+              {% if object.is_media %}
+                {% include "scanpipe/includes/dropdown_hoverable.html" with trigger='<span class="tag is-info">Media</span>' content="Image, sound, video or similar media file." only %}
+              {% endif %}
+            </div>
+          </div>
+          <div class="mt-2" style="font-size: 10px;">
+            {{ object.path }}
+          </div>
+        </div>
+        <div style="flex-basis: min-content;">
           <button class="button previous-btn is-dark" disabled><i class="fas fa-arrow-up mr-2"></i>Previous</button>
           <button class="button next-btn is-dark" disabled><i class="fas fa-arrow-down mr-2"></i>Next</button>
         </div>