From ee89080ffb961e1d62beff0766ced3487e493f97 Mon Sep 17 00:00:00 2001
From: Thomas Junk <thomas.junk@intevation.de>
Date: Wed, 13 Sep 2023 09:55:41 +0200
Subject: [PATCH] feat: Threads

---
 .../vulnerability/Acknowledgements.svelte     |  2 -
 .../vulnerability/Flags.svelte                |  6 ++-
 .../vulnerability/Notes.svelte                |  2 -
 .../vulnerability/Threats.svelte              | 53 +++++++++++++++++++
 4 files changed, 57 insertions(+), 6 deletions(-)
 create mode 100644 src/lib/singleview/vulnerabilities/vulnerability/Threats.svelte

diff --git a/src/lib/singleview/vulnerabilities/vulnerability/Acknowledgements.svelte b/src/lib/singleview/vulnerabilities/vulnerability/Acknowledgements.svelte
index 1bafd4e..a3b8cee 100644
--- a/src/lib/singleview/vulnerabilities/vulnerability/Acknowledgements.svelte
+++ b/src/lib/singleview/vulnerabilities/vulnerability/Acknowledgements.svelte
@@ -55,7 +55,5 @@
   }
   p {
     margin-left: 4rem;
-    font-size: small;
-    font-family: monospace;
   }
 </style>
diff --git a/src/lib/singleview/vulnerabilities/vulnerability/Flags.svelte b/src/lib/singleview/vulnerabilities/vulnerability/Flags.svelte
index 30354f4..e527808 100644
--- a/src/lib/singleview/vulnerabilities/vulnerability/Flags.svelte
+++ b/src/lib/singleview/vulnerabilities/vulnerability/Flags.svelte
@@ -5,6 +5,7 @@
 
 <Collapsible header="Flags" level="4">
   {#each vulnerability.flags as flag}
+    <div class="spacer" />
     {#if flag.date}
       <div class="">
         <h6>Date</h6>
@@ -39,14 +40,15 @@
 </Collapsible>
 
 <style>
+  .spacer {
+    margin-top: 1em;
+  }
   h6 {
     line-height: 0.3em;
     font-size: large;
   }
   p {
     margin-left: 4rem;
-    font-size: small;
-    font-family: monospace;
   }
   ul {
     list-style-type: none;
diff --git a/src/lib/singleview/vulnerabilities/vulnerability/Notes.svelte b/src/lib/singleview/vulnerabilities/vulnerability/Notes.svelte
index f155c63..a998f56 100644
--- a/src/lib/singleview/vulnerabilities/vulnerability/Notes.svelte
+++ b/src/lib/singleview/vulnerabilities/vulnerability/Notes.svelte
@@ -26,7 +26,5 @@
   }
   p {
     margin-left: 4rem;
-    font-size: small;
-    font-family: monospace;
   }
 </style>
diff --git a/src/lib/singleview/vulnerabilities/vulnerability/Threats.svelte b/src/lib/singleview/vulnerabilities/vulnerability/Threats.svelte
new file mode 100644
index 0000000..64a0190
--- /dev/null
+++ b/src/lib/singleview/vulnerabilities/vulnerability/Threats.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+  import Collapsible from "$lib/Collapsible.svelte";
+  export let vulnerability: any;
+</script>
+
+<Collapsible header="Threats" level="4">
+  {#each vulnerability.threats as threat}
+    <div class="note">
+      <h6>Category</h6>
+      <p>{threat.category}</p>
+    </div>
+    {#if threat.date}
+      <div class="">
+        <h6>Date</h6>
+        <p>{threat.date}</p>
+      </div>
+    {/if}
+    <div class="note">
+      <h6>Details</h6>
+      <p>{threat.details}</p>
+    </div>
+    {#if threat.group_ids}
+      <div class="">
+        <h6>Group IDs</h6>
+        <ul>
+          {#each threat.group_ids as gid}
+            <li>{gid}</li>
+          {/each}
+        </ul>
+      </div>
+    {/if}
+    {#if threat.product_ids}
+      <div class="">
+        <h6>Product IDs</h6>
+        <ul>
+          {#each threat.product_ids as pid}
+            <li>{pid}</li>
+          {/each}
+        </ul>
+      </div>
+    {/if}
+  {/each}
+</Collapsible>
+
+<style>
+  .note {
+    text-align: justify;
+  }
+  h6 {
+    line-height: 0.3em;
+    font-size: large;
+  }
+</style>