Added support for multiple CPEs in UI - DependencyTrack/dependency-track#1467

Author: stevespringett

src/views/portfolio/vulnerabilities/Vulnerability.vue

@@ -64,8 +64,8 @@
 
         <div v-if="vulnerability.cwe">
           <b-card :title="this.$t('message.weakness')">
-            <b-card-text>
-              <a :href="cweLink">{{ cweLabel }}</a>
+            <b-card-text v-for="cwe in vulnerability.cwe" :key="cwe.cweId">
+              <a :href="cweLink(cwe)">{{ cweLabel(cwe) }}</a>
             </b-card-text>
           </b-card>
         </div>
@@ -137,20 +137,6 @@
       cvssExploitScore () {
         return common.valueWithDefault(((this.vulnerability.cvssV3ExploitabilitySubScore) ? this.vulnerability.cvssV3ExploitabilitySubScore : this.vulnerability.cvssV2ExploitabilitySubScore), 0);
       },
-      cweLabel() {
-        if (this.vulnerability.cwe) {
-          return `CWE-${this.vulnerability.cwe.cweId}: ${this.vulnerability.cwe.name}`;
-        } else {
-          return null;
-        }
-      },
-      cweLink () {
-        if (this.vulnerability.cwe) {
-          return `https://cwe.mitre.org/data/definitions/${this.vulnerability.cwe.cweId}`;
-        } else {
-          return null;
-        }
-      },
       sourceLabel () {
         switch (this.vulnerability.source) {
           case 'NVD':
@@ -224,6 +210,12 @@
       },
       syncProjectFields: function(vulnerability) {
         //todo future - when internal vulnerability editing is implemented
+      },
+      cweLabel: function(cwe) {
+        return `CWE-${cwe.cweId}: ${cwe.name}`;
+      },
+      cweLink: function(cwe) {
+        return `https://cwe.mitre.org/data/definitions/${cwe.cweId}`;
       }
     },
     beforeMount() {