fix github comments

Author: David T Rocca

src/components/cveRecordSearchModule.vue

@@ -1,38 +1,38 @@
 <template>
   <div class="field mt-1">
     <div class="field has-addons">
-    <div class="control">
-      <span v-if="websiteEnv !== 'prd'" class="select cve-search-selector">
+      <div class="control">
+        <span v-if="websiteEnv !== 'prd'" class="select cve-search-selector">
           <select v-model="searchType">
-              <option>Search CVE List (Beta)</option>
-              <option>Find a Test CVE Record/ID (Legacy)</option>
+            <option>Search CVE List (Beta)</option>
+            <option>Find a Test CVE Record/ID (Legacy)</option>
           </select>
-      </span>
-    </div>
-    <div class="control is-expanded">
-      <input v-if="searchTypeBoolean" v-model.trim="queryString" @keyup.enter="onKeyUpEnter" @keyup="validateQueryString" type="text" class="input cve-id-input"
-        placeholder="Enter keywords (e.g.: CVE ID, sql injection, etc.)"/>
-      <input v-else v-model="cveId" @keyup.enter="onKeyUpEnter" @keyup="validateQueryString" @blur="removeHelpText" type="text" class="input cve-id-input"
-        placeholder="Enter CVE ID (CVE-YYYY-NNNN)"/>
-    </div>
-    <div class="control">
-      <button @click="validate"
-          class="button cve-button cve-button-accent-warm"
-          :class="{'is-loading': cveListSearchStore.isSearching, 'disabled': cveListSearchStore.isSeachButtonDisabled}"
+        </span>
+      </div>
+      <div class="control is-expanded">
+        <input v-if="searchTypeBoolean" v-model.trim="queryString" @keyup.enter="onKeyUpEnter"
+          @keyup="validateQueryString" type="text" class="input cve-id-input"
+          placeholder="Enter keywords (e.g.: CVE ID, sql injection, etc.)" />
+        <input v-else v-model="cveId" @keyup.enter="onKeyUpEnter" @keyup="validateQueryString" @blur="removeHelpText"
+          type="text" class="input cve-id-input" placeholder="Enter CVE ID (CVE-YYYY-NNNN)" />
+      </div>
+      <div class="control">
+        <button @click="validate" class="button cve-button cve-button-accent-warm"
+          :class="{ 'is-loading': cveListSearchStore.isSearching, 'disabled': cveListSearchStore.isSeachButtonDisabled }"
           :aria-disabled="cveListSearchStore.isSeachButtonDisabled">
-          Search {{ websiteEnv === 'test' ? 'CVE List in Test' : ''}}
+          Search {{ websiteEnv === 'test' ? 'CVE List in Test' : '' }}
         </button>
+      </div>
     </div>
-  </div>
     <div class="notification is-warning is-light" role="alert" v-if="errorMessage.length > 0">
       <div class="is-flex is-align-content-flex-start">
         <p id="alertIcon" class="is-hidden">alert</p>
-        <font-awesome-icon style="flex: 0 0 40px; margin-top:3px" size="lg"  icon="exclamation-triangle" role="alert"
+        <font-awesome-icon style="flex: 0 0 40px; margin-top:3px" size="lg" icon="exclamation-triangle" role="alert"
           aria-labelledby="alertIcon" aria-hidden="false" />
-          <p class="cve-help-text">
-            {{errorMessage}}
-            <router-link to="/About/Process#request"> Learn more</router-link>
-          </p>
+        <p class="cve-help-text">
+          {{ errorMessage }}
+          <router-link to="/About/Process#request"> Learn more</router-link>
+        </p>
       </div>
     </div>
   </div>
