[2416709] Add css for repositories table rows clickable and unclickable based on scan_id value, fixed vcs scanner flow image in readme

Author: amrityamrout

README.md

@@ -99,7 +99,7 @@ The flow diagram below shows the different stages that a VCS Scanner Worker goes
 come to the desired result. It first picks up a repository from the queue where it is decided, in conjunction with user input, what type of scan to run. 
 If it is a base scan, a full scan of all commits will be carried out to look for secrets. Possible findings are stored inside the database along with the last scanned commit hash of the repository. An incremental scan, where the repository was scanned earlier, only looks at the commits that were made after the last scanned commit hash. The process of finding secrets and storing them in the database is similar as previously described. 
 
-![product-screenshot!](images/RESC_Scan_Flow_Diagram.svg)
+![product-screenshot!](images/RESC_Scan_Flow_Diagram.png)
 
 ### RESC high-level overview
 The diagram below gives a high-level overview of the Repository Scanner tool. All the different components of the

components/resc-frontend/src/styles/main.css

@@ -95,7 +95,7 @@
 #rule-analysis-table th, #scan-findings-table th, #repositories-table th {
   cursor: pointer !important;
 }
-#rule-analysis-table tr, #scan-findings-table tr, #repositories-table tr, #rule-metrics-table tr {
+#rule-analysis-table tr, #scan-findings-table tr, #rule-metrics-table tr {
   cursor: pointer !important;
 }
 #rule-analysis-table .tabs, #scan-findings-table .tabs {
@@ -448,4 +448,10 @@
 .download-button{
   color: #3893e2;
   cursor: pointer;
+}
+.row-unclickable {
+  cursor: not-allowed !important;
+}
+.row-clickable  {
+  cursor: pointer !important;
 }

components/resc-frontend/src/views/Repositories.vue

@@ -36,6 +36,7 @@
         responsive
         small
         head-variant="light"
+        :tbody-tr-class="rowClass"
         @row-clicked="goToScanFindings"
       >
         <!-- Repository Column -->
@@ -156,6 +157,9 @@ export default {
     },
   },
   methods: {
+    rowClass(item) {
+      return item.last_scan_id ? 'row-clickable' : 'row-unclickable';
+    },
     formatDate(timestamp) {
       const date = DateUtils.formatDate(timestamp);
       return timestamp ? date : 'Not Scanned';