search: display CVE record directly following search of CVE ID that returns only corresponding CVE record

Author: rlxdev

src/stores/cveListSearch.js

@@ -4,7 +4,7 @@ import { useGenericGlobalsStore } from './genericGlobals';
 import axios from 'axios';
 
 export const useCveListSearchStore = defineStore('cveListSearch ', {
-  state: () => { 
+  state: () => {
     return {
       cveId: '',
       from: 0,
@@ -84,15 +84,36 @@ export const useCveListSearchStore = defineStore('cveListSearch ', {
         this.totalExecutingRequests = 1;
         await this.getSearchResults();
 
-        // * Check if keyword is CVE ID
         if (this.isCveIdPattern()) {
-          this.totalExecutingRequests = 2;
-          
-          // lookup ID to get Record data
+
+          // The user's query is one CVE ID.
+
           this.cveId = this.query.toUpperCase();
-          await this.getRecordData();          
-        }
 
+          if (this.searchResults.length === 1
+              && this.searchResults[0].cveId === this.cveId) {
+
+            // The search returned only ONE result and it's the CVE record
+            // associated with the CVE ID given as the search string.  Most
+            // likely, the user just wants to see the CVE Record and not the
+            // search results containing only the CVE link for the record
+            // they're searching for (just to have to click on the CVE link to
+            // get to the CVE Record).  In this case, change the route to
+            // go directly to the CVE Record display.
+
+            this.router.push({
+              name: 'CVERecord',
+              query: {id: this.cveId},
+              replace: true
+            });
+          } else {
+
+            this.totalExecutingRequests = 2;
+
+            // lookup ID to get Record data
+            await this.getRecordData();
+          }
+        }
       } catch (error) {
         // if record is not found, find potential reserved/rejected ID
         if (this.isCveIdPattern() && Object.keys(this.recordData).length === 0) {
@@ -306,7 +327,7 @@ export const useCveListSearchStore = defineStore('cveListSearch ', {
     async paginate() {
       try {
         this.calcToAndFromCounts();
-      
+
         // search service starts at 0 while this app starts at 1
         this.from = (parseInt(this.pagination.currentPage) * parseInt(this.pagination.numberPerPage)) - parseInt(this.pagination.numberPerPage);
         if (parseInt(this.from) + parseInt(this.pagination.numberPerPage) > parseInt(this.totalSearchResultCount)) {
@@ -414,7 +435,7 @@ export const useCveListSearchStore = defineStore('cveListSearch ', {
 
         this.pagination.currentPageWindow = this.calcRange(this.pagination.startWindow, this.pagination.endWindow);
         this.paginate();
-      } 
+      }
     },
     handleNextPageChange() {
       this.pagination.currentPage = parseInt(this.pagination.currentPage) + 1;

src/views/CVERecord/SearchResults.vue

@@ -51,11 +51,11 @@
                         <div class="columns cve-columns">
                           <div class="column cve-column">
                             <router-link v-if="hasRecordData"
-                              :to="cveRecordRoute(cveListSearchStore.recordData.cveId)" target="_blank">
+                              :to="cveRecordRoute(cveListSearchStore.recordData.cveId)">
                               {{ cveListSearchStore.recordData.cveId }}
                             </router-link>
                             <router-link v-if="hasIdData"
-                              :to="cveRecordRoute(cveListSearchStore.idData.cve_id)" target="_blank">
+                              :to="cveRecordRoute(cveListSearchStore.idData.cve_id)">
                               {{ cveListSearchStore.idData.cve_id}}
                             </router-link>
                           </div>