Add "Show in Dependency-Graph" Button in "Affected Projects" List [improved version]

src/i18n/locales/en.json

@@ -532,7 +532,8 @@
     "version_distance_major": "major",
     "version_distance_minor": "minor",
     "version_distance_patch": "patch",
-    "version_distance_tooltip": "Specify the difference between version numbers, or empty to ignore"
+    "version_distance_tooltip": "Specify the difference between version numbers, or empty to ignore",
+    "matrix": "Matrix"
   },
   "admin": {
     "configuration": "Configuration",

src/router/index.js

@@ -117,11 +117,40 @@ function configRoutes() {
           }
         },
         {
-          path: 'projects/:uuid/dependencyGraph/:componentUuid',
+          path: 'projects/:uuid/dependencyGraph/:componentUuids',
           name: 'Dependency Graph Component Lookup',
           props: (route) => ( {
             uuid: route.params.uuid,
-            componentUuid: route.params.componentUuid
+            componentUuids: route.params.componentUuids
+          } ),
+          component: Project,
+          meta: {
+            i18n: 'message.projects',
+            sectionPath: '/projects',
+            permission: 'VIEW_PORTFOLIO'
+          }
+        },
+        {
+          path: 'projects/:uuid/findings/:vulnerability',
+          name: 'Project Finding Lookup',
+          props: (route) => ( {
+            uuid: route.params.uuid,
+            vulnerability: route.params.vulnerability
+          } ),
+          component: Project,
+          meta: {
+            i18n: 'message.projects',
+            sectionPath: '/projects',
+            permission: 'VIEW_PORTFOLIO'
+          }
+        },
+        {
+          path: 'projects/:uuid/findings/:affectedComponent/:vulnerability',
+          name: 'Project Finding Lookup',
+          props: (route) => ( {
+            uuid: route.params.uuid,
+            affectedComponent: route.params.componentUuid,
+            vulnerability: route.params.vulnerability
           } ),
           component: Project,
           meta: {

src/views/portfolio/projects/Project.vue

@@ -281,7 +281,7 @@
     },
     mounted() {
       try {
-        if (this.$route.params.componentUuid){
+        if (this.$route.params.componentUuids){
           this.$refs.dependencygraph.active = true;
         } else {
           this.getTabFromRoute().active = true;
@@ -297,7 +297,7 @@
         this.uuid = this.$route.params.uuid;
         if (to.params.uuid !== from.params.uuid) {
           this.initialize();
-        } else if (this.$route.params.componentUuid){
+        } else if (this.$route.params.componentUuids){
           this.initialize();
           this.$refs.dependencygraph.activate();
         }