#3394 move Search Results as page title and for CVE ID found cases: show assigner and description on Search Results page and relabel Search Results as Other Results

Author: athu-tran

src/stores/cveListSearch.js

@@ -129,7 +129,6 @@ export const useCveListSearchStore = defineStore('cveListSearch ', {
         }
 
       } catch (error) {
-        debugger
         this.isLookUpRecordServerError = true;
 
         this.isPublished = false;

src/views/CVERecord/SearchResults.vue

@@ -34,17 +34,18 @@
                       <p>You are accessing <span class="has-text-weight-bold">Production</span> data from {{ resultUrl }}</p>
                     </div>
                   </div>
+                  <h2 class="title">Search Results</h2>
                   <div class="mb-3" v-if="hasRecordData || hasIdData">
-                    <h2 class="title"> CVE {{ getRecordOrIdLabel }} Found</h2>
+                    <h3 class="title is-size-5 mb-2"> CVE {{ getRecordOrIdLabel }} Found</h3>
                     <p class="cve-help-text">
                       <span v-if="hasRecordData">View the CVE {{ getRecordOrIdLabel }} below.</span>
                       <span v-if="hasIdData">
                         The <router-link to="/ResourcesSupport/Glossary#glossaryCVEID">CVE ID</router-link> below has no corresponding
                         <router-link to="/ResourcesSupport/Glossary#glossaryRecord">CVE Record</router-link>.
                       </span>
-                      If you are searching for this CVE ID in other CVE Records, view the Search Results section below.
+                      If you are searching for this CVE ID in other CVE Records, view the <span class="has-text-weight-bold">Other Results</span> section below.
                     </p>
-                    <div class="columns cve-columns is-variable is-1-desktop is-0-mobile mt-0 mr-2 mb-0 ml-2">
+                    <div class="columns cve-columns is-variable is-1-desktop is-0-mobile mt-0 mr-2 mb-4 ml-2">
                       <div class="column cve-column">
                         <div class="columns cve-columns">
                           <div class="column cve-column">
@@ -57,14 +58,20 @@
                               {{ cveListSearchStore.idData.cve_id}}
                             </router-link>
                           </div>
-                          <div class="column cve-column" v-if="hasRecordData">
-                            <p>
+                          <div class="column cve-column">
+                            <p v-if="hasRecordData">
                               <span>CNA: </span>
-                              {{ partnerStore.partnerShortLongNameMap[cveListSearchStore.recordData.cnaOrgId] ? partnerStore.partnerShortLongNameMap[cveListSearchStore.recordData.cnaOrgId] : cveListSearchStore.recordData.cna }}</p>
+                              {{ partnerStore.partnerShortLongNameMap[cveListSearchStore.recordData.cnaOrgId] ? partnerStore.partnerShortLongNameMap[cveListSearchStore.recordData.cnaOrgId] : cveListSearchStore.recordData.cna }}
+                            </p>
+                            <p v-if="hasIdData">
+                              <span>Assigner: </span>
+                              <span v-if="cveListSearchStore?.idData?.owning_cna">{{ cveListSearchStore.idData.owning_cna }}</span>
+                              <span v-else>No assigner provided</span>
+                            </p>
                           </div>
                         </div>
-                        <div class="columns cve-columns" v-if="hasRecordData">
-                          <div class="column cve-column">
+                        <div class="columns cve-columns">
+                          <div class="column cve-column" v-if="hasRecordData">
                             <div v-for="(description, index) in cveListSearchStore.recordData.descriptions" :key="description.key" class="mb-0">
                               <p v-if="!description.showMore" class="mb-0">
                                 {{ description.firstChunk }}<span v-if="!description.showMore && description.secondChunk.length > 0">...</span>
@@ -79,12 +86,22 @@
                               </button>
                             </div>
                           </div>
+                          <div class="column cve-column" v-if="hasIdData">
+                            <p v-if="cveListSearchStore.idData.state === 'REJECTED'">
+                              This CVE ID was unused by the <router-link to="/ProgramOrganization/CNAs">CNA</router-link>
+                            </p>
+                            <p v-if="cveListSearchStore.idData.state === 'RESERVED'">
+                              This ID has been reserved by a <router-link to="/ProgramOrganization/CNAs">CNA</router-link> and its corresponding record
+                              will be updated by the assigning CNA once details are available. Learn more about the
+                              <router-link to="ResourcesSupport/FAQs#pc_cve_recordsreserved_signify_in_cve_record">Reserved state</router-link>.
+                            </p>
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
                   <div id="cve-search-results-container" v-if="cveListSearchStore.totalSearchResultCount > 0">
-                    <h2 class="title">Search Results</h2>
+                    <h3 class="title is-size-5 mb-2" v-if="hasIdData">Other Results</h3>
                     <p class="cve-help-text" v-if="hasRecordData || hasIdData">
                       Includes all record(s) that reference this CVE ID.
                     </p>