fix: make navigation relative to the application root so open in new …

…tab or window works
DependencyTrack · Oct 10, 2024 · 1f0b0c1 · 1f0b0c1
1 parent 58f5231
commit 1f0b0c1
Show file tree

Hide file tree

Showing 13 changed files with 31 additions and 49 deletions.
diff --git a/src/views/audit/PolicyViolationAudit.vue b/src/views/audit/PolicyViolationAudit.vue
@@ -356,15 +356,15 @@ export default {
           formatter: (value, row, index) => {
             if (row.component) {
               let url = xssFilters.uriInUnQuotedAttr(
-                '../../../components/' + row.component.uuid,
+                './components/' + row.component.uuid,
               );
               let name = common.concatenateComponentName(
                 null,
                 row.component.name,
                 row.component.version,
               );
               let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-                '../../../projects/' +
+                './projects/' +
                   row.project.uuid +
                   '/dependencyGraph/' +
                   row.component.uuid,
@@ -384,7 +384,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.project.uuid,
+              './projects/' + row.project.uuid,
             );
             let name = common.concatenateComponentName(
               null,
@@ -429,7 +429,7 @@ export default {
               )
             ) {
               let licenseurl =
-                '../../../licenses/' + row.component.resolvedLicense.licenseId;
+                './licenses/' + row.component.resolvedLicense.licenseId;
               return (
                 '<a href="' +
                 licenseurl +

diff --git a/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue b/src/views/globalAudit/VulnerabilityAuditByOccurrence.vue
@@ -491,7 +491,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.vulnerability.source + '/' + value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
@@ -586,7 +586,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.component.project,
+              './projects/' + row.component.project,
             );
             let name = common.concatenateComponentName(
               null,
@@ -602,10 +602,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 row.component.project +
                 '/dependencyGraph/' +
                 row.component.uuid,

diff --git a/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue b/src/views/globalAudit/VulnerabilityAuditGroupedByVulnerability.vue
@@ -456,7 +456,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.vulnerability.source + '/' + value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +

diff --git a/src/views/portfolio/components/ComponentSearch.vue b/src/views/portfolio/components/ComponentSearch.vue
@@ -223,10 +223,7 @@ export default {
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr('../components/' + row.uuid);
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
-                row.project.uuid +
-                '/dependencyGraph/' +
-                row.uuid,
+              './projects/' + row.project.uuid + '/dependencyGraph/' + row.uuid,
             );
             return row.project.directDependencies
               ? `<a href="${dependencyGraphUrl}"<i class="fa fa-sitemap" aria-hidden="true" style="float:right; padding-top: 4px; cursor:pointer" data-toggle="tooltip" data-placement="bottom" title="Show in dependency graph"></i></a> ` +
@@ -291,7 +288,7 @@ export default {
           sortable: false,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../projects/' + row.project.uuid,
+              './projects/' + row.project.uuid,
             );
             let name = common.concatenateComponentName(
               null,
@@ -312,8 +309,7 @@ export default {
             }
 
             let url = xssFilters.uriInUnQuotedAttr(
-              '../licenses/' +
-                encodeURIComponent(row.resolvedLicense.licenseId),
+              './licenses/' + encodeURIComponent(row.resolvedLicense.licenseId),
             );
             return `<a href="${url}">${xssFilters.inHTMLData(row.resolvedLicense.name)}</a>`;
           },

diff --git a/src/views/portfolio/licenses/LicenseList.vue b/src/views/portfolio/licenses/LicenseList.vue
@@ -70,7 +70,7 @@ export default {
           sortable: true,
           formatter: function (value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../licenses/' + encodeURIComponent(value),
+              './licenses/' + encodeURIComponent(value),
             );
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },

diff --git a/src/views/portfolio/projects/ComponentVulnerabilities.vue b/src/views/portfolio/projects/ComponentVulnerabilities.vue
@@ -36,7 +36,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../vulnerabilities/' + row.source + '/' + value,
+              './vulnerabilities/' + row.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.source) +
@@ -55,7 +55,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../../vulnerabilities/' + alias.source + '/' + alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +

diff --git a/src/views/portfolio/projects/ProjectComponents.vue b/src/views/portfolio/projects/ProjectComponents.vue
@@ -168,11 +168,9 @@ export default {
           field: 'name',
           sortable: true,
           formatter: (value, row, index) => {
-            let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.uuid,
-            );
+            let url = xssFilters.uriInUnQuotedAttr('./components/' + row.uuid);
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' + this.uuid + '/dependencyGraph/' + row.uuid,
+              './projects/' + this.uuid + '/dependencyGraph/' + row.uuid,
             );
             return (
               `<a href="${dependencyGraphUrl}"<i class="fa fa-sitemap" aria-hidden="true" style="float:right; padding-top: 4px; cursor:pointer" data-toggle="tooltip" data-placement="bottom" title="Show in dependency graph"></i></a> ` +
@@ -258,8 +256,7 @@ export default {
           sortable: false,
           formatter(value, row, index) {
             if (Object.prototype.hasOwnProperty.call(row, 'resolvedLicense')) {
-              let licenseurl =
-                '../../../licenses/' + row.resolvedLicense.licenseId;
+              let licenseurl = './licenses/' + row.resolvedLicense.licenseId;
               return (
                 '<a href="' +
                 licenseurl +

diff --git a/src/views/portfolio/projects/ProjectEpss.vue b/src/views/portfolio/projects/ProjectEpss.vue
@@ -80,10 +80,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 this.uuid +
                 '/dependencyGraph/' +
                 row.component.uuid,
@@ -155,10 +155,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../vulnerabilities/' +
-                row.vulnerability.source +
-                '/' +
-                value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +

diff --git a/src/views/portfolio/projects/ProjectFindings.vue b/src/views/portfolio/projects/ProjectFindings.vue
@@ -160,10 +160,10 @@ export default {
           sortable: true,
           formatter: (value, row, index) => {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../components/' + row.component.uuid,
+              './components/' + row.component.uuid,
             );
             let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-              '../../../projects/' +
+              './projects/' +
                 this.uuid +
                 '/dependencyGraph/' +
                 row.component.uuid,
@@ -235,10 +235,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../../../vulnerabilities/' +
-                row.vulnerability.source +
-                '/' +
-                value,
+              './vulnerabilities/' + row.vulnerability.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.vulnerability.source) +
@@ -260,10 +257,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../../../vulnerabilities/' +
-                    alias.source +
-                    '/' +
-                    alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +

diff --git a/src/views/portfolio/projects/ProjectList.vue b/src/views/portfolio/projects/ProjectList.vue
@@ -242,7 +242,7 @@ export default {
           field: 'name',
           sortable: true,
           formatter(value, row, index) {
-            let url = xssFilters.uriInUnQuotedAttr('../projects/' + row.uuid);
+            let url = xssFilters.uriInUnQuotedAttr('./projects/' + row.uuid);
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },
         },

diff --git a/src/views/portfolio/projects/ProjectPolicyViolations.vue b/src/views/portfolio/projects/ProjectPolicyViolations.vue
@@ -104,15 +104,15 @@ export default {
           formatter: (value, row, index) => {
             if (row.component) {
               let url = xssFilters.uriInUnQuotedAttr(
-                '../../../components/' + row.component.uuid,
+                './components/' + row.component.uuid,
               );
               let name = common.concatenateComponentName(
                 null,
                 row.component.name,
                 row.component.version,
               );
               let dependencyGraphUrl = xssFilters.uriInUnQuotedAttr(
-                '../../../projects/' +
+                './projects/' +
                   this.uuid +
                   '/dependencyGraph/' +
                   row.component.uuid,

diff --git a/src/views/portfolio/projects/ProjectServices.vue b/src/views/portfolio/projects/ProjectServices.vue
@@ -38,9 +38,7 @@ export default {
           field: 'name',
           sortable: true,
           formatter(value, row, index) {
-            let url = xssFilters.uriInUnQuotedAttr(
-              '../../../services/' + row.uuid,
-            );
+            let url = xssFilters.uriInUnQuotedAttr('./services/' + row.uuid);
             return `<a href="${url}">${xssFilters.inHTMLData(value)}</a>`;
           },
         },

diff --git a/src/views/portfolio/vulnerabilities/VulnerabilityList.vue b/src/views/portfolio/vulnerabilities/VulnerabilityList.vue
@@ -74,7 +74,7 @@ export default {
           sortable: true,
           formatter(value, row, index) {
             let url = xssFilters.uriInUnQuotedAttr(
-              '../vulnerabilities/' + row.source + '/' + value,
+              './vulnerabilities/' + row.source + '/' + value,
             );
             return (
               common.formatSourceLabel(row.source) +
@@ -93,7 +93,7 @@ export default {
               for (let i = 0; i < aliases.length; i++) {
                 let alias = aliases[i];
                 let url = xssFilters.uriInUnQuotedAttr(
-                  '../vulnerabilities/' + alias.source + '/' + alias.vulnId,
+                  './vulnerabilities/' + alias.source + '/' + alias.vulnId,
                 );
                 label +=
                   common.formatSourceLabel(alias.source) +