Make download files' name consistent

Author: xingzhang-suse

pkg/sbombastic-image-vulnerability-scanner/components/ImageDetails.vue

@@ -52,7 +52,7 @@
           >
             <button
               class="dropdown-item"
-              @click="downloadImageDetailReport"
+              @click="downloadFullReport"
             >
               <i class="icon icon-download"></i>
               {{ t('imageScanner.images.downloadImageDetailReport') }}
@@ -880,7 +880,7 @@ export default {
         // Generate SBOM download
         const sbomData = JSON.stringify(this.sbom.spdx, null, 2);
 
-        this.downloadJSON(sbomData, `${ this.imageName }-sbom.json`);
+        this.downloadJSON(sbomData, `${ this.imageName }-sbom_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.json`);
 
         this.$store.dispatch('growl/success', {
           title:   'Success',
@@ -940,7 +940,7 @@ export default {
         // Generate JSON vulnerability report
         const reportData = JSON.stringify(this.vulnerabilityReport.report, null, 2);
 
-        this.downloadJSON(reportData, `${ this.imageName }-vulnerability-report.json`);
+        this.downloadJSON(reportData, `${ this.imageName }-vulnerability-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.json`);
 
         this.$store.dispatch('growl/success', {
           title:   'Success',
@@ -1163,7 +1163,7 @@ export default {
         // Generate CSV from vulnerability report data
         const csvData = this.generateCSVFromVulnerabilityReport();
 
-        this.downloadCSV(csvData, `${ this.imageName }-full-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.csv`);
+        this.downloadCSV(csvData, `${ this.imageName }-image-detail-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.csv`);
 
         this.$store.dispatch('growl/success', {
           title:   'Success',
@@ -1191,7 +1191,7 @@ export default {
         // Generate CSV from filtered vulnerability data
         const csvData = this.generateCSVFromFilteredVulnerabilities();
 
-        this.downloadCSV(csvData, `${ this.imageName }-custom-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.csv`);
+        this.downloadCSV(csvData, `${ this.imageName }-image-detail-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.csv`);
 
         this.$store.dispatch('growl/success', {
           title:   'Success',

pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/ImageOverview.vue

@@ -403,14 +403,14 @@ export default {
       const spdxString = JSON.stringify(sbom.spdx, null, 2);
       const sbomBlob = new Blob([spdxString], { type: 'application/json;charset=utf-8' });
 
-      saveAs(sbomBlob, `${ sbom.metadata.name }-sbom.spdx.json`);
+      saveAs(sbomBlob, `${ sbom.metadata.name }-sbom_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.spdx.json`);
     },
     async downloadJson(res) {
       const target = (res && res.length ? res[0] : null);
       const vulReport = await this.$store.dispatch('cluster/find', { type: RESOURCE.VULNERABILITY_REPORT, id: target.id });
       const jsonBlob = new Blob([JSON.stringify(vulReport.report, null, 2)], { type: 'application/json;charset=utf-8' });
 
-      saveAs(jsonBlob, `${ target.id }-vul-report.json`);
+      saveAs(jsonBlob, `${ target.id }-vulnerabilities-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.json`);
     },
     async downloadCsv(res) {
       const target = (res && res.length ? res[0] : null);
@@ -425,7 +425,7 @@ export default {
       );
       const csvBlob = new Blob([Papa.unparse(csv)], { type: 'text/csv;charset=utf-8' });
 
-      saveAs(csvBlob, `${ target.id }-image-detail-report.csv`);
+      saveAs(csvBlob, `${ target.id }-image-detail-report_${ day(new Date().getTime()).format('MMDDYYYY_HHmmss') }.csv`);
     },
     // applyFilters() {
     //   let filtered = _.cloneDeep(this.preprocessedImagesBak);