From 204f46ffb2331c594e65c18be49a7573377c8424 Mon Sep 17 00:00:00 2001
From: nicolachr <nicola.christou@gmail.com>
Date: Thu, 8 Aug 2024 12:50:29 +0300
Subject: [PATCH] Add methodology badge - dashboard widget

---
 .../stylesheets/tylium/modules/projects.scss  | 31 +++++++++++++------
 app/views/projects/tasks/_summary.html.erb    |  6 ++++
 2 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/tylium/modules/projects.scss b/app/assets/stylesheets/tylium/modules/projects.scss
index 4625691df..c4dde4dd8 100644
--- a/app/assets/stylesheets/tylium/modules/projects.scss
+++ b/app/assets/stylesheets/tylium/modules/projects.scss
@@ -91,28 +91,41 @@ body.projects {
 
     .tasks {
       .list-group-item {
-        border: none;
+        border: 1px solid $borderColor;
+        border-radius: 0.5rem;
         margin-bottom: 1rem;
-        padding: 0;
+        padding: 1rem;
+
+        &:active, &:focus, &:hover  {
+          background-color: $secondaryBgColor;
+        }
 
         &:last-of-type {
           margin-bottom: 0;
         }
 
         .list-group-item-action {
-          border: 1px solid $borderColor;
-          border-radius: 0.5rem;
-          display: flex;       
-          padding: 1rem;
+          display: flex;
+          flex-direction: column;
+          padding-bottom: 1rem;
+
+          &:active, &:focus, &:hover  {
+            background-color: $secondaryBgColor;
+          }
+
+          .badge {
+            width: fit-content;
+            padding: 0.313rem;
+          }
 
           &:before {
             border: 3px solid;
             border-radius: 0.5rem 0 0 0.5rem;
-            bottom: 1px;
+            bottom: 0;
             content: " ";
-            left: 1px;
+            left: 0;
             position: absolute;
-            top: 1px;
+            top: 0;
           }
 
           &.green:before {
diff --git a/app/views/projects/tasks/_summary.html.erb b/app/views/projects/tasks/_summary.html.erb
index d98914da8..d8765c5b2 100644
--- a/app/views/projects/tasks/_summary.html.erb
+++ b/app/views/projects/tasks/_summary.html.erb
@@ -10,24 +10,30 @@
   <ul class="list-group tasks">
     <li class="list-group-item">
         <a href="#" class="list-group-item-action red">[OWASP Top 10] A2:2017 - Broken Authentication</a>
+        <span class="badge bg-primary">Simple OWASP checklist</span>
     </li>
     <li class="list-group-item">
        <a href="#" class="list-group-item-action red">Step 1: Prepare the release notes</a>
+        <span class="badge bg-primary">Release Checklist</span>
     </li>
     <li class="list-group-item">
         <a href="#" class="list-group-item-action red">[OWASP Top 10] A2:2017 - Broken Authentication</a>
+        <span class="badge bg-primary">Simple OWASP checklist</span>
     </li>
   </ul>
   <h5 class="mb-2 mt-4">Next (3/40)</h5>
   <ul class="list-group tasks">
     <li class="list-group-item">
        <a href="#" class="list-group-item-action orange">[OWASP Top 10] A3:2017 - Sensitive Data Exchange</a>
+       <span class="badge bg-primary">Simple OWASP checklist</span>
     </li>
     <li class="list-group-item">
         <a href="#" class="list-group-item-action orange">[OWASP Top 10] A4:2017 - XML External Entities (XXE)</a>
+        <span class="badge bg-primary">Simple OWASP checklist</span>
     </li>
     <li class="list-group-item">
         <a href="#" class="list-group-item-action yellow">Step 3: Deal with security advisories</a>
+        <span class="badge bg-primary">Release Checklist</span>
     </li>
   </ul>
 </section>