wip

Signed-off-by: Keshav Priyadarshi <git@keshav.space>

Author: keshav-space

vulnerabilities/templates/package_curation.html

@@ -11,19 +11,19 @@
     <div class="container is-fluid">
         <div class="columns is-vcentered mb-5">
             <div class="column">
-                <h1 class="title is-3">Curation Dashboard</h1>
+                <h1 class="title is-3">Advisory Curation</h1>
                 <h2 class="subtitle is-5 has-text-grey">{{ vulnerability_id }}</h2>
             </div>
 
             <div class="column is-narrow">
                 <div class="box p-4 has-background-white shadow-soft" style="min-width: 260px; border-radius: 5px;">
                     <div class="is-flex is-justify-content-space-between is-align-items-center mb-2">
-                        <span class="is-size-7 has-text-grey-dark uppercase has-text-weight-bold mr-2 mt-1">
+                        <span class="is-size-6 has-text-grey-dark uppercase has-text-weight-bold mr-2">
                             Progress
                         </span>
                         <span class="tag is-info is-light has-text-weight-bold" id="progress-text">0 / 0</span>
                     </div>
-                    <progress class="progress is-info is-small mb-0" id="main-progress" value="0" max="100"></progress>
+                    <progress class="progress is-info is-small mb-0" id="progress" value="0" max="100"></progress>
                 </div>
             </div>
 
@@ -36,7 +36,7 @@ <h3 class="title is-5">Advisory Summaries</h3>
                     {% for avid, text in advisory_summaries.items %}
                         <div class="notification is-info is-light p-3 mb-3">
                             <p><strong>{{ avid }}</strong></p>
-                            <div class="summary-text">{{ text|normalize_links|urlize }}</div>
+                            <div class="text summary-text is-2">{{ text|normalize_links|urlize }}</div>
                         </div>
                     {% empty %}
                         <div class="notification is-light p-3 mb-3 has-text-grey">
@@ -50,7 +50,7 @@ <h3 class="title is-5">Advisory Summaries</h3>
                 <div class="box">
                     <div class="mb-4">
                         <h4 class="title is-4 mb-1" id="current-purl"></h4>
-                        <p class="help" id="conflict-reason"></p>
+                        <p class="text is-5" id="conflict-reason"></p>
                     </div>
 
                     <div class="table-container" style="max-height: 800px; overflow-y: auto; border: 1px solid #dbdbdb; border-radius: 6px;">
@@ -80,7 +80,7 @@ <h4 class="title is-4 mb-1" id="current-purl"></h4>
                             </button>
                             <button class="button is-info is-hidden" id="finish-btn" disabled>
                                 <span class="icon"><i class="fa fa-check"></i></span>
-                                <span>Validate</span>
+                                <span>Submit</span>
                             </button>
                         </div>
                     </div>
@@ -97,5 +97,5 @@ <h4 class="title is-4 mb-1" id="current-purl"></h4>
     const baseAdvisoryUrl = "{% url 'advisory_details' 0 %}";
     const curationItems = {{ curation_items|safe }};
 </script>
-<script src="{% static 'js/package_curation.min.js' %}"></script>
+<script src="{% static 'js/package_curation.js' %}"></script>
 {% endblock %}

vulnerablecode/static/css/package_curation.css

@@ -46,14 +46,14 @@
     }
 
 
-    .curation-cell,
+    /* .curation-cell,
     .advisory-cell,
     #curation-body td,
     .folded-row-marker,
     .range-data-cell,
     .help-instructions {
         font-size: 0.8rem !important;
-    }
+    } */
 
     .curation-cell {
         cursor: pointer;
@@ -74,11 +74,11 @@
         cursor: not-allowed;
     }
 
-    .advisory-cell {
+    /* .advisory-cell {
         text-align: center !important;
         vertical-align: middle !important;
         border: 1px solid #dbdbdb !important;
-    }
+    } */
 
     .folded-row-marker,
     .range-row-marker {
@@ -89,28 +89,28 @@
         background-color: #f5f5f5;
     }
 
-    .folded-row-marker {
+    /* .folded-row-marker {
         height: 30px;
-    }
+    } */
 
-    .folded-row-marker:hover,
+    /* .folded-row-marker:hover,
     .range-row-marker:hover {
         background-color: #ededed;
         color: #0a0a0a;
-    }
+    } */
 
-    .folded-row-marker .icon {
+    /* .folded-row-marker .icon {
         transition: transform 0.2s ease;
-    }
+    } */
 
     .folded-row-marker.is-expanded .icon {
         transform: rotate(180deg);
     }
 
     .range-row-marker {
-        font-size: 0.8rem;
-        padding: 6px 0;
-        border: 1px solid #dbdbdb !important;
+        /* font-size: 0.8rem; */
+        /* padding: 6px 0; */
+        /* border: 1px solid #dbdbdb !important; */
     }
 
     .range-data-cell {
@@ -133,7 +133,6 @@
     }
 
     .summary-text {
-        font-size: 0.85rem;
         line-height: 1.4;
         white-space: pre-wrap;
         word-break: break-word;
@@ -168,7 +167,7 @@
     flex-wrap: wrap;
 }
 
-.advisory-link .icon {
+/* .advisory-link .icon {
     font-size: 0.75rem;
     flex-shrink: 0;
-}
+} */