From c49506d51777a53a1557a4599a8d88e5c49ab5dd Mon Sep 17 00:00:00 2001
From: Leo Antunes <leo@costela.net>
Date: Mon, 27 Jul 2026 15:45:56 +0200
Subject: [PATCH] feat: add "only latest versions" filter to project list

Adds a toolbar toggle to the projects page that sends
onlyLatestVersions=true to the concise project listing endpoint,
as the frontend counterpart to DependencyTrack/dependency-track#6823.
The toggle state is persisted in localStorage, mirroring the existing
"show inactive projects" filter.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: Leo Antunes <leo@costela.net>
---
 src/views/portfolio/projects/ProjectList.vue | 30 ++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/views/portfolio/projects/ProjectList.vue b/src/views/portfolio/projects/ProjectList.vue
index 5caaea185..a00146a00 100644
--- a/src/views/portfolio/projects/ProjectList.vue
+++ b/src/views/portfolio/projects/ProjectList.vue
@@ -22,6 +22,16 @@
       /><span class="text-muted">{{
         $t('message.show_inactive_projects')
       }}</span>
+      <c-switch
+        style="margin-left: 1rem; margin-right: 0.5rem"
+        id="onlyLatestVersions"
+        color="primary"
+        v-model="onlyLatestVersions"
+        label
+        v-bind="labelIcon"
+      /><span class="text-muted">{{
+        $t('message.only_latest_project_versions')
+      }}</span>
       <c-switch
         @click.native="saveViewState"
         style="margin-left: 1rem; margin-right: 0.5rem"
@@ -83,6 +93,11 @@ export default {
       localStorage && localStorage.getItem('ProjectListShowFlatView') !== null
         ? localStorage.getItem('ProjectListShowFlatView') === 'true'
         : false;
+    this.onlyLatestVersions =
+      localStorage &&
+      localStorage.getItem('ProjectListOnlyLatestVersions') !== null
+        ? localStorage.getItem('ProjectListOnlyLatestVersions') === 'true'
+        : false;
   },
   methods: {
     initializeProjectCreateProjectModal: function () {
@@ -103,6 +118,9 @@ export default {
       if (this.showInactiveProjects === false) {
         queryParams['active'] = true;
       }
+      if (this.onlyLatestVersions === true) {
+        queryParams['onlyLatestVersions'] = true;
+      }
       let tag = this.$route.query.tag;
       if (tag) {
         queryParams['tag'] = tag;
@@ -256,6 +274,17 @@ export default {
       this.currentPage = 1;
       this.refreshTable();
     },
+    onlyLatestVersions() {
+      if (localStorage) {
+        localStorage.setItem(
+          'ProjectListOnlyLatestVersions',
+          this.onlyLatestVersions.toString(),
+        );
+      }
+      this.$refs.table.showLoading();
+      this.currentPage = 1;
+      this.refreshTable();
+    },
     showFlatView() {
       if (localStorage) {
         localStorage.setItem(
@@ -273,6 +302,7 @@ export default {
   data() {
     return {
       showInactiveProjects: this.showInactiveProjects,
+      onlyLatestVersions: this.onlyLatestVersions,
       showFlatView: this.showFlatView,
       isSearching: false,
       savedViewState: null,