@@ -67,7 +67,7 @@ let searchTypeBoolean = computed(() => {
 watch(
   () => route.query,
   () => {
-    if (route.query?.query){
+    if (route.query?.query) {
       queryString.value = route.query.query.trim();
       validate();
     } else {
@@ -86,23 +86,23 @@ function startSearch() {
   }
   else {
     cveGenericGlobalsStore.setUseSearch(false);
-    cveGenericGlobalsStore.setCurrentServicesUrl("https://cveawg-test.mitre.org")
+    cveGenericGlobalsStore.setCurrentServicesUrl(cveGenericGlobalsStore.cveServiceTestBaseUrl)
   }
   if (cveGenericGlobalsStore.useSearch) {
     if (queryString.value !== cveListSearchStore.query) {
-    cveListSearchStore.$reset();
-    cveListSearchStore.query = queryString.value;
+      cveListSearchStore.$reset();
+      cveListSearchStore.query = queryString.value;
       router.push({
         name: 'SearchResults',
-        query: {query: cveListSearchStore.query}
+        query: { query: cveListSearchStore.query }
       });
       cveListSearchStore.search();
-  }
+    }
   } else {
     const lookupPath = `/CVERecord?id=${cveId}`;
-    router.push(lookupPath)    
+    router.push(lookupPath)
   }
-  
+
 }
 
 function validateQueryString() {
@@ -125,7 +125,7 @@ function validateQueryString() {
     }
   } else {
     //Basic Checking
-    const cveIdPattern = new RegExp(/^CVE-\d{4}-\d{4,7}$/, 'i').test(cveId); 
+    const cveIdPattern = new RegExp(/^CVE-\d{4}-\d{4,7}$/, 'i').test(cveId);
     if (cveId.length > 0 && !cveIdPattern) {
       cveListSearchStore.isSeachButtonDisabled = true;
       errorMessage.value = 'Only CVE IDs (CVE-YYYY-NNNN) are allowed.';
@@ -147,7 +147,7 @@ function onKeyUpEnter() {
 }
 
 function validate() {
- 
+
   validateQueryString();
   if (cveGenericGlobalsStore.useSearch) {
     if (!cveListSearchStore.isSeachButtonDisabled) {
@@ -156,7 +156,7 @@ function validate() {
   } else {
     startSearch();
   }
- 
+
 }
 
 const websiteEnv = computed(() => {
@@ -175,13 +175,12 @@ const websiteEnv = computed(() => {
 
 .notification {
   margin: 0 0 2px 0 !important;
-  padding: 2px 10px 2px 10px  !important;
+  padding: 2px 10px 2px 10px !important;
 }
 
 @media screen and (min-width: $desktop) {
   .cve-id-input {
     width: 470px;
   }
 }
-
 </style>

src/stores/genericGlobals.ts

@@ -7,6 +7,7 @@ export const useGenericGlobalsStore = defineStore('genericGlobals', {
     return {
       useSearch: storedUseSearch ? JSON.parse(storedUseSearch) : true, 
       currentServicesUrl: storedCurrentServicesUrl ? JSON.parse(storedCurrentServicesUrl) : `https://${import.meta.env.VITE_CVE_SERVICES_BASE_URL}`,
+      cveServiceTestBaseUrl: 'https://cveawg-test.mitre.org',
       legacyCveWebsiteLink: 'https://cve.mitre.org/cve/search_cve_list.html'
     };
   },

src/views/CVERecord/CVERecord.vue

@@ -94,7 +94,7 @@ export default {
     return {
       isResultFromProd: false,
       // There is a special case when the website deals with some cached data. This ensures that the correct value is shown, even though it is not pretty
-      resultUrl: this.GenericGlobalsStore.useSearch ? `https://${import.meta.env.VITE_CVE_SERVICES_BASE_URL}` : `https://cveawg-test.mitre.org`,
+      resultUrl: this.GenericGlobalsStore.useSearch ? `https://${import.meta.env.VITE_CVE_SERVICES_BASE_URL}` : this.GenericGlobalsStore.cveServiceTestBaseUrl,
       usecveRecordStore: usecveRecordStore(),
       cveId: usecveRecordStore().cveId,
       showHelpText: false,