From e3a70aa1cc30fa6d7224d6c73fbb8b723c21c938 Mon Sep 17 00:00:00 2001
From: Marius <94525580+Marius-Patrowl@users.noreply.github.com>
Date: Fri, 7 Jan 2022 17:38:29 +0100
Subject: [PATCH] Refactoring / FIX #144 #11 #22

---
 backend_app/vpratings/apis.py                 |   82 +-
 backend_app/vpratings/urls.py                 |    1 +
 backend_app/vulns/apis.py                     |   35 +
 backend_app/vulns/urls.py                     |    1 +
 frontend/src/common/colors.js                 |    7 +
 frontend/src/components/pages/Homepage.vue    |    2 +-
 frontend/src/components/pages/Ratings.vue     |    1 +
 frontend/src/components/pages/Search.vue      |    2 +-
 frontend/src/components/pages/Vuln.vue        |  151 ++
 frontend/src/components/pages/VulnDetails.vue | 1313 -----------------
 .../components/pages/VulnDetailsPublic.vue    |    4 +-
 frontend/src/components/pages/Vulns.vue       |    8 +-
 .../comment/VulnerabilityComment.vue          |   13 +
 .../vulnerability/exploit/DialogExploit.vue   |  179 +++
 .../exploit/VulnerabilityExploit.vue          |  324 ++++
 .../vulnerability/snackBar/SnackBar.vue       |   28 +
 .../vulnerability/threat/DialogThreat.vue     |  180 +++
 .../threat/VulnerabilityThreat.vue            |  319 ++++
 .../vulnerabilityDetails/CardAccess.vue       |   30 +
 .../vulnerabilityDetails/CardImpact.vue       |   26 +
 .../vulnerabilityDetails/CardMetrics.vue      |   74 +
 .../vulnerabilityDetails/CardScore.vue        |  102 ++
 .../vulnerabilityDetails/VulnDetails.vue      |  108 ++
 .../CardBodyVulnerability.vue                 |  138 ++
 .../CardHeaderVulnerability.vue               |  164 ++
 .../cardVulnerability/CardVulnerability.vue   |   28 +
 .../cardVulnerability/CvssListItem.vue        |   29 +
 .../dialog/DialogSendEmail.vue                |   66 +
 .../dialog/DialogVulnAddEdit.vue}             |    0
 frontend/src/router/index.js                  |    5 +-
 frontend/yarn.lock                            |  696 ++++++---
 31 files changed, 2585 insertions(+), 1531 deletions(-)
 create mode 100644 frontend/src/components/pages/Vuln.vue
 delete mode 100644 frontend/src/components/pages/VulnDetails.vue
 create mode 100644 frontend/src/components/vulnerability/comment/VulnerabilityComment.vue
 create mode 100644 frontend/src/components/vulnerability/exploit/DialogExploit.vue
 create mode 100644 frontend/src/components/vulnerability/exploit/VulnerabilityExploit.vue
 create mode 100644 frontend/src/components/vulnerability/snackBar/SnackBar.vue
 create mode 100644 frontend/src/components/vulnerability/threat/DialogThreat.vue
 create mode 100644 frontend/src/components/vulnerability/threat/VulnerabilityThreat.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/CardAccess.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/CardImpact.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/CardMetrics.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/CardScore.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/VulnDetails.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardBodyVulnerability.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardHeaderVulnerability.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardVulnerability.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CvssListItem.vue
 create mode 100644 frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogSendEmail.vue
 rename frontend/src/components/{pages/VulnAddEdit.vue => vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue} (100%)

diff --git a/backend_app/vpratings/apis.py b/backend_app/vpratings/apis.py
index b48a03ec..e67023ec 100644
--- a/backend_app/vpratings/apis.py
+++ b/backend_app/vpratings/apis.py
@@ -9,7 +9,8 @@
 from .models import VPRating, VPR_METRICS
 from .serializers import VPRatingSerializer
 from .utils import _refresh_vprating, _calc_vprating
-
+from datetime import datetime, date
+from itertools import chain
 
 class VPRatingSet(viewsets.ModelViewSet):
     """API endpoint that allows ratings to be viewed or edited."""
@@ -24,6 +25,85 @@ def get_vprating_metrics(self):
     return JsonResponse(VPR_METRICS)
 
 
+@api_view(['GET'])
+@permission_classes([IsAuthenticated])
+def get_vuln_vector(self, vuln_id): 
+    
+    vuln = get_object_or_404(Vuln, id=vuln_id)
+    try:
+        org_id = self.session.get('org_id', None)
+        org = organization.get_current_organization(user=self.user, org_id=org_id)
+    except Exception:
+        return JsonResponse("error: unable to get the organization", safe=False, status=500)
+    
+    vector = ""
+    today_date = date.today()
+
+    # Vulnerability 
+    vector = vector + vuln.cvss_vector
+    
+    if vuln.is_confirmed is True:
+        vector += "/CL:Y"
+        
+    if type(vuln.published) is datetime: 
+        published_date = vuln.published.date()
+        delta = today_date - published_date
+        vector += "/VX:" + str(delta.days)
+            
+    ea_metrics = ['unknown', 'private', 'public']
+    em_metrics = ['unknown', 'unproven', 'poc', 'functional']
+    et_metrics = ['unknown', 'low', 'medium', 'high', 'trusted']
+    ea_idx = ea_max_idx = 0
+    em_idx = em_max_idx = 0
+    et_idx = et_max_idx = 0
+    ex_max_days = 0
+    
+    exploits = list(
+        chain(
+            vuln.exploitmetadata_set.all(),
+            vuln.orgexploitmetadata_set.filter(organization=org)
+        )
+    )
+
+    for exploit in exploits:
+        e = model_to_dict(exploit)
+        
+        ea_idx = ea_metrics.index(e['availability'])
+        if ea_idx > ea_max_idx:
+            ea_max_idx = ea_idx
+        
+        em_idx = em_metrics.index(e['maturity'])
+        if em_idx > em_max_idx:
+            em_max_idx = em_idx
+        
+        et_idx = et_metrics.index(e['trust_level'])
+        if et_idx > et_max_idx:
+            et_max_idx = et_idx
+        
+        if type(e['published']) is datetime:
+            published_date = e['published'].date()
+            delta_published_date = today_date - published_date
+            if delta_published_date.days > ex_max_days: 
+                ex_max_days = delta_published_date.days
+
+    ea_vectors = ['X', 'R', 'U']
+    em_vectors = ['X', 'U', 'P', 'F']
+    et_vectors = ['X', 'L', 'M', 'H', 'H']
+    
+    vector += "/EA:" + str(ea_vectors[ea_max_idx])
+    vector += "/EM:" + str(em_vectors[em_max_idx])
+    vector += "/ET:" + str(et_vectors[et_max_idx])
+    vector += "/EX:" + str(ex_max_days)
+    
+    if vuln.is_in_the_news: 
+        vector += "/N:Y"
+        
+    if vuln.is_in_the_wild: 
+        vector += "/W:Y"
+    
+    return JsonResponse(vector, safe=False)
+
+
 @api_view(['GET'])
 @permission_classes([IsAuthenticated])
 def get_vprating_by_cveid(self, cve_id):
diff --git a/backend_app/vpratings/urls.py b/backend_app/vpratings/urls.py
index e310facf..090f4fa3 100644
--- a/backend_app/vpratings/urls.py
+++ b/backend_app/vpratings/urls.py
@@ -8,4 +8,5 @@
     # path('calc/<int:vuln_id>', apis.refresh_vprating_by_id, name='refresh_vprating_by_id'),
     path('metrics', apis.get_vprating_metrics, name='get_vprating_metrics'),
     path('calc/<int:vuln_id>', apis.calc_vprating_by_vulnid, name='refresh_vprating_by_id'),
+    path('vector/<vuln_id>', apis.get_vuln_vector, name="get_vuln_vector"),
 ]
diff --git a/backend_app/vulns/apis.py b/backend_app/vulns/apis.py
index 2e4c1c1e..6e4fabea 100644
--- a/backend_app/vulns/apis.py
+++ b/backend_app/vulns/apis.py
@@ -470,6 +470,40 @@ def export_vuln_sendmail(self, vuln_id):
         "reason": "No valid email provided"}, safe=False)
 
 
+@api_view(['GET'])
+@permission_classes([IsAuthenticated])
+def get_number_exploits_threats(self, vuln_id):
+    vuln = get_object_or_404(Vuln, id=vuln_id)
+    try:
+        org_id = self.session.get('org_id', None)
+        org = organization.get_current_organization(user=self.user, org_id=org_id)
+    except Exception:
+        return JsonResponse({
+            "status": "error",
+            "reason": "Unable to get the organization"}, safe=False, status=500) 
+
+    # Get exploits
+    len_exploits = len(vuln.exploitmetadata_set.all())
+    # Get org exploits
+    len_org_exploits = len(vuln.orgexploitmetadata_set.filter(organization=org))
+    # Count exploits
+    exploit_count = len_exploits + len_org_exploits
+    
+    # Get public threats
+    len_threats = len(vuln.threatmetadata_set.all())
+    # Get org threats
+    len_org_threats = len(vuln.orgthreatmetadata_set.filter(organization=org))
+    # Count threats 
+    threat_count = len_org_threats + len_threats
+    
+    res = {
+        "count_threat": threat_count,
+        "count_exploit": exploit_count
+    }
+        
+    return JsonResponse(res, safe=False)
+
+
 @api_view(['GET'])
 @permission_classes([IsAuthenticated])
 def get_exploits(self, vuln_id):
@@ -599,6 +633,7 @@ def get_threats(self, vuln_id):
         t = model_to_dict(threat)
         t['scope'] = 'private'
         res.append(t)
+
     return JsonResponse(res, safe=False)
 
 
diff --git a/backend_app/vulns/urls.py b/backend_app/vulns/urls.py
index 396c89cf..c3aff414 100644
--- a/backend_app/vulns/urls.py
+++ b/backend_app/vulns/urls.py
@@ -6,6 +6,7 @@
     path('<vuln_id>/refresh_score', apis.refresh_vuln_score, name='refresh_vuln_score'),
     path('<vuln_id>/history', apis.get_vuln_history, name='get_vuln_history'),
     path('<vuln_id>/cpes', apis.get_vuln_cpes, name='get_vuln_cpes'),
+    path('<vuln_id>/counter', apis.get_number_exploits_threats, name='get_number_exploits_threats'),
     path('<vuln_id>/exploits', apis.get_exploits, name='get_exploits'),
     path('<vuln_id>/exploits/add', apis.add_exploit, name='add_exploit'),
     path('<vuln_id>/exploits/edit', apis.edit_exploit, name='edit_exploit'),
diff --git a/frontend/src/common/colors.js b/frontend/src/common/colors.js
index 8d53ab0b..bc64431b 100644
--- a/frontend/src/common/colors.js
+++ b/frontend/src/common/colors.js
@@ -28,6 +28,13 @@ export default {
       } else {
         return 'grey';
       }
+    },
+    getNumberColor(number) {
+      if ( number > 0 ){
+        return "deep-orange";
+      } else {
+        return "grey"
+      }
     }
   },
   mounted() {
diff --git a/frontend/src/components/pages/Homepage.vue b/frontend/src/components/pages/Homepage.vue
index 26c96dab..c2d4de2d 100644
--- a/frontend/src/components/pages/Homepage.vue
+++ b/frontend/src/components/pages/Homepage.vue
@@ -303,7 +303,7 @@ export default {
 
     },
     viewVuln(item) {
-      this.$router.push({ 'name': 'VulnDetails', 'params': { 'vuln_id': item.id } });
+      this.$router.push({ 'name': 'Vuln', 'params': { 'vuln_id': item.id } });
     },
     viewVulns() {
       this.$router.push({ 'name': 'Vulns' });
diff --git a/frontend/src/components/pages/Ratings.vue b/frontend/src/components/pages/Ratings.vue
index 3906af91..c11e67c1 100644
--- a/frontend/src/components/pages/Ratings.vue
+++ b/frontend/src/components/pages/Ratings.vue
@@ -352,6 +352,7 @@
 import Colors from "../../common/colors";
 import Scores from "../../common/scores";
 import moment from 'moment';
+
 export default {
   name: "Ratings",
   mixins: [Colors, Scores],
diff --git a/frontend/src/components/pages/Search.vue b/frontend/src/components/pages/Search.vue
index 7531c9c3..21b94e11 100644
--- a/frontend/src/components/pages/Search.vue
+++ b/frontend/src/components/pages/Search.vue
@@ -465,7 +465,7 @@ export default {
       });
     },
     viewVuln(vuln_id) {
-      this.$router.push({ 'name': 'VulnDetails', 'params': { 'vuln_id': vuln_id } });
+      this.$router.push({ 'name': 'Vuln', 'params': { 'vuln_id': vuln_id } });
     },
     downloadVuln(vuln_id, format='json') {
       this.$api.get('/api/vulns/'+vuln_id+'/export/'+format, {responseType: 'arraybuffer'}).then(res => {
diff --git a/frontend/src/components/pages/Vuln.vue b/frontend/src/components/pages/Vuln.vue
new file mode 100644
index 00000000..2c673971
--- /dev/null
+++ b/frontend/src/components/pages/Vuln.vue
@@ -0,0 +1,151 @@
+<template>
+    <div>
+        <v-tabs
+            left
+            background-color="white"
+            color="deep-orange accent-4"
+        >
+
+            <!-- Summary -->
+            <v-tab>Summary</v-tab>
+            <v-tab>
+                <v-badge
+                    :color = getNumberColor(this.counter.count_exploit)
+                    :content='this.count_exploit'
+                >
+                    Exploits
+                </v-badge>
+            </v-tab>
+            <v-tab>
+                <v-badge
+                    :color = getNumberColor(this.counter.count_threat)
+                    :content='this.count_threat'
+                >
+                    Threat activities
+                </v-badge>
+            </v-tab>
+            
+
+            <!-- Information Vulnerability --> 
+        <v-tab-item>
+                <VulnDetails
+                    :vuln_id = this.vuln_id
+                    @OpenSnackBar = this.modifySnackBar
+                />
+            </v-tab-item>
+
+            <!-- Exploits --> 
+            <v-tab-item>
+                <VulnerabilityExploit 
+                    :vuln_id = this.vuln_id
+                    @OpenSnackBar = this.modifySnackBar
+                    @UpdateCounter = this.getCountThreatsExploits
+                />
+            </v-tab-item>
+
+            <!-- Threat --> 
+            <v-tab-item>
+                <VulnerabilityThreat 
+                    :vuln_id = this.vuln_id
+                    @OpenSnackBar = this.modifySnackBar
+                    @UpdateCounter = this.getCountThreatsExploits
+                />
+            </v-tab-item>
+
+            
+        </v-tabs>
+        <SnackBar 
+            :snack = snack
+        />
+    </div>
+</template>
+
+<script>
+import VulnDetails from "@/components/vulnerability/vulnerabilityDetails/VulnDetails.vue";
+import VulnerabilityExploit from "@/components/vulnerability/exploit/VulnerabilityExploit.vue";
+import VulnerabilityThreat from "@/components/vulnerability/threat/VulnerabilityThreat.vue";
+import Colors from "@/common/colors";
+import SnackBar from "@/components/vulnerability/snackBar/SnackBar.vue"
+
+export default {
+    mixins: [
+        Colors,
+    ],
+    components: {
+        VulnDetails,
+        VulnerabilityExploit,
+        VulnerabilityThreat,
+        SnackBar
+    },
+    data: () => ({
+        vuln_id: "",
+        snack: {
+            open: false,
+            color: '',
+            text: '',
+        },
+        counter: {
+            count_exploit: 0,
+            count_threat: 0,
+        }
+    }),
+    beforeRouteUpdate(to) {
+        this.vuln_id = to.params.vuln_id;
+    },
+    mounted() {
+        this.vuln_id = this.$router.currentRoute.params.vuln_id;
+        this.getDataFromApi(this.vuln_id)
+    },
+    computed: {
+        count_exploit(){
+            return this.counter.count_exploit === 0 ? "0" : this.counter.count_exploit
+        },
+        count_threat(){
+            return this.counter.count_threat === 0 ? "0" : this.counter.count_threat
+        }
+    },
+    methods: {
+        modifySnackBar(value) {
+            this.snack = value
+        },
+        getDataFromApi(vuln_id) {
+            return new Promise((resolve, reject) => {
+                let counter = this.getCountThreatsExploits(vuln_id);
+
+                setTimeout(() => {
+                    this.loading = false;
+                    resolve({ counter });
+                }, 300);
+            });
+        },
+        getCountThreatsExploits(vuln_id) {
+            this.loading = true;
+            this.$api.get('/api/vulns/'+vuln_id+'/counter').then(res => {
+                if (res && res.status === 200) {
+                    this.counter = res.data;
+                }
+                return this.counter;
+            }).catch(e => {
+                this.counter = {
+                    count_exploit: 0,
+                    count_threat: 0,
+                };
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to get counter',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        }
+    }
+    
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/pages/VulnDetails.vue b/frontend/src/components/pages/VulnDetails.vue
deleted file mode 100644
index 5a7803d2..00000000
--- a/frontend/src/components/pages/VulnDetails.vue
+++ /dev/null
@@ -1,1313 +0,0 @@
-<template>
-  <v-tabs
-    left
-    background-color="white"
-    color="deep-orange accent-4"
-  >
-    <v-tab>Summary</v-tab>
-    <v-tab>
-      <v-badge color="deep-orange" v-if="this.exploits.length > 0" :content="this.exploits.length">Exploits</v-badge>
-      <v-badge color="grey" v-if="this.exploits.length == 0" :content="'0'">Exploits</v-badge>
-    </v-tab>
-    <v-tab>
-      <v-badge color="deep-orange"  v-if="this.threats.length > 0" :content="this.threats.length">Threat activities</v-badge>
-      <v-badge color="grey"  v-if="this.threats.length == 0" :content="'0'">Threat activities</v-badge>
-    </v-tab>
-    <!-- <v-tab>Timeline</v-tab> -->
-
-    <!-- Summary -->
-    <v-tab-item>
-      <v-container fluid grid-list-md>
-        <v-layout row wrap>
-
-          <v-flex md9>
-            <v-flex>
-              <!-- Summary -->
-              <v-card color="grey lighten-5">
-                <v-card-title primary class="title">
-                  <v-container class="grey lighten-5">
-                    <v-row no-gutters >
-                      <v-col class="pa-2" md="auto">
-                          Vuln ID: PH-{{ $route.params.vuln_id }}
-                      </v-col>
-                      <v-col class="pa-2" md="auto">
-                        <v-icon
-                          color="deep-orange"
-                          v-if="this.showManageMetadataButtons()"
-                          title="Edit vulnerability"
-                          @click="dialog_editvuln=true">mdi-pencil</v-icon>
-                        <v-icon
-                          color="deep-orange"
-                          title="Download as JSON file"
-                          @click="downloadVuln($route.params.vuln_id, 'json')">mdi-download</v-icon>
-                        <v-icon
-                          color="deep-orange"
-                          title="Send vulnerability as email"
-                          @click="dialog_sendmail=true">mdi-email-send-outline</v-icon>
-                      </v-col>
-                      <v-col class="pa-2">
-                        <v-chip
-                          small label outlined color="deep-orange"
-                          @click="toggleMonitored"
-                          v-if="this.vuln.monitored">Monitored</v-chip>
-                        <v-chip
-                          small label outlined color="grey"
-                          @click="toggleMonitored"
-                          v-if="!this.vuln.monitored">Not monitored</v-chip>
-                      </v-col>
-                    </v-row>
-                  </v-container>
-                </v-card-title>
-                <v-card-text>
-                  <v-list subheader color="grey lighten-5">
-                    <v-list-item>
-                      <v-list-item-content>
-                        <v-list-item-subtitle>
-                          CVE
-                          <v-chip
-                            class="mx-2"
-                            label link x-small
-                            :href="'https://nvd.nist.gov/vuln/detail/'+this.vuln.cveid" target="_blank">NVD</v-chip>
-                          <v-chip
-                            label link x-small
-                            :href="'https://cve.mitre.org/cgi-bin/cvename.cgi?name='+this.vuln.cveid" target="_blank">MITRE</v-chip>
-                        </v-list-item-subtitle>
-                        {{this.vuln.cveid}}
-                      </v-list-item-content>
-
-                    </v-list-item>
-
-                    <v-list-item>
-                      <v-list-item-content class="d-inline" >
-                        <v-list-item-subtitle>CVSSv2</v-list-item-subtitle>
-                        <v-chip small label :color="getCVSSColor(this.vuln.cvss)">
-                          {{this.vuln.cvss}}
-                        </v-chip>
-                        -
-                        {{this.vuln.cvss_vector}}
-                        <!-- ({{moment(this.vuln.cvss_time).format('YYYY-MM-DD')}}) -->
-                      </v-list-item-content>
-                    </v-list-item>
-                    <v-list-item>
-                      <v-list-item-content class="d-inline" >
-                        <v-list-item-subtitle>CVSSv3</v-list-item-subtitle>
-                        <v-chip small label :color="getCVSSColor(this.vuln.cvss3)">
-                          {{this.vuln.cvss3}}
-                        </v-chip>
-                        -
-                        {{this.vuln.cvss3_vector}}
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item>
-                      <v-list-item-content>
-                        <v-list-item-subtitle>Summary</v-list-item-subtitle>
-                        {{this.vuln.summary}}
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item
-                      v-if="this.vuln.cwe_id != ''"
-                      :href="'https://cwe.mitre.org/data/definitions/'+this.vuln.cwe_id.replace('CWE-', '')+'.html'"
-                      target="_blank"
-                      >
-                      <v-list-item-content>
-                        <v-list-item-subtitle>CWE</v-list-item-subtitle>
-                        {{this.vuln.cwe_id}} - {{this.vuln.cwe_name}}
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item
-                      v-if="this.vuln.cwe_refs != '' && 'MITRE-ATTACK' in this.vuln.cwe_refs"
-                      >
-                      <v-list-item-content>
-                        <v-list-item-subtitle>Mitre ATT&CK techniques</v-list-item-subtitle>
-                        <ul id="v-for-cwe_refs">
-                          <li v-for="ref in this.vuln.cwe_refs['MITRE-ATTACK']" link>
-                            <a v-bind:href="ref['url']" target="_blank"> {{ ref['external_id'] }} - {{ ref['description']}}</a>
-                          </li>
-                        </ul>
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item
-                      v-if="typeof this.vuln.reflinks !== 'undefined'? this.vuln.reflinks.length > 0: true"
-                      >
-                      <v-list-item-content>
-                        <v-list-item-subtitle>Links</v-list-item-subtitle>
-                        <ul id="v-for-reflinks">
-                          <li v-for="link in this.vuln.reflinks" :key='link' link>
-                            <a v-bind:href="link" target="_blank"> {{ link }} </a>
-                          </li>
-                        </ul>
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item>
-                      <v-list-item-content>
-                        <v-list-item-subtitle>Vulnerable product(s) - {{this.vuln.vulnerable_products.length}} CPE</v-list-item-subtitle>
-                        <ul id="v-for-cpe">
-                          <li v-for="value in this.vuln.vulnerable_products">
-                            {{ value }}
-                          </li>
-                        </ul>
-                      </v-list-item-content>
-                    </v-list-item>
-
-                    <v-list-item>
-                      <v-list-item-content>
-                        <v-list-item-subtitle>Vulnerable package(s)</v-list-item-subtitle>
-                        <ul id="v-for-package">
-                          <template v-for="(value, key) in this.vuln.vulnerable_packages_versions">
-                            <template v-for="(subvalue, subkey) in value">
-                              <li v-for="(subsubvalue, subsubkey) in subvalue">
-                                <v-chip
-                                  class="package-chip"
-                                  label small
-                                >{{ key }}:{{ subkey }} </v-chip> affected: {{ subsubvalue.affected_versions}}, patched: {{ subsubvalue.patched_versions}}
-
-                              </li>
-                            </template>
-                          </template>
-                        </ul>
-                      </v-list-item-content>
-                    </v-list-item>
-
-                  </v-list>
-                </v-card-text>
-              </v-card>
-            </v-flex>
-          </v-flex>
-
-          <!-- Side cards -->
-          <v-flex md3>
-            <v-flex>
-              <v-card
-                :color="getRatingColor(vprating)"
-                v-if="this.ratings.score >= 0"
-                @click="viewRating()"
-                >
-                <v-card-title class="title">Rating Scores</v-card-title>
-                <v-card-text>
-                  <v-row align="bottom" justify="center">
-                      <span class="display-3 font-weight-bold" >{{vprating}}</span>/100
-                    <!-- <v-col cols="6">
-                      CVSSv2 Base: <span class="font-weight-bold">{{cvssv2adj[0]}}</span><br/>
-                      CVSSv2 Temporal: <span class="font-weight-bold">{{cvssv2adj[1]}}</span>
-                    </v-col> -->
-                  </v-row>
-                </v-card-text>
-              </v-card>
-            </v-flex>
-            <v-flex>
-              <v-card color="grey lighten-5">
-                <v-card-title primary class="title">Metrics</v-card-title>
-                <v-card-text>
-                  <v-switch
-                    v-model="is_exploitable"
-                    @click="toggleMetric()"
-                    color="deep-orange"
-                    readonly
-                    hide-details
-                    label="Exploitable"
-                    style="margin-top: 0px;"></v-switch>
-                  <v-switch v-model="is_confirmed" color="deep-orange" readonly hide-details label="Confirmed" style="margin-top: 0px;"></v-switch>
-                  <v-switch v-model="is_in_the_news" color="deep-orange" readonly hide-details label="Relayed in the News" style="margin-top: 0px;"></v-switch>
-                  <v-switch v-model="is_in_the_wild" color="deep-orange" readonly hide-details label="Exploited in the Wild" style="margin-top: 0px;"></v-switch>
-                </v-card-text>
-              </v-card>
-            </v-flex>
-
-            <v-flex>
-              <v-card color="grey lighten-5" height="100%">
-                <v-card-title primary class="title">Access</v-card-title>
-                <v-card-text>
-                  Authentication: <span class="font-weight-bold">{{this.vuln.access.authentication}}</span><br/>
-                  Complexity: <span class="font-weight-bold">{{this.vuln.access.complexity}}</span><br/>
-                  Vector: <span class="font-weight-bold">{{this.vuln.access.vector}}</span>
-                </v-card-text>
-              </v-card>
-            </v-flex>
-
-            <v-flex>
-              <v-card color="grey lighten-5" height="100%">
-                <v-card-title primary class="title">Impact</v-card-title>
-                <v-card-text>
-                  Confidentiality: <span class="font-weight-bold">{{this.vuln.impact.confidentiality}}</span><br/>
-                  Integrity: <span class="font-weight-bold">{{this.vuln.impact.integrity}}</span><br/>
-                  Availability: <span class="font-weight-bold">{{this.vuln.impact.availability}}</span>
-                </v-card-text>
-              </v-card>
-            </v-flex>
-
-            <!-- <v-flex>
-              <v-row no-gutters>
-                <v-col cols="12" sm="6">
-                  <v-card color="grey lighten-5" height="100%">
-                    <v-card-title primary class="title">Impact</v-card-title>
-                    <v-card-text>
-                      Confidentiality: <span class="font-weight-bold">{{this.vuln.impact.confidentiality}}</span><br/>
-                      Integrity: <span class="font-weight-bold">{{this.vuln.impact.integrity}}</span><br/>
-                      Availability: <span class="font-weight-bold">{{this.vuln.impact.availability}}</span>
-                    </v-card-text>
-                  </v-card>
-                </v-col>
-                <v-col cols="12" sm="6">
-                  <v-card color="grey lighten-5" height="100%">
-                    <v-card-title primary class="title">Access</v-card-title>
-                    <v-card-text>
-                      Authentication: <span class="font-weight-bold">{{this.vuln.access.authentication}}</span><br/>
-                      Complexity: <span class="font-weight-bold">{{this.vuln.access.complexity}}</span><br/>
-                      Vector: <span class="font-weight-bold">{{this.vuln.access.vector}}</span>
-                    </v-card-text>
-                  </v-card>
-                </v-col>
-              </v-row>
-            </v-flex> -->
-
-          </v-flex>
-        </v-layout>
-        <v-snackbar v-model="snack" :timeout="3000" :color="snackColor" dense>
-          {{ snackText }}
-          <v-btn text @click="snack = false">Close</v-btn>
-        </v-snackbar>
-      </v-container>
-
-      <v-dialog v-model="dialog_editvuln" max-width="600px" v-if="this.showManageMetadataButtons()">
-        <vuln-add-edit :vuln="this.vuln" action="edit"></vuln-add-edit>
-      </v-dialog>
-
-      <v-dialog v-model="dialog_sendmail" max-width="600px">
-        <v-card>
-          <v-card-title>
-            <span class="headline">Send vulnerability by email</span>
-          </v-card-title>
-          <v-card-text>
-            <v-form ref="form-vuln-sendmail">
-              <v-row>
-                <v-textarea
-                  v-model="notification_data.emails"
-                  rows="3"
-                  label="Emails"
-                  hint="Email addresses separated with comma or 1 per line. 10 emails max"
-                  prepend-icon="mdi-email"
-                  ></v-textarea>
-              </v-row>
-              <v-btn color="success" @click="sendEmailVuln($route.params.vuln_id)">Send</v-btn>
-              <v-btn color="warning" type="reset">Reset</v-btn>
-            </v-form>
-          </v-card-text>
-        </v-card>
-      </v-dialog>
-    </v-tab-item>
-
-    <!-- Exploits -->
-    <v-tab-item>
-      <v-card color="grey lighten-5">
-        <v-data-table
-          :headers="exploit_headers"
-          :items="exploits"
-          class="elevation-4"
-          item-key="link"
-          multi-sort
-          show-expand
-          :expanded.sync="expanded"
-        >
-          <!-- Scope -->
-          <template v-slot:item.scope="{ item }">
-            <v-icon
-              v-if='item.scope=="public"'
-              color="green"
-              >mdi-lock-open-variant</v-icon>
-            <v-icon
-              v-else
-              color="orange darken-2"
-              >mdi-lock</v-icon>
-          </template>
-
-          <!-- Link -->
-          <template v-slot:item.link="{ item }">
-            <a :href="item.link" target="_blank">{{ item.link }}</a>
-          </template>
-
-          <!-- Relevancy level -->
-          <template v-slot:item.relevancy_level="{ item }">
-            <v-icon x-small class="mdi mdi-clock-time-six" color="yellow" v-for="n in 1" :key='n' v-if="item.relevancy_level == 1"></v-icon>
-            <v-icon x-small class="mdi mdi-clock-time-six-outline" color="grey" v-for="n in 4" :key='n' v-if="item.relevancy_level == 1"></v-icon>
-
-            <v-icon x-small class="mdi mdi-clock-time-six" color="orange" v-for="n in 2" :key='n' v-if="item.relevancy_level == 2"></v-icon>
-            <v-icon x-small class="mdi mdi-clock-time-six-outline" color="grey" v-for="n in 3" :key='n' v-if="item.relevancy_level == 2"></v-icon>
-
-            <v-icon x-small class="mdi mdi-clock-time-six" color="orange darken-4" v-for="n in 3" :key='n' v-if="item.relevancy_level == 3"></v-icon>
-            <v-icon x-small class="mdi mdi-clock-time-six-outline" color="grey" v-for="n in 2" :key='n' v-if="item.relevancy_level == 3"></v-icon>
-
-            <v-icon x-small class="mdi mdi-clock-time-six" color="red" v-for="n in 4" :key='n' v-if="item.relevancy_level == 4"></v-icon>
-            <v-icon x-small class="mdi mdi-clock-time-six-outline" color="grey" v-for="n in 1" :key='n' v-if="item.relevancy_level == 4"></v-icon>
-
-            <v-icon x-small class="mdi mdi-clock-time-six" color="red darken-4" v-for="n in 5" :key='n' v-if="item.relevancy_level == 5"></v-icon>
-          </template>
-
-          <!-- Trust level -->
-          <template v-slot:item.trust_level="{ item }">
-            {{ item.trust_level | capitalize }}
-          </template>
-
-          <!-- TLP -->
-          <template v-slot:item.tlp_level="{ item }">
-            <v-chip class="ma-2" label outlined small :color="getTLPColor(item.tlp_level)">
-              {{ item.tlp_level | capitalize }}
-            </v-chip>
-          </template>
-
-          <!-- Updated at -->
-          <template v-slot:item.modified="{ item }">
-            <span>{{ moment(item.modified).format('YYYY-MM-DD') }}</span>
-          </template>
-
-          <!-- Actions -->
-          <template v-slot:item.action="{ item }">
-            <v-icon small class="mdi mdi-pencil" color="orange" @click="loadExploit(item)" v-if='item.scope!="public"'></v-icon>
-            <v-icon small class="mdi mdi-delete" color="red" @click="deleteExploit(item)" v-if='item.scope!="public"'></v-icon>
-          </template>
-
-          <!-- Expand -->
-          <template v-slot:expanded-item="{ headers, item }">
-            <td :colspan="headers.length">{{ item.notes }}</td>
-          </template>
-        </v-data-table>
-
-        <v-dialog v-model="dialog_exploit" max-width="500px" v-if="this.showManageMetadataButtons()">
-          <template v-slot:activator="{ on }">
-            <v-btn absolute dark fab bottom left color="deep-orange" v-on="on">
-              <v-icon>mdi-plus</v-icon>
-            </v-btn>
-          </template>
-          <v-card>
-            <v-card-title>
-              <span class="headline">{{ formExploitTitle }}</span>
-            </v-card-title>
-            <v-card-text>
-              <v-form ref="form">
-                <v-container>
-                  <v-row>
-                    <v-col>
-                      <v-text-field
-                        v-model="editedItem.link"
-                        label="link"></v-text-field>
-                    </v-col>
-                  </v-row>
-                  <v-row>
-                    <v-col
-                      cols="12"
-                      md="6"
-                    >
-                      <v-select
-                        v-model="editedItem.trust_level"
-                        label="Trust Level"
-                        :items="editedItem.trust_level_items"></v-select>
-                    </v-col>
-                    <v-col
-                      cols="12"
-                      md="6"
-                    >
-                      <v-select
-                        v-model="editedItem.tlp_level"
-                        label="TLP Level"
-                        :items="editedItem.tlp_level_items"></v-select>
-                    </v-col>
-                  </v-row>
-                    <v-row>
-                      <v-col
-                        cols="12"
-                        md="6"
-                      >
-                        <v-select
-                          v-model="editedItem.availability"
-                          label="Availability"
-                          :items="editedItem.availability_items"></v-select>
-                      </v-col>
-                      <v-col
-                        cols="12"
-                        md="6"
-                      >
-                        <v-select
-                          v-model="editedItem.maturity"
-                          label="Maturity"
-                          :items="editedItem.maturity_items"></v-select>
-                    </v-col>
-                  </v-row>
-                  <v-row>
-                    <v-col>
-                      <v-text-field v-model="editedItem.source" label="Source"></v-text-field>
-                      <v-textarea
-                        v-model="editedItem.notes"
-                        label="Notes"
-                        hint="Insert notes about this entry"
-                        rows="3"
-                        ></v-textarea>
-                    </v-col>
-                  </v-row>
-                  <v-text-field v-model="editedItem.type" hidden></v-text-field>
-
-                  <v-btn color="success" @click="saveExploit">Save</v-btn>
-                  <v-btn color="warning" @click="resetForm">Reset</v-btn>
-                </v-container>
-              </v-form>
-            </v-card-text>
-
-            <v-card-actions>
-              <v-spacer></v-spacer>
-              <!-- <v-btn color="blue darken-1" text @click="close">Cancel</v-btn> -->
-              <!-- <v-btn color="blue darken-1" text @click="save">Save</v-btn> -->
-            </v-card-actions>
-          </v-card>
-        </v-dialog>
-
-      </v-card>
-      <v-snackbar v-model="snack" :timeout="3000" :color="snackColor">
-        {{ snackText }}
-        <v-btn text @click="snack = false">Close</v-btn>
-      </v-snackbar>
-    </v-tab-item>
-
-    <!-- Activities -->
-    <v-tab-item>
-      <v-card>
-        <v-data-table
-          :headers="threat_headers"
-          :items="threats"
-          class="elevation-4"
-          item-key="id"
-          multi-sort
-          show-expand
-          :expanded.sync="expanded"
-        >
-          <!-- Scope -->
-          <template v-slot:item.scope="{ item }">
-            <v-icon
-              v-if='item.scope=="public"'
-              color="green"
-              >mdi-lock-open-variant</v-icon>
-            <v-icon
-              v-else
-              color="orange darken-2"
-              >mdi-lock</v-icon>
-          </template>
-
-          <!-- Link -->
-          <template v-slot:item.link="{ item }">
-            <a :href="item.link" target="_blank">{{ item.link }}</a>
-          </template>
-
-          <!-- Trust level -->
-          <template v-slot:item.trust_level="{ item }">
-            {{ item.trust_level | capitalize }}
-          </template>
-
-          <!-- TLP -->
-          <template v-slot:item.tlp_level="{ item }">
-            <v-chip class="ma-2" label outlined small :color="getTLPColor(item.tlp_level)">
-              {{ item.tlp_level | capitalize }}
-            </v-chip>
-          </template>
-
-          <!-- Updated at -->
-          <template v-slot:item.modified="{ item }">
-            <span>{{ moment(item.modified).format('YYYY-MM-DD') }}</span>
-          </template>
-
-          <!-- Actions -->
-          <template v-slot:item.action="{ item }">
-            <v-icon small class="mdi mdi-pencil" color="orange" @click="loadThreat(item)" v-if='item.scope!="public"'></v-icon>
-            <v-icon small class="mdi mdi-delete" color="red" @click="deleteThreat(item)" v-if='item.scope!="public"'></v-icon>
-          </template>
-
-          <!-- Expand -->
-          <template v-slot:expanded-item="{ headers, item }">
-            <td :colspan="headers.length">{{ item.notes }}</td>
-          </template>
-
-        </v-data-table>
-
-        <v-dialog v-model="dialog_threat" max-width="500px" v-if="this.showManageMetadataButtons()">
-          <template v-slot:activator="{ on }">
-            <v-btn absolute dark fab bottom left color="deep-orange" v-on="on">
-              <v-icon>mdi-plus</v-icon>
-            </v-btn>
-          </template>
-          <v-card>
-            <v-card-title>
-              <span class="headline">{{ formThreatTitle }}</span>
-            </v-card-title>
-            <v-card-text>
-              <v-form ref="form-new-threat">
-                <v-container>
-                  <v-row>
-                    <v-col>
-                      <v-text-field
-                        v-model="editedItem.link"
-                        label="link"></v-text-field>
-                    </v-col>
-                  </v-row>
-                  <v-row>
-                    <v-col
-                      cols="12"
-                      md="6"
-                    >
-                      <v-select
-                        v-model="editedItem.trust_level"
-                        label="Trust Level"
-                        :items="editedItem.trust_level_items"></v-select>
-                    </v-col>
-                    <v-col
-                      cols="12"
-                      md="6"
-                    >
-                      <v-select
-                        v-model="editedItem.tlp_level"
-                        label="TLP Level"
-                        :items="editedItem.tlp_level_items"></v-select>
-                  </v-col>
-                </v-row>
-                <v-row>
-                  <v-col
-                    cols="12"
-                    md="6"
-                  >
-                    <v-select
-                      v-model="editedItem.is_in_the_news"
-                      label="In the News?"
-                      :items="editedItem.is_in_the_news_items"
-                      item-text="text"
-                      item-value="value"
-                      ></v-select>
-                  </v-col>
-                  <v-col
-                    cols="12"
-                    md="6"
-                  >
-                    <v-select
-                      v-model="editedItem.is_in_the_wild"
-                      label="In The Wild"
-                      :items="editedItem.is_in_the_wild_items"></v-select>
-                </v-col>
-                </v-row>
-                <!-- <v-row>
-                  <v-col
-                    cols="12"
-                    md="6"
-                  >
-                    <v-select
-                      v-model="editedItem.availability"
-                      label="Availability"
-                      :items="editedItem.availability_items"></v-select>
-                  </v-col>
-                  <v-col
-                    cols="12"
-                    md="6"
-                  >
-                    <v-select
-                      v-model="editedItem.maturity"
-                      label="Maturity"
-                      :items="editedItem.maturity_items"></v-select>
-                  </v-col>
-                </v-row> -->
-                <v-row>
-                  <v-col>
-                    <v-text-field v-model="editedItem.source" label="Source"></v-text-field>
-                    <v-textarea
-                      v-model="editedItem.notes"
-                      label="Notes"
-                      hint="Insert notes about this entry"
-                      rows="3"
-                      ></v-textarea>
-                  </v-col>
-                </v-row>
-                <v-btn color="success" @click="saveThreat">Save</v-btn>
-                <v-btn color="warning" type="reset">Reset</v-btn>
-
-                </v-container>
-              </v-form>
-            </v-card-text>
-
-            <v-card-actions>
-              <v-spacer></v-spacer>
-            </v-card-actions>
-          </v-card>
-        </v-dialog>
-
-      </v-card>
-      <v-snackbar v-model="snack" :timeout="3000" :color="snackColor">
-        {{ snackText }}
-        <v-btn text @click="snack = false">Close</v-btn>
-      </v-snackbar>
-    </v-tab-item>
-
-    <!-- Timeline -->
-    <!-- <v-tab-item>
-      <v-card v-if="this.history" color="grey lighten-5">
-        <v-timeline v-if="this.history.length > 0" clipped dense>
-          <v-timeline-item
-            v-for="change in this.history"
-            color="blue"
-            small
-            fill-dot
-          >
-            <v-card class="elevation-2">
-              <v-card-title class="headline">{{change.reason}} at '{{change.date}}'</v-card-title>
-              <v-card-text>
-                <span v-for="c in change.changes">{{c}}<br/></span>
-              </v-card-text>
-            </v-card>
-          </v-timeline-item>
-        </v-timeline>
-      </v-card>
-    </v-tab-item> -->
-  </v-tabs>
-
-</template>
-
-<script>
-import swal from 'sweetalert2';
-import moment from 'moment';
-import router from '../../router';
-import Users from "../../common/users";
-import Colors from "../../common/colors";
-import Download from "../../common/download";
-import VulnAddEdit from '@/components/pages/VulnAddEdit.vue';
-
-export default {
-  name: 'VulnDetails',
-  mixins: [Users, Colors, Download],
-  components: {
-    VulnAddEdit
-  },
-  data: () => ({
-    expanded: [],
-    vuln_id: "",
-    vuln: {
-      cwe_id: 'UNKWNOWN',
-      cwe_refs: {},
-      impact: {confidentiality: '', integrity: '', availability: ''},
-      access: {authentication: '', complexity: '', vector: ''},
-      reflinks: [],
-      vulnerable_products: [],
-    },
-    ratings: {
-      score: 0,
-      cvssv2adj: 0
-    },
-    history: [],
-    threats: [],
-    threat_headers: [
-      { text: 'Scope', value: 'scope' },
-      { text: 'Link', value: 'link' },
-      { text: 'Trust level', value: 'trust_level' },
-      { text: 'TLP', value: 'tlp_level', align: 'center' },
-      { text: 'Source', value: 'source', align: 'center' },
-      { text: 'In the Wild ?', value: 'is_in_the_wild', align: 'center' },
-      { text: 'In the News ?', value: 'is_in_the_news', align: 'center' },
-      { text: 'Last update', value: 'modified', align: 'center' },
-      { text: 'Actions', value: 'action', sortable: false },
-      // { text: '', value: 'data-table-expand' },
-    ],
-    exploits: [],
-    exploit_headers: [
-      { text: 'Scope', value: 'scope' },
-      { text: 'Link', value: 'link' },
-      { text: 'TLP', value: 'tlp_level', align: 'center' },
-      { text: 'Relevancy', value: 'relevancy_level' },
-      { text: 'Trust', value: 'trust_level' },
-      { text: 'Source', value: 'source', align: 'center' },
-      // { text: 'Availability', value: 'availability', align: 'center' },
-      // { text: 'Maturity', value: 'maturity', align: 'center' },
-      { text: 'Last update', value: 'modified', align: 'center' },
-      { text: 'Actions', value: 'action', sortable: false },
-      { text: '', value: 'data-table-expand' },
-    ],
-    editedIndex: -1,
-    defaultMetadata: {
-      id: '',
-      link: 'https://',
-      notes: '',
-      trust_level: 'high',
-      trust_level_items: ['unknown', 'low', 'medium', 'high'],
-      tlp_level: 'white',
-      tlp_level_items: ['white', 'green', 'amber', 'red', 'black'],
-      source: 'manual',
-      availability: 'public',
-      availability_items: ['unknown', 'private', 'public'],
-      maturity: 'unknown',
-      maturity_items: ['unknown', 'unproven', 'poc', 'functional'],
-      modified: '',
-      is_in_the_wild: 0,
-      is_in_the_wild_items: [
-        { text: 'Yes', value: 1},
-        { text: 'No', value: 0},
-      ],
-      is_in_the_news: 0,
-      is_in_the_news_items: [
-        { text: 'Yes', value: 1},
-        { text: 'No', value: 0},
-      ],
-      published: ''
-    },
-    editedItem: {},
-    dialog_exploit: false,
-    dialog_threat: false,
-    dialog_editvuln: false,
-    dialog_sendmail: false,
-    notification_data: {
-      'emails': ''
-    },
-    snack: false,
-    snackColor: '',
-    snackText: '',
-  }),
-  beforeRouteUpdate(to) {
-    this.vuln_id = to.params.vuln_id;
-  },
-  mounted() {
-    this.vuln_id = this.$router.currentRoute.params.vuln_id;
-    this.editedItem = this.defaultMetadata;
-    this.getDataFromApi(this.vuln_id);
-  },
-  computed: {
-    formExploitTitle() {
-      return this.editedIndex === -1 ? 'New Exploit' : 'Edit Exploit'
-    },
-    formThreatTitle() {
-      return this.editedIndex === -1 ? 'New threat activity' : 'Edit threat activity'
-    },
-    is_exploitable(){
-      return this.vuln.is_exploitable;
-    },
-    is_confirmed(){
-      return this.vuln.is_confirmed;
-    },
-    is_in_the_news(){
-      return this.vuln.is_in_the_news;
-    },
-    is_in_the_wild(){
-      return this.vuln.is_in_the_wild;
-    },
-    vprating(){
-      return this.ratings.score;
-      // return this.vuln.score;
-    },
-    cvssv2adj(){
-      return this.ratings.cvssv2adj;
-    },
-    vuln_vector(){
-      let vector = "";
-
-      // Vulnerability
-      vector += this.vuln.cvss_vector;
-      this.vuln.is_confirmed ? vector += "/CL:Y":null;
-      if (moment(this.vuln.published).isValid()) {
-        vector += "/VX:" + moment().diff(moment(this.vuln.published), 'days');
-      }
-
-      // Exploits/Threats
-      let ea_metrics = ['unknown', 'private', 'public'];
-      let ea_vectors = ['X', 'R', 'U'];
-      let em_metrics = ['unknown', 'unproven', 'poc', 'functional'];
-      let em_vectors = ['X', 'U', 'P', 'F'];
-      let et_metrics = ['unknown', 'low', 'medium', 'high', 'trusted'];
-      let et_vectors = ['X', 'L', 'M', 'H', 'H'];
-      let ea_idx, ea_max_idx = 0;
-      let em_idx, em_max_idx = 0;
-      let et_idx, et_max_idx = 0;
-      let ex_max_days = 0;
-      for (let i = 0; i < this.exploits.length; i++){
-        ea_idx = ea_metrics.indexOf(this.exploits[i].availability)
-        ea_idx > ea_max_idx ? ea_max_idx = ea_idx:null;
-        em_idx = em_metrics.indexOf(this.exploits[i].maturity)
-        em_idx > em_max_idx ? em_max_idx = em_idx:null;
-        et_idx = et_metrics.indexOf(this.exploits[i].trust_level)
-        et_idx > et_max_idx ? et_max_idx = et_idx:null;
-        if (moment(this.exploits[i].published).isValid()) {
-          if (moment().diff(moment(this.exploits[i].published), 'days') > ex_max_days) {
-            ex_max_days = moment().diff(moment(this.exploits[i].published), 'days');
-          }
-        }
-      }
-      vector += "/EA:" + ea_vectors[ea_max_idx];
-      vector += "/EM:" + em_vectors[em_max_idx];
-      vector += "/ET:" + et_vectors[et_max_idx];
-      vector += "/EX:" + ex_max_days;
-      this.is_in_the_news ? vector += "/N:Y":null;
-      this.is_in_the_wild ? vector += "/W:Y":null;
-
-      return vector;
-    }
-  },
-  methods: {
-    getDataFromApi(vuln_id) {
-      return new Promise((resolve, reject) => {
-        let vuln = this.getVulnDetails(vuln_id);
-        // let history = this.getHistory(vuln_id);
-        let history = [];
-        let ratings = this.getRatings(vuln_id);
-        let exploits = this.getExploits(vuln_id);
-        let threats = this.getThreats(vuln_id);
-
-        setTimeout(() => {
-          this.loading = false;
-          resolve({ vuln, history, ratings, exploits, threats });
-        }, 300);
-      });
-    },
-    getVulnDetails(vuln_id) {
-      this.loading = true;
-      this.$api.get('/api/vulns/'+vuln_id+'/').then(res => {
-        this.vuln = res.data;
-        return this.vuln;
-      }).catch(e => {
-        this.vuln = {};
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to get vuln details',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-      });
-      this.loading = false;
-    },
-    getRatings(vuln_id) {
-      this.loading = true;
-      this.$api.get('/api/ratings/calc/'+vuln_id).then(res => {
-        this.ratings = res.data;
-        return this.vuln;
-      }).catch(e => {
-        this.ratings = {};
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to get vuln ratings',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-      });
-      this.loading = false;
-    },
-    getExploits(vuln_id) {
-      this.loading = true;
-      this.$api.get('/api/vulns/'+vuln_id+'/exploits').then(res => {
-        if (res && res.status === 200) {
-          this.exploits = res.data;
-        }
-        return this.exploits;
-      }).catch(e => {
-        this.exploits = {};
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to get related exploits',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-      });
-      this.loading = false;
-    },
-    getThreats(vuln_id) {
-      this.loading = true;
-      this.$api.get('/api/vulns/'+vuln_id+'/threats').then(res => {
-        // this.threats = res.data;
-        if (res && res.status === 200) {
-          this.threats = res.data;
-        }
-        return this.threats;
-      }).catch(e => {
-        this.threats = {};
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to get related threats',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-      });
-      this.loading = false;
-    },
-    getHistory(vuln_id) {
-      this.loading = true;
-      this.$api.get('/api/vulns/'+vuln_id+'/history').then(res => {
-        this.history = res.data;
-        return this.history;
-      }).catch(e => {
-        this.history = {};
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to get vuln history',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-      });
-      this.loading = false;
-    },
-    downloadVuln(vuln_id, format='json') {
-      this.$api.get('/api/vulns/'+vuln_id+'/export/'+format, {responseType: 'arraybuffer'}).then(res => {
-        this.forceFileDownload(res, 'vuln_export_'+vuln_id+'.'+format);
-        this.snack = true;
-        this.snackColor = 'success';
-        this.snackText = 'Vulnerability details available.';
-      }).catch(e => {
-        this.snack = true;
-        this.snackColor = 'error';
-        this.snackText = 'Unable to download vulnerability details.';
-      });
-      this.loading = false;
-    },
-    sendEmailVuln(vuln_id) {
-      this.$api.post('/api/vulns/'+vuln_id+'/export/email', this.notification_data).then(res => {
-        this.snack = true;
-        this.snackColor = 'success';
-        this.snackText = 'Vulnerability details successfuly sent by mail.';
-      }).catch(e => {
-        this.snack = true;
-        this.snackColor = 'error';
-        this.snackText = 'Unable to send vulnerability details.';
-      });
-      this.dialog_sendmail = false;
-    },
-    saveExploit() {
-      // Save in backend
-      this.editedItem.modified = new Date();
-
-      if (this.editedIndex === -1) {
-        // New exploit
-        this.$api.post('/api/vulns/'+this.vuln_id+'/exploits/add', this.editedItem).then(res => {
-          if (res && res.status === 200) {
-            this.snack = true;
-            this.snackColor = 'success';
-            this.snackText = 'Exploit successfuly saved.';
-          } else {
-            this.snack = true;
-            this.snackColor = 'error';
-            this.snackText = 'Unable to save the exploit metadata.';
-          }
-
-        }).catch(e => {
-          this.loading = false;
-          swal.fire({
-            title: 'Error',
-            text: 'Unable to save related exploits',
-            showConfirmButton: false,
-            showCloseButton: false,
-            timer: 3000
-          });
-          this.dialog_exploit = false;
-          this.editedItem = this.defaultMetadata;
-          return;
-        });
-      } else {
-        // Edit exploit
-        this.$api.post('/api/vulns/'+this.vuln_id+'/exploits/edit', this.editedItem).then(res => {
-          if (res && res.status === 200) {
-            this.snack = true;
-            this.snackColor = 'success';
-            this.snackText = 'Exploit successfuly saved.';
-          } else {
-            this.snack = true;
-            this.snackColor = 'error';
-            this.snackText = 'Unable to save the exploit metadata.';
-          }
-
-        }).catch(e => {
-          this.loading = false;
-          swal.fire({
-            title: 'Error',
-            text: 'unable to save related exploits',
-            showConfirmButton: false,
-            showCloseButton: false,
-            timer: 3000
-          });
-          this.dialog_exploit = false;
-          this.editedItem = this.defaultMetadata;
-          this.snackColor = 'error';
-        });
-      }
-
-      // Update the datatable
-      if (this.snackColor === 'success'){
-        let new_exploit = JSON.parse(JSON.stringify(this.editedItem));
-        if (this.editedIndex > -1) {
-            Object.assign(this.exploits[this.editedIndex], new_exploit);
-        } else {
-            this.exploits.push(new_exploit);
-        }
-
-        // this.editedItem = this.defaultMetadata;
-        this.editedItem = JSON.parse(JSON.stringify(this.defaultMetadata));
-
-      }
-    this.dialog_exploit = false;
-
-    },
-    loadExploit(item) {
-      this.editedIndex = this.exploits.indexOf(item);
-      this.editedItem = Object.assign({}, this.defaultMetadata);
-      this.editedItem.id = item.id;
-      this.editedItem.availability = item.availability;
-      this.editedItem.link = item.link;
-      this.editedItem.maturity = item.maturity;
-      this.editedItem.notes = item.notes;
-      this.editedItem.source = item.source;
-      this.editedItem.tlp_level = item.tlp_level;
-      this.editedItem.trust_level = item.trust_level;
-      this.dialog_exploit = true;
-    },
-    deleteExploit(item) {
-      // save in backend
-      this.$api.get('/api/vulns/'+this.vuln_id+'/exploits/'+item.id+'/del').then(res => {
-        if (res){
-          // Snack notifications
-          this.snack = true;
-          this.snackColor = 'success';
-          this.snackText = 'Exploit successfuly deleted.';
-        } else {
-          this.snack = true;
-          this.snackColor = 'error';
-          this.snackText = 'Unable to delete the exploit';
-        }
-      }).catch(e => {
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to delete related exploit',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-        this.dialog_exploit = false;
-        return;
-      });
-
-      this.editedIndex = this.exploits.indexOf(item);
-      this.exploits.splice(this.editedIndex, 1)
-    },
-    saveThreat() {
-      // Save in backend
-      this.editedItem.modified = new Date();
-
-      if (this.editedIndex === -1) {
-        // New Threat
-        this.$api.post('/api/vulns/'+this.vuln_id+'/threats/add', this.editedItem).then(res => {
-          if (res && res.status === 200) {
-            // Snack notifications
-            this.snack = true;
-            this.snackColor = 'success';
-            this.snackText = 'Threat activity successfuly saved.';
-          } else {
-            this.snack = true;
-            this.snackColor = 'error';
-            this.snackText = 'Unable to save the threat activity.';
-            return;
-          }
-
-        }).catch(e => {
-          this.loading = false;
-          swal.fire({
-            title: 'Error',
-            text: 'unable to save related threat activity',
-            showConfirmButton: false,
-            showCloseButton: false,
-            timer: 3000
-          });
-          this.dialog_threat = false;
-          return;
-        });
-      } else {
-        // Edit Threat
-        this.$api.post('/api/vulns/'+this.vuln_id+'/threats/edit', this.editedItem).then(res => {
-          if (res && res.status === 200) {
-            // Snack notifications
-            this.snack = true;
-            this.snackColor = 'success';
-            this.snackText = 'Threat activity successfuly saved.';
-          } else {
-            this.snack = true;
-            this.snackColor = 'error';
-            this.snackText = 'Unable to save the threat activity.';
-            return;
-          }
-
-        }).catch(e => {
-          this.loading = false;
-          swal.fire({
-            title: 'Error',
-            text: 'unable to save related threat activity',
-            showConfirmButton: false,
-            showCloseButton: false,
-            timer: 3000
-          });
-          this.dialog_threat = false;
-          return;
-        });
-      }
-
-      // Update the datatable
-      let new_threat = JSON.parse(JSON.stringify(this.editedItem));
-      if (this.editedIndex > -1) {
-          Object.assign(this.threats[this.editedIndex], new_threat);
-      } else {
-          this.threats.push(new_threat);
-      }
-
-      this.editedItem = JSON.parse(JSON.stringify(this.defaultMetadata));
-      this.dialog_threat = false;
-    },
-    loadThreat(item) {
-      this.editedIndex = this.threats.indexOf(item);
-      this.editedItem = Object.assign({}, this.defaultMetadata);
-      this.editedItem.id = item.id;
-      this.editedItem.link = item.link;
-      this.editedItem.notes = item.notes;
-      this.editedItem.source = item.source;
-      this.editedItem.tlp_level = item.tlp_level;
-      this.editedItem.trust_level = item.trust_level;
-      this.editedItem.is_in_the_news = item.is_in_the_news == false?0:1;
-      this.editedItem.is_in_the_wild = item.is_in_the_wild == false?0:1;
-      this.dialog_threat = true;
-    },
-    deleteThreat(item) {
-      // save in backend
-      this.$api.get('/api/vulns/'+this.vuln_id+'/threats/'+item.id+'/del').then(res => {
-        if (res){
-          // Snack notifications
-          this.snack = true;
-          this.snackColor = 'success';
-          this.snackText = 'Threat activity successfuly deleted.';
-        } else {
-          this.snack = true;
-          this.snackColor = 'error';
-          this.snackText = 'Unable to delete the threat activity';
-        }
-      }).catch(e => {
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'unable to delete related threat activity',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-        this.dialog_threat = false;
-        return;
-      });
-
-      this.editedIndex = this.threats.indexOf(item);
-      this.threats.splice(this.editedIndex, 1)
-    },
-    resetForm() {
-      this.$refs.form.reset();
-      this.editedItem = this.defaultMetadata;
-    },
-    viewRating() {
-      this.$router.push({ 'name': 'Ratings', 'query': { 'vector': this.vuln_vector } });
-    },
-    toggleMonitored(item) {
-      // save in backend
-      let data = {
-        'monitored': !this.vuln.monitored,
-        'vuln_id': this.vuln.id,
-        'organization_id': localStorage.getItem('org_id')
-      };
-
-      this.$api.put('/api/vulns/'+this.vuln_id+'/toggle', data).then(res => {
-        if (res){
-          this.vuln.monitored = !this.vuln.monitored;
-          // Snack notifications
-          this.snack = true;
-          this.snackColor = 'success';
-          this.snackText = 'Vulnerability monitoring successfuly updated.';
-        } else {
-          this.snack = true;
-          this.snackColor = 'error';
-          this.snackText = 'Unable to change the vulnerability monitoring status';
-        }
-      }).catch(e => {
-        this.loading = false;
-        swal.fire({
-          title: 'Error',
-          text: 'Unable to change the vulnerability monitoring status',
-          showConfirmButton: false,
-          showCloseButton: false,
-          timer: 3000
-        });
-        return;
-      });
-
-    },
-    toggleMetric(item) {
-      this.snack = true;
-      this.snackColor = 'error';
-      this.snackText = 'Unable to change the metrics - Insufficient privileges';
-      // save in backend
-      // let data = {
-      //   'vuln_id': this.vuln.id,
-      //   'metric': item,
-      //   'organization_id': localStorage.getItem('org_id')
-      // };
-      //
-      // this.$api.put('/api/vulns/'+this.vuln_id+'/toggle', data).then(res => {
-      //   if (res){
-      //     this.vuln.monitored = !this.vuln.monitored;
-      //     // Snack notifications
-      //     this.snack = true;
-      //     this.snackColor = 'success';
-      //     this.snackText = 'Metric successfuly updated.';
-      //   } else {
-      //     this.snack = true;
-      //     this.snackColor = 'error';
-      //     this.snackText = 'Unable to change the metric status';
-      //   }
-      // }).catch(e => {
-      //   this.loading = false;
-      //   swal.fire({
-      //     title: 'Error',
-      //     text: 'Unable to change the metric status',
-      //     showConfirmButton: false,
-      //     showCloseButton: false,
-      //     timer: 3000
-      //   });
-      //   return;
-      // });
-    },
-    showManageMetadataButtons(){
-      let p = JSON.parse(this.getUserProfile());
-      if (p != null && 'manage_metadata' in p){
-          return p.manage_metadata;
-      } else {
-        return true;
-      }
-    }
-  }
-}
-</script>
-
-<style>
-.inactive {
-  opacity: .5;
-}
-
-.invert {
-  padding: .5em 0;
-  color: white;
-  background-color: black;
-}
-
-.package-chip {
-  padding-right: 5px;
-  padding-left: 5px;
-  margin-right: 3px;
-}
-</style>
diff --git a/frontend/src/components/pages/VulnDetailsPublic.vue b/frontend/src/components/pages/VulnDetailsPublic.vue
index f4d1d61f..fdeeab5e 100644
--- a/frontend/src/components/pages/VulnDetailsPublic.vue
+++ b/frontend/src/components/pages/VulnDetailsPublic.vue
@@ -398,13 +398,13 @@ import router from '../../router';
 import Users from "../../common/users";
 import Colors from "../../common/colors";
 import Download from "../../common/download";
-import VulnAddEdit from '@/components/pages/VulnAddEdit.vue';
+import DialogVulnAddEdit from '@/components/vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue';
 
 export default {
   name: 'VulnDetailsPublic',
   mixins: [Users, Colors, Download],
   components: {
-    VulnAddEdit
+    DialogVulnAddEdit
   },
   data: () => ({
     expanded: [],
diff --git a/frontend/src/components/pages/Vulns.vue b/frontend/src/components/pages/Vulns.vue
index edf757c9..4e8d0f5a 100644
--- a/frontend/src/components/pages/Vulns.vue
+++ b/frontend/src/components/pages/Vulns.vue
@@ -190,7 +190,7 @@
           </v-btn>
         </template>
 
-        <vuln-add-edit></vuln-add-edit>
+        <DialogVulnAddEdit />
 
       </v-dialog>
       <v-snackbar v-model="snack" :timeout="3000" :color="snackColor" dense>
@@ -205,7 +205,7 @@
 import Colors from "../../common/colors";
 import Users from "../../common/users";
 import FirstSteps from '@/components/pages/FirstSteps.vue';
-import VulnAddEdit from '@/components/pages/VulnAddEdit.vue';
+import DialogVulnAddEdit from '@/components/vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue';
 import AdvancedSearch from '@/components/pages/AdvancedSearch.vue';
 import _ from 'lodash';
 import moment from 'moment';
@@ -214,7 +214,7 @@ export default {
   name: "vulns",
   mixins: [Colors, Users],
   components: {
-    VulnAddEdit, AdvancedSearch
+    DialogVulnAddEdit, AdvancedSearch
   },
   data: () => ({
     vulns: [],
@@ -343,7 +343,7 @@ export default {
       });
     },
     viewVuln(vuln_id) {
-      this.$router.push({ 'name': 'VulnDetails', 'params': { 'vuln_id': vuln_id } });
+      this.$router.push({ 'name': 'Vuln', 'params': { 'vuln_id': vuln_id } });
     },
     editVuln(vuln_id) {
       // Todo
diff --git a/frontend/src/components/vulnerability/comment/VulnerabilityComment.vue b/frontend/src/components/vulnerability/comment/VulnerabilityComment.vue
new file mode 100644
index 00000000..216f9683
--- /dev/null
+++ b/frontend/src/components/vulnerability/comment/VulnerabilityComment.vue
@@ -0,0 +1,13 @@
+<template>
+    
+</template>
+
+<script>
+export default {
+    
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/exploit/DialogExploit.vue b/frontend/src/components/vulnerability/exploit/DialogExploit.vue
new file mode 100644
index 00000000..238114a7
--- /dev/null
+++ b/frontend/src/components/vulnerability/exploit/DialogExploit.vue
@@ -0,0 +1,179 @@
+<template>
+    
+    <v-card>
+        <v-card-title>
+            <span class="headline">
+                {{ title_form }}
+            </span>
+        </v-card-title>
+
+        <v-card-text>
+            <v-form ref="form">
+                <v-container>
+                    
+                    <v-row>
+                        <v-col>
+                            <v-text-field
+                                v-model="item.link"
+                                label="link"
+                            />
+                        </v-col>
+                    </v-row>
+
+                    <v-row>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.trust_level"
+                                label="Trust Level"
+                                :items="defaultMetadata.trust_level_items"
+                            />
+                        </v-col>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.tlp_level"
+                                label="TLP Level"
+                                :items="defaultMetadata.tlp_level_items"
+                            />
+                        </v-col>
+                    </v-row>
+
+                    <v-row>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.availability"
+                                label="Availability"
+                                :items="defaultMetadata.availability_items"
+                            />
+                        </v-col>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.maturity"
+                                label="Maturity"
+                                :items="defaultMetadata.maturity_items"
+                            />
+                        </v-col>
+                    </v-row>  
+
+                    <v-row>
+                        <v-col>
+                            <v-text-field 
+                                v-model="item.source"
+                                label="Source"
+                            />
+                            <v-textarea
+                                v-model="item.notes"
+                                label="Notes"
+                                hint="Insert notes about this entry"
+                                rows="3"
+                            />
+                        </v-col>
+                    </v-row> 
+
+                    <v-btn 
+                        color="success" 
+                        @click="saveExploit"
+                    >Save</v-btn>
+
+                    <v-btn 
+                        color="warning" 
+                        @click="resetItemValue"
+                    >Reset</v-btn>
+
+                </v-container>
+            </v-form>
+        </v-card-text>
+
+        <v-card-actions>
+            <v-spacer>
+            </v-spacer>
+        </v-card-actions>
+            
+    </v-card>
+</template>
+
+<script>
+
+export default {
+    props: {
+        vuln_id: String | Number,
+        editedItem: Object,
+    },
+    watch : {
+        editedItem:{
+            immediate: true,
+            handler() {
+                this.resetItemValue()
+            }
+        }
+    },
+    data: () => ({
+        defaultMetadata: {
+            link: 'https://',
+            trust_level: 'high',
+            tlp_level: 'white',
+            availability: 'public',
+            maturity: 'unknown',
+            source: 'manual',
+            notes: '', 
+            trust_level_items: ['unknown', 'low', 'medium', 'high'],            
+            tlp_level_items: ['white', 'green', 'amber', 'red', 'black'],
+            availability_items: ['unknown', 'private', 'public'],
+            maturity_items: ['unknown', 'unproven', 'poc', 'functional'],
+        },
+        item: {
+            link: '',
+            trust_level: '',
+            tlp_level: '',
+            availability: '',
+            maturity: '',
+            source: '',
+            modified: '',
+            notes: '',
+        },
+    }),
+    computed:{
+        title_form() {
+            return Object.keys(this.editedItem).length === 0 ? 'New Exploit' : 'Edit Exploit'
+        }
+    },
+    methods: {
+        saveExploit() {
+            this.item.modified = new Date();
+            if (  Object.keys(this.editedItem).length === 0 ) {
+                this.$emit('addExploit', this.item)
+            } else {
+                this.$emit('editExploit', this.item)
+            }
+        },
+        setDefaultValue () {
+            this.item = {
+                link: this.defaultMetadata.link,
+                trust_level: this.defaultMetadata.trust_level,
+                tlp_level: this.defaultMetadata.tlp_level,
+                availability: this.defaultMetadata.availability,
+                maturity: this.defaultMetadata.maturity,
+                source: this.defaultMetadata.source,
+                notes: '',
+                modified: '',
+            }
+        },
+        resetItemValue() {
+            
+            if (Object.keys(this.editedItem).length === 0) {
+                this.setDefaultValue()
+            } else {
+                this.item = {
+                    link: this.editedItem.link,
+                    trust_level: this.editedItem.trust_level,
+                    tlp_level: this.editedItem.tlp_level,
+                    availability: this.editedItem.availability,
+                    maturity: this.editedItem.maturity,
+                    source: this.editedItem.source,
+                    notes: this.editedItem.notes,
+                    modified: this.editedItem.modified,
+                }
+            }
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/exploit/VulnerabilityExploit.vue b/frontend/src/components/vulnerability/exploit/VulnerabilityExploit.vue
new file mode 100644
index 00000000..02953c1a
--- /dev/null
+++ b/frontend/src/components/vulnerability/exploit/VulnerabilityExploit.vue
@@ -0,0 +1,324 @@
+<template>
+
+    <v-card color="grey lighten-5">        
+        <v-data-table
+            :headers="exploit_headers"
+            :items="exploits"
+            class="elevation-4"
+            item-key="id"
+            multi-sort
+            show-expand
+            :expanded.sync="expanded"
+        >
+
+            <!-- scope -->
+            <template v-slot:[`item.scope`]="{ item }">
+                <v-icon
+                    v-if='item.scope=="public"'
+                    color="green"
+                >mdi-lock-open-variant</v-icon>
+                <v-icon
+                    v-else
+                    color="orange darken-2"
+                >mdi-lock</v-icon>
+            </template>
+
+            <!-- Link -->
+            <template v-slot:[`item.link`]="{ item }">
+                <a :href="item.link" target="_blank">{{ item.link }}</a>
+            </template>
+
+            <!-- Relevancy level --> 
+            <template v-slot:[`item.relevancy_level`]="{ item }">
+                <v-icon 
+                    x-small class="mdi mdi-clock-time-six" 
+                    :color= getColorRelevancyLevel(item.relevancy_level) 
+                    v-for="n in item.relevancy_level" 
+                    :key='n'
+                ></v-icon>
+                <v-icon 
+                    x-small class="mdi mdi-clock-time-six-outline" 
+                    color="grey" 
+                    v-for="n in 5 - item.relevancy_level" 
+                    :key='n+1000'
+                ></v-icon>
+            </template>
+
+            <!-- Trust level -->
+            <template v-slot:[`item.trust_level`]="{ item }">
+                {{ item.trust_level | capitalize }}
+            </template>
+
+            <!-- TLP -->
+            <template v-slot:[`item.tlp_level`]="{ item }">
+                <v-chip 
+                    class="ma-2" label 
+                    outlined small 
+                    :color="getTLPColor(item.tlp_level)"
+                >
+                    {{ item.tlp_level | capitalize }}
+                </v-chip>
+            </template>
+
+            <!-- Updated at --> 
+            <template v-slot:[`item.modified`]="{ item }">
+                <span>{{ moment(item.modified).format('YYYY-MM-DD') }}</span>
+            </template>
+
+            <!-- Actions --> 
+            <template v-slot:[`item.action`]="{ item }">
+                <v-icon
+                    small color="orange"
+                    class="mdi mdi-pencil"
+                    @click="loadExploit(item)"
+                    v-if='item.scope!="public"'
+                />
+                <v-icon 
+                    small color="red" 
+                    class="mdi mdi-delete"
+                    @click="deleteExploit(item)" 
+                    v-if='item.scope!="public"'
+                ></v-icon>
+            </template>
+
+            <!-- Expand --> 
+            <template v-slot:expanded-item="{ headers, item }">
+                <td :colspan="headers.length">{{ item.notes }}</td>
+            </template>
+
+        </v-data-table>
+
+        <template>
+            <v-btn 
+                absolute dark 
+                fab bottom left 
+                color="deep-orange" 
+                @click="dialog_exploit = true"
+            >
+                <v-icon>mdi-plus</v-icon>
+            </v-btn>
+        </template>
+
+        <v-dialog 
+            v-model="dialog_exploit"
+            max-width="500px"
+            v-if="this.showManageMetadataButtons()"
+        >
+            <DialogExploit 
+                :vuln_id = vuln_id
+                :editedItem = this.editedItem
+                v-on="$listeners"
+                @addExploit= 'addExploit' 
+                @editExploit = 'editExploit' 
+            /> 
+        </v-dialog>
+
+    </v-card>
+
+</template>
+
+<script>
+import Colors from "@/common/colors";
+import Users from "@/common/users";
+import moment from 'moment';
+import DialogExploit from "./DialogExploit.vue";
+
+export default {
+    props: {
+        vuln_id: String | Number
+    },
+    components: {
+        DialogExploit
+    },
+    mixins: [
+        Colors,
+        Users
+    ],
+    data: () => ({
+        expanded: [],
+        exploits: [],
+        exploit_headers: [
+            { text: 'Scope', value: 'scope' },
+            { text: 'Link', value: 'link' },
+            { text: 'TLP', value: 'tlp_level', align: 'center' },
+            { text: 'Relevancy', value: 'relevancy_level' },
+            { text: 'Trust', value: 'trust_level' },
+            { text: 'Source', value: 'source', align: 'center' },
+            { text: 'Last update', value: 'modified', align: 'center' },
+            { text: 'Actions', value: 'action', sortable: false },
+            { text: '', value: 'data-table-expand' },
+        ],
+        editedItem: {}, 
+        dialog_exploit: false,
+    }),
+    mounted() {
+        this.getDataFromApi();
+    },
+    watch: {
+        dialog_exploit:{
+            immediate: true,
+            handler() {
+                if ( this.dialog_exploit === false ){
+                    this.editedItem = {}
+                }
+            }
+        }
+    },
+    methods: {
+        getDataFromApi() {
+            return new Promise((resolve, reject) => {
+                let exploits = this.getExploits()
+
+               setTimeout(() => {
+                    this.loading = false;
+                    resolve({ exploits });
+                }, 300); 
+
+            });
+        },
+        getExploits() {
+            this.loading = true;
+            this.$api.get('/api/vulns/'+this.vuln_id+'/exploits').then(res => {
+                if (res && res.status === 200) {
+                    this.exploits = res.data;
+                }
+                return this.exploits;
+            }).catch(e => {
+                this.exploits = [];
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to get related exploits',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        },
+        getColorRelevancyLevel(number) {
+            if(number === 1){return "yellow"}
+            else if (number === 2){return "orange"}
+            else if (number === 3){return "orange darken-4"}
+            else if (number === 4){return "red"}
+            else if (number === 5){return "red darken-4"}
+            else {return "grey"}
+        },
+        loadExploit(item) {
+            this.editedItem = item;
+            this.dialog_exploit = true; 
+        },
+        deleteExploit(item) {
+            // save in backend
+            this.$api.get('/api/vulns/'+this.vuln_id+'/exploits/'+item.id+'/del').then(res => {
+                if (res){
+                    const snack = {
+                        open: true,
+                        color: 'success',
+                        text: 'Exploit successfuly deleted.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                } else {
+                    const snack = {
+                        open: true,
+                        color: 'error',
+                        text: 'Unable to delete the exploit'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to delete related exploit',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            var index_item_to_delete = this.exploits.indexOf(item);
+            this.exploits.splice(index_item_to_delete, 1)
+            this.$emit('UpdateCounter', this.vuln_id)
+        },
+        addExploit(item) {
+            this.$api.post('/api/vulns/'+this.vuln_id+'/exploits/add', item).then(res => {
+                if (res && res.status === 200) {
+                    const snack = {
+                        open: true,
+                        color: 'success',
+                        text: 'Exploit successfuly saved.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                    this.getExploits()          
+                    this.$emit('UpdateCounter', this.vuln_id)
+                } else {
+                    const snack = {
+                        open: true,
+                        color: 'error',
+                        text: 'Unable to save the exploit metadata.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to save related exploits',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            this.dialog_exploit = false
+        },
+        editExploit(item) {
+            var data = item 
+            data['id'] = this.editedItem['id']
+            // Edit exploit
+            this.$api.post('/api/vulns/'+this.vuln_id+'/exploits/edit', data).then(res => {
+                if (res && res.status === 200) {
+                    const snack = {
+                        open: true,
+                        color: "success",
+                        text: 'Exploit successfuly saved.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                    this.getExploits()
+                    // Object.assign(this.exploits[this.editedIndex], new_exploit);
+                } else {
+                    const snack = {
+                        open: true,
+                        color: "error",
+                        text: 'Unable to save the exploit metadata.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to save related exploits',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            this.dialog_exploit = false
+        },
+        showManageMetadataButtons(){
+            let p = JSON.parse(this.getUserProfile());
+            if (p != null && 'manage_metadata' in p){
+                return p.manage_metadata;
+            } else {
+                return true;
+            }
+        },
+    }  
+}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/snackBar/SnackBar.vue b/frontend/src/components/vulnerability/snackBar/SnackBar.vue
new file mode 100644
index 00000000..f2a7271e
--- /dev/null
+++ b/frontend/src/components/vulnerability/snackBar/SnackBar.vue
@@ -0,0 +1,28 @@
+<template>
+    <v-snackbar
+        v-model="snack.open"
+        :timeout="3000"
+        :color="snack.color"
+        dense
+    >
+        {{ snack.text }}
+        <v-btn 
+            text 
+            @click="snack.open=false"
+        >Close</v-btn>
+    </v-snackbar>
+</template>
+
+<script>
+export default {
+    props: {
+        snack: Object,
+    },
+    components: {},
+    data: () => ({
+
+    }),
+    mounted() {},
+    methods: {},
+};
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/threat/DialogThreat.vue b/frontend/src/components/vulnerability/threat/DialogThreat.vue
new file mode 100644
index 00000000..935a6891
--- /dev/null
+++ b/frontend/src/components/vulnerability/threat/DialogThreat.vue
@@ -0,0 +1,180 @@
+<template>
+    
+    <v-card>
+        <v-card-title>
+            <span class="headline">
+                {{title_form}}
+            </span>
+        </v-card-title>
+
+        <v-card-text>
+            <v-form ref="form">
+                <v-container>
+                    <v-row>
+                        <v-col>
+                            <v-text-field
+                                v-model="item.link"
+                                label="link"
+                            />
+                        </v-col>
+                    </v-row>
+                    <v-row>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                label="Trust Level"
+                                v-model="item.trust_level"
+                                :items="defaultMetadata.trust_level_items"
+                            />
+                        </v-col>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.tlp_level"
+                                label="TLP Level"
+                                :items="defaultMetadata.tlp_level_items"
+                            />
+                        </v-col>
+                    </v-row>
+                    <v-row>
+                        <v-col cols="12" md="6" >
+                            <v-select
+                                v-model="item.is_in_the_news"
+                                label="In the News?"
+                                :items="defaultMetadata.is_in_the_news_items"
+                                item-text="text"
+                                item-value="value"
+                            />
+                        </v-col>
+                        <v-col cols="12" md="6">
+                            <v-select
+                                v-model="item.is_in_the_wild"
+                                label="In The Wild"
+                                :items="defaultMetadata.is_in_the_wild_items"
+                            />
+                        </v-col>
+                    </v-row>
+                
+                    <v-row>
+                        <v-col>
+                            <v-text-field 
+                                v-model="item.source" 
+                                label="Source"
+                            />
+                            <v-textarea
+                                v-model="item.notes"
+                                label="Notes"
+                                hint="Insert notes about this entry"
+                                rows="3"
+                            />
+                        </v-col>
+                    </v-row>
+                
+                    <v-btn 
+                        color="success" 
+                        @click="saveThreat"
+                    >Save</v-btn>
+                    <v-btn 
+                        color="warning" 
+                        type="reset"
+                    >Reset</v-btn>
+
+                </v-container>
+              </v-form>
+            </v-card-text>
+
+            <v-card-actions>
+              <v-spacer></v-spacer>
+            </v-card-actions>
+
+    </v-card>
+</template>
+
+<script>
+export default {
+    props : {
+        vuln_id: String | Number,
+        editedItem: Object,
+    },
+    watch : {
+        editedItem:{
+            immediate: true,
+            handler() {
+                this.resetItemValue()
+            }
+        }
+    },
+    data: () => ({
+        defaultMetadata: {
+            link: 'https://',
+            trust_level: 'high',
+            tlp_level: 'white',
+            is_in_the_wild: false,
+            is_in_the_news: false,
+            source: 'manual',
+            notes: '', 
+            trust_level_items: ['unknown', 'low', 'medium', 'high'],            
+            tlp_level_items: ['white', 'green', 'amber', 'red', 'black'],
+            is_in_the_wild_items: [
+                { text: 'Yes', value: true},
+                { text: 'No', value: false},
+            ],
+            is_in_the_news_items: [
+                { text: 'Yes', value: true},
+                { text: 'No', value: false},
+            ],
+        },
+        item: {
+            link: '',
+            trust_level: '',
+            tlp_level: '',
+            is_in_the_wild: false,
+            is_in_the_news: false,
+            source: '',
+            notes: '',
+            modified: '',
+        },
+    }),
+    computed:{
+        title_form() {
+            return Object.keys(this.editedItem).length === 0 ? 'New Threat' : 'Edit Threat'
+        }
+    },
+    methods: {
+        saveThreat() {
+            this.item.modified = new Date();
+            if (  Object.keys(this.editedItem).length === 0 ) {
+                this.$emit('addThreat', this.item)
+            } else {
+                this.$emit('editThreat', this.item)
+            }
+        },
+        setDefaultValue () {
+            this.item = {
+                link: this.defaultMetadata.link,
+                trust_level: this.defaultMetadata.trust_level,
+                tlp_level: this.defaultMetadata.tlp_level,
+                is_in_the_wild: this.defaultMetadata.is_in_the_wild,
+                is_in_the_news: this.defaultMetadata.is_in_the_news,
+                source: this.defaultMetadata.source,
+                notes: '',
+                modified: '',
+            }
+        },
+        resetItemValue() {
+            if (Object.keys(this.editedItem).length === 0) {
+                this.setDefaultValue()
+            } else {
+                this.item = {
+                    link: this.editedItem.link,
+                    trust_level: this.editedItem.trust_level,
+                    tlp_level: this.editedItem.tlp_level,
+                    is_in_the_wild: this.editedItem.is_in_the_wild,
+                    is_in_the_news: this.editedItem.is_in_the_news,
+                    source: this.editedItem.source,
+                    notes: this.editedItem.notes,
+                    modified: this.editedItem.modified,
+                }
+            }
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/threat/VulnerabilityThreat.vue b/frontend/src/components/vulnerability/threat/VulnerabilityThreat.vue
new file mode 100644
index 00000000..6071f673
--- /dev/null
+++ b/frontend/src/components/vulnerability/threat/VulnerabilityThreat.vue
@@ -0,0 +1,319 @@
+<template>
+    
+    <v-card color="grey lighten-5">
+        <v-data-table
+            :headers="threat_headers"
+            :items="threats"
+            class="elevation-4"
+            item-key="id"
+            multi-sort
+            show-expand
+            :expanded.sync="expanded"
+        >
+
+            <!-- scope -->
+            <template v-slot:[`item.scope`]="{ item }">
+                <v-icon
+                    v-if='item.scope=="public"'
+                    color="green"
+                >mdi-lock-open-variant</v-icon>
+                <v-icon
+                    v-else
+                    color="orange darken-2"
+                >mdi-lock</v-icon>
+            </template> 
+
+
+            <!-- Link --> 
+            <template v-slot:[`item.link`]="{ item }">
+                <a :href="item.link" target="_blank">{{ item.link }}</a>
+            </template>
+
+            <!-- Trust Level --> 
+            <template v-slot:[`item.trust_level`]="{ item }">
+                {{ item.trust_level | capitalize }}
+            </template>
+
+            <!-- TLP --> 
+            <template v-slot:[`item.tlp_level`]="{ item }">
+                <v-chip 
+                    class="ma-2" label 
+                    outlined small 
+                    :color="getTLPColor(item.tlp_level)"
+                >
+                    {{ item.tlp_level | capitalize }}
+                </v-chip>
+            </template>
+
+            <!-- In the Wild --> 
+            <template v-slot:[`item.is_in_the_wild`]="{ item }">
+                <span>{{transform_true_false(item.is_in_the_wild)}}</span>
+            </template>
+
+            <!-- is_in_the_news --> 
+            <template v-slot:[`item.is_in_the_news`]="{ item }">
+                <span>{{transform_true_false(item.is_in_the_news)}}</span>
+            </template>
+
+                <!-- Updated at -->
+            <template v-slot:[`item.modified`]="{ item }">
+                <span>{{ moment(item.modified).format('YYYY-MM-DD') }}</span>
+            </template>
+
+
+            <!-- Actions --> 
+            <template v-slot:[`item.action`]="{ item }">
+                <v-icon 
+                    small class="mdi mdi-pencil" 
+                    color="orange" 
+                    @click="loadThreat(item)" 
+                    v-if='item.scope!="public"'
+                />
+                <v-icon 
+                    small class="mdi mdi-delete" 
+                    color="red" 
+                    @click="deleteThreat(item)" 
+                    v-if='item.scope!="public"'
+                />
+            </template>
+
+            <!-- Expand --> 
+            <template   v-slot:expanded-item="{ headers, item }">
+                <td :colspan="headers.length">{{ item.notes }}</td>
+            </template>
+
+        </v-data-table>
+
+        <template> 
+            <v-btn 
+                absolute dark 
+                fab bottom left 
+                color="deep-orange" 
+                @click="dialog_threat = true"
+            >
+                <v-icon>mdi-plus</v-icon>
+            </v-btn>
+        </template>
+
+        <v-dialog 
+            v-model="dialog_threat"
+            max-width="500px"
+            v-if="this.showManageMetadataButtons()"
+        >
+            <DialogThreat 
+                :vuln_id = vuln_id
+                :editedItem = this.editedItem
+                v-on="$listeners"
+                @addThreat= 'addThreat' 
+                @editThreat = 'editThreat'
+            /> 
+        </v-dialog>
+
+
+    </v-card>
+
+</template>
+
+<script>
+import Colors from "@/common/colors";
+import Users from "@/common/users";
+import moment from 'moment';
+import DialogThreat from "./DialogThreat.vue";
+
+export default {
+    props: {
+        vuln_id: String | Number
+    },
+    components: {
+        DialogThreat
+    },
+    mixins: [
+        Colors,
+        Users
+    ],
+    data: () => ({
+        expanded: [],
+        threats: [],
+        threat_headers: [
+            { text: 'Scope', value: 'scope' },
+            { text: 'Link', value: 'link' },
+            { text: 'Trust level', value: 'trust_level' },
+            { text: 'TLP', value: 'tlp_level', align: 'center' },
+            { text: 'Source', value: 'source', align: 'center' },
+            { text: 'In the Wild ?', value: 'is_in_the_wild', align: 'center' },
+            { text: 'In the News ?', value: 'is_in_the_news', align: 'center' },
+            { text: 'Last update', value: 'modified', align: 'center' },
+            { text: 'Actions', value: 'action', sortable: false },
+        ], 
+        editedItem: {},
+        dialog_threat: false,
+    }),
+    mounted() {
+        this.getDataFromApi()
+    },
+    watch: {
+        dialog_threat: {
+            immediate: true,
+            handler() {
+                if ( this.dialog_threat === false ){
+                    this.editedItem = {}
+                }
+            }
+        }
+    },
+    methods: {
+        getDataFromApi() {
+            return new Promise((resolve, reject) => {
+                let threats = this.getThreats()
+
+               setTimeout(() => {
+                    this.loading = false;
+                    resolve({ threats });
+                }, 300); 
+
+            });
+        },
+        getThreats() {
+            this.loading = true;
+            this.$api.get('/api/vulns/'+this.vuln_id+'/threats').then(res => {
+                if (res && res.status === 200) {
+                    this.threats = res.data;
+                }
+                return this.threats;
+            }).catch(e => {
+                this.threats = [];
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to get related threats activity',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        },
+        loadThreat(item) {
+            this.editedItem = item;
+            this.dialog_threat = true;
+        },
+        deleteThreat(item) {
+            // save in backend
+            this.$api.get('/api/vulns/'+this.vuln_id+'/threats/'+item.id+'/del').then(res => {
+                if (res){
+                    const snack = {
+                        open: true,
+                        color: 'success',
+                        text: 'Threat activity successfuly deleted.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                } else {
+                    const snack = {
+                        open: true,
+                        color: 'error',
+                        text: 'Unable to delete the threat activity'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to delete related threat activity',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            var index_item_to_delete = this.threats.indexOf(item);
+            this.threats.splice(index_item_to_delete, 1)
+            this.$emit('UpdateCounter', this.vuln_id)
+        },
+        addThreat(item) {
+            // New Threat
+            this.$api.post('/api/vulns/'+this.vuln_id+'/threats/add', item).then(res => {
+                if (res && res.status === 200) {
+                    // Snack notifications
+                    const snack = {
+                        open: true,
+                        color: "success",
+                        text: 'Threat activity successfuly saved.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                    this.getThreats()          
+                    this.$emit('UpdateCounter', this.vuln_id)
+                } else {
+                    const snack = {
+                        open: true,
+                        color: "error",
+                        text: 'Unable to save the exploit metadata.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to save related threat activity',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            this.dialog_threat = false;
+        },
+        editThreat(item) {
+            var data = item
+            data['id'] = this.editedItem['id']
+            data['maturity'] = ""
+
+            // Edit threat activity
+            this.$api.post('/api/vulns/'+this.vuln_id+'/threats/edit', data).then(res => {
+                if (res && res.status === 200) {
+                    const snack = {
+                        open: true,
+                        color: "success",
+                        text: 'Threat activity successfuly saved.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                    this.getThreats()
+                } else {
+                    const snack = {
+                        open: true,
+                        color: "error",
+                        text: 'Unable to save the threat activity.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to save related threat activity',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+            this.dialog_threat = false;
+        },
+        transform_true_false(value){
+            if (value === false ){
+                return 'No'
+            }
+            return 'Yes'
+        },
+        showManageMetadataButtons(){
+            let p = JSON.parse(this.getUserProfile());
+            if (p != null && 'manage_metadata' in p){
+                return p.manage_metadata;
+            } else {
+                return true;
+            }
+        },
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/CardAccess.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/CardAccess.vue
new file mode 100644
index 00000000..616dad01
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/CardAccess.vue
@@ -0,0 +1,30 @@
+<template>
+    <v-card
+        color="grey lighten-5"
+        height="100%"
+    >
+        <v-card-title primary class="title">
+            {{this.title}}
+        </v-card-title>
+
+        <v-card-text>
+            <span>Authentication: <span class="font-weight-bold">{{authentication}}</span></span><br/>
+            <span>Complexity: <span class="font-weight-bold">{{complexity}}</span></span><br/>
+            <span>Vector: <span class="font-weight-bold">{{vector}}</span></span>
+        </v-card-text>
+
+    </v-card>
+</template>
+
+<script>
+export default {
+    props: {
+        authentication: String,
+        complexity: String,
+        vector: String,
+    },
+    data: () => ({
+        title: "Access"
+    })
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/CardImpact.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/CardImpact.vue
new file mode 100644
index 00000000..d0a5b492
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/CardImpact.vue
@@ -0,0 +1,26 @@
+<template>
+    <v-card color="grey lighten-5" height="100%">
+        <v-card-title primary class="title">
+            {{this.title}}
+        </v-card-title>
+        <v-card-text>
+            <span> Confidentiality: <span class="font-weight-bold">{{confidentiality}}</span><br/></span>
+            <span> Integrity: <span class="font-weight-bold">{{integrity}}</span><br/></span>
+            <span> Availability: <span class="font-weight-bold">{{availability}}</span></span>
+        </v-card-text>
+    </v-card>
+</template>
+
+
+<script>
+export default {
+    data: () => ({
+        title: "Impact"
+    }),
+    props:{
+        confidentiality: String,
+        integrity: String,
+        availability: String,
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/CardMetrics.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/CardMetrics.vue
new file mode 100644
index 00000000..2b1e2848
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/CardMetrics.vue
@@ -0,0 +1,74 @@
+<template>
+    <v-card color="grey lighten-5">
+        
+        <v-card-title primary class="title">
+            {{this.title}}
+        </v-card-title>
+
+        <v-card-text>
+            <v-switch
+                v-model="is_exploitable"
+                color="deep-orange"
+                readonly
+                hide-details
+                label="Exploitable"
+                style="margin-top: 0px;"
+                @click="toggleMetric()"
+            ></v-switch>
+
+            <v-switch 
+                v-model="is_confirmed" 
+                color="deep-orange" 
+                readonly 
+                hide-details 
+                label="Confirmed" 
+                style="margin-top: 0px;"
+            ></v-switch>
+
+            <v-switch 
+                v-model="is_in_the_news" 
+                color="deep-orange" 
+                readonly 
+                hide-details 
+                label="Relayed in the News" 
+                style="margin-top: 0px;"
+            ></v-switch>
+            
+            <v-switch 
+                v-model="is_in_the_wild" 
+                color="deep-orange" 
+                readonly 
+                hide-details 
+                label="Exploited in the Wild" 
+                style="margin-top: 0px;"
+            ></v-switch>
+
+        </v-card-text>
+
+    </v-card>
+</template>
+
+<script>
+export default {
+    data: () => ({
+        title: "Metrics"
+    }),
+    props: {
+        is_exploitable: Boolean,
+        is_confirmed: Boolean,
+        is_in_the_news: Boolean,
+        is_in_the_wild: Boolean,
+    },
+    methods: {
+        toggleMetric(){
+            const snack = {
+                open: true,
+                color: 'error',
+                text: 'Unable to change the metrics - Insufficient privileges'
+            }
+            this.$emit('OpenSnackBar', snack)
+            
+        }
+    },
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/CardScore.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/CardScore.vue
new file mode 100644
index 00000000..83a0fcc1
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/CardScore.vue
@@ -0,0 +1,102 @@
+<template>
+    <v-card
+        :color="getRatingColor(vprating)"
+        v-if="vprating >= 0"
+        @click="viewRating()"
+    >   
+        <v-card-title class="title">{{this.title}}</v-card-title>
+        <v-card-text>
+            <v-row justify="center">
+                <span class="display-3 font-weight-bold" >{{vprating}}</span>/100
+            </v-row>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script>
+import swal from "sweetalert2";
+import Colors from "@/common/colors";
+
+export default {
+    computed: {
+        vprating(){
+            return this.ratings.score;
+        }
+    },
+    mixins: [
+        Colors,
+    ],
+    props: {
+        vuln_id: String | Number
+    },
+    data: () => ({
+        title: "Rating Scores",
+        ratings: {
+            score: 0, 
+            cvssV2adj: 0, 
+        },
+        vector: '',
+    }),
+    mounted () {
+        this.getDataFromApi();
+    },
+    methods: {
+        getDataFromApi() {
+            return new Promise((resolve, reject) => {
+                let ratings = this.getRatings();
+                let vector = this.getVulnVector();
+                setTimeout(() => {
+                    this.loading = false;
+                    resolve({ ratings, vector })
+                }, 300);
+            })
+        },
+        getRatings() {
+            this.loading = true;
+            this.$api.get('/api/ratings/calc/'+this.vuln_id).then(res => {
+                this.ratings = res.data;
+            }).catch(e => {
+                this.ratings = {};
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to get vuln ratings',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        },
+        getVulnVector() {
+            this.$api.get('/api/ratings/vector/'+this.vuln_id).then(res => {
+                this.vector = res.data
+            }).catch(e => {
+                this.loading = false; 
+                swal.fire({
+                    title: "Error",
+                    text: 'Unable to get Vuln Vector',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        },
+        viewRating() {
+            this.$router.push(
+                { 
+                    'name': 'Ratings',
+                    'query': { 
+                        'vector': this.vector 
+                    } 
+                }
+            );
+        }
+    }
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/VulnDetails.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/VulnDetails.vue
new file mode 100644
index 00000000..110622ac
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/VulnDetails.vue
@@ -0,0 +1,108 @@
+<template>
+    <v-container fluid grid-list-md>        
+        <v-layout row wrap>
+            <v-flex md9>
+                <CardVulnerability
+                    :vuln = this.vuln
+                    v-on="$listeners"
+                />
+            </v-flex>
+
+            <!-- SideCards --> 
+            <v-flex md3>
+                <v-flex>
+                    <CardScore 
+                        :vuln_id = this.vuln_id
+                    />
+                </v-flex>
+                <v-flex>
+                    <CardMetrics
+                        :is_exploitable = this.vuln.is_exploitable
+                        :is_confirmed = this.vuln.is_confirmed
+                        :is_in_the_news = this.vuln.is_in_the_news
+                        :is_in_the_wild = this.vuln.is_in_the_wild
+                        v-on="$listeners"
+                    />
+                </v-flex>
+                <v-flex>
+                    <CardAccess 
+                        :authentication = this.vuln.access.authentication
+                        :complexity = this.vuln.access.complexity
+                        :vector = this.vuln.access.vector
+                    />
+                </v-flex>
+                <v-flex>
+                    <CardImpact
+                        :confidentiality = this.vuln.impact.confidentiality
+                        :integrity = this.vuln.impact.integrity
+                        :availability = this.vuln.impact.availability
+                    />
+                </v-flex>
+            </v-flex>
+        </v-layout>
+    </v-container>
+</template>
+
+<script>
+import CardVulnerability from "@/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardVulnerability.vue";
+import CardScore from "@/components/vulnerability/vulnerabilityDetails/CardScore.vue";
+import CardMetrics from "@/components/vulnerability/vulnerabilityDetails/CardMetrics.vue";
+import CardAccess from "@/components/vulnerability/vulnerabilityDetails/CardAccess.vue";
+import CardImpact from "@/components/vulnerability/vulnerabilityDetails/CardImpact.vue";
+
+export default {
+    props:{
+        vuln_id: String | Number
+    },
+    components: {
+        CardVulnerability,
+        CardScore, 
+        CardMetrics, 
+        CardAccess,
+        CardImpact
+    },
+    data: () => ({
+        vuln: {
+            cwe_id: 'UNKWNOWN',
+            cwe_refs: {},
+            impact: {confidentiality: '', integrity: '', availability: ''},
+            access: {authentication: '', complexity: '', vector: ''},
+            reflinks: [],
+            vulnerable_products: [],
+        },
+    }),
+    mounted() {
+        this.getDataFromApi(this.vuln_id);
+    },
+    methods:{
+        getDataFromApi(vuln_id) {
+            return new Promise((resolve, reject) => {
+                let vuln = this.getVulnDetails(vuln_id);
+
+                setTimeout(() => {
+                this.loading = false;
+                    resolve({ vuln });
+                }, 300);
+            });
+        },
+        getVulnDetails(vuln_id) {
+            this.loading = true;
+            this.$api.get('/api/vulns/'+vuln_id+'/').then(res => {
+                this.vuln = res.data;
+                return this.vuln;
+            }).catch(e => {
+                this.vuln = {};
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'unable to get vuln details',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+            });
+            this.loading = false;
+        },
+    }
+}
+</script>
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardBodyVulnerability.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardBodyVulnerability.vue
new file mode 100644
index 00000000..85dbabd0
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardBodyVulnerability.vue
@@ -0,0 +1,138 @@
+<template>
+    <v-list subheader color="grey lighten-5">
+
+        <v-list-item>
+            <v-list-item-content>
+                <v-list-item-subtitle>
+                    <span>CVE</span>
+                    <v-chip
+                        class="mx-2"
+                        label link x-small
+                        :href="'https://nvd.nist.gov/vuln/detail/'+this.vuln.cveid" 
+                        target="_blank"
+                    >NVD</v-chip>
+                    <v-chip
+                        label link x-small
+                        :href="'https://cve.mitre.org/cgi-bin/cvename.cgi?name='+this.vuln.cveid"
+                        target="_blank"
+                    >MITRE</v-chip>
+                </v-list-item-subtitle>
+                <span>{{this.vuln.cveid}}</span>
+            </v-list-item-content>
+        </v-list-item>
+
+        <CvssListItem 
+            :title = this.title_cvss_v2
+            :cvss = this.vuln.cvss
+            :cvss_vector = this.vuln.cvss_vector
+        />
+
+        <CvssListItem
+            :title = this.title_cvss_v3
+            :cvss = this.vuln.cvss3
+            :cvss_vector = this.vuln.cvss3_vector
+        />
+
+        <v-list-item>
+            <v-list-item-content>
+                <v-list-item-subtitle>Summary</v-list-item-subtitle>
+                {{this.vuln.summary}}
+            </v-list-item-content>
+        </v-list-item>
+
+        <v-list-item
+            v-if="this.vuln.cwe_id != ''"
+            :href="'https://cwe.mitre.org/data/definitions/'+this.vuln.cwe_id.replace('CWE-', '')+'.html'"
+            target="_blank"
+        >
+            <v-list-item-content>
+                <v-list-item-subtitle>CWE</v-list-item-subtitle>
+                {{this.vuln.cwe_id}} - {{this.vuln.cwe_name}}
+            </v-list-item-content>
+        </v-list-item>
+
+        <v-list-item
+            v-if="this.vuln.cwe_refs != '' && 'MITRE-ATTACK' in this.vuln.cwe_refs"
+        >
+            <v-list-item-content>
+                <v-list-item-subtitle>Mitre ATT&CK techniques</v-list-item-subtitle>
+                <ul id="v-for-cwe_refs">
+                    <li v-for="ref in this.vuln.cwe_refs['MITRE-ATTACK']" link :key="ref['external_id']">
+                        <a v-bind:href="ref['url']" target="_blank"> {{ ref['external_id'] }} - {{ ref['description']}}</a>
+                    </li>
+                </ul>
+            </v-list-item-content>
+        </v-list-item>
+
+        <v-list-item
+            v-if="typeof this.vuln.reflinks !== 'undefined'? this.vuln.reflinks.length > 0: true"
+        >
+            <v-list-item-content>
+                <v-list-item-subtitle>Links</v-list-item-subtitle>
+                <ul id="v-for-reflinks">
+                    <li v-for="link in this.vuln.reflinks" :key='link' link>
+                        <a v-bind:href="link" target="_blank"> {{ link }} </a>
+                    </li>
+                </ul>
+            </v-list-item-content>
+        </v-list-item>
+
+        <v-list-item>
+            <v-list-item-content>
+                <v-list-item-subtitle>Vulnerable product(s) - {{this.vuln.vulnerable_products.length}} CPE</v-list-item-subtitle>
+                <ul id="v-for-cpe">
+                    <li v-for="(value, index) in this.vuln.vulnerable_products" :key="index">
+                        {{ value }}
+                    </li>
+                </ul>
+            </v-list-item-content>
+        </v-list-item>
+
+        <v-list-item>
+            <v-list-item-content>
+                <v-list-item-subtitle>Vulnerable package(s)</v-list-item-subtitle>
+                <ul id="v-for-package">
+                    <template v-for="(value, key) in this.vuln.vulnerable_packages_versions">
+                    <template v-for="(subvalue, subkey) in value">
+                        <li v-for="(subsubvalue, subsubkey) in subvalue" :key="subsubkey">
+                            <v-chip
+                                class="package-chip"
+                                label small
+                            >{{ key }}:{{ subkey }} </v-chip> 
+                            affected: {{ subsubvalue.affected_versions}}, patched: {{ subsubvalue.patched_versions}}
+
+                        </li>
+                    </template>
+                    </template>
+                </ul>
+            </v-list-item-content>
+        </v-list-item>
+
+    </v-list>
+
+</template>
+
+<script>
+import CvssListItem from "@/components/vulnerability/vulnerabilityDetails/cardVulnerability/CvssListItem.vue";
+
+export default {
+    components:{
+        CvssListItem,
+    },
+    props: {
+        vuln: Object
+    },
+    data: () => ({
+        title_cvss_v2: 'CVSSv2',
+        title_cvss_v3: 'CVSSv3',
+    }),
+}
+</script>
+
+<style>
+.package-chip {
+  padding-right: 5px;
+  padding-left: 5px;
+  margin-right: 3px;
+}
+</style>
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardHeaderVulnerability.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardHeaderVulnerability.vue
new file mode 100644
index 00000000..74b9a5c9
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardHeaderVulnerability.vue
@@ -0,0 +1,164 @@
+<template>
+    <v-card-title primary class="title">
+        <v-container class="grey lighten-5">
+            <v-row no-gutters> 
+
+                <v-col class="pa-2" md="auto">
+                    Vuln ID: PH-{{ this.vuln.id }}
+                </v-col>
+
+                <v-col class="pa-2" md="auto">
+                    <v-icon
+                        color="deep-orange"
+                        title="Edit Vulnerability"
+                        @click="dialog_edit_vuln=true"
+                    >mdi-pencil</v-icon>
+                    <v-icon
+                        color="deep-orange"
+                        title="Download as JSON file"
+                        @click="downloadVuln(vuln.id, 'json')"
+                    >mdi-download</v-icon>
+                    <v-icon
+                        color="deep-orange"
+                        title="Send vulnerability as email"
+                        @click="dialog_send_mail=true"
+                    >mdi-email-send-outline</v-icon>
+                </v-col>
+
+                <v-col class="pa-2">
+                    <v-chip
+                        small label outlined 
+                        :color="this.getColorChipMonitored"
+                        @click="toggleMonitored"
+                    >{{this.getTextChipMonitored}}</v-chip>
+                </v-col>
+
+
+            </v-row>
+        </v-container>
+
+        <v-dialog 
+            v-model="dialog_edit_vuln"
+            max-width="600px" 
+            v-if="this.showManageMetadataButtons()"
+        >
+            <DialogVulnAddEdit 
+                :vuln="this.vuln"
+                action="edit"
+            />
+        </v-dialog>
+
+        <v-dialog
+            v-model="dialog_send_mail"
+            max-width="600px" 
+        >
+            <DialogSendEmail 
+                :vuln_id="this.vuln.id"
+                v-on="$listeners"
+                @CloseDialog="toggleDialogEmail"
+            />
+        </v-dialog>
+
+    </v-card-title>
+</template>
+
+<script>
+import Users from "@/common/users";
+import Download from "@/common/download";
+import DialogVulnAddEdit from '@/components/vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue';
+import DialogSendEmail from '@/components/vulnerability/vulnerabilityDetails/dialog/DialogSendEmail.vue';
+
+export default {
+    mixins: [
+        Users, Download
+    ],
+    data: () =>  ({
+        dialog_edit_vuln: false,
+        dialog_send_mail: false,
+    }),
+    components: {
+        DialogVulnAddEdit,
+        DialogSendEmail
+    },
+    props: {
+        vuln: Object
+    },
+    computed: {
+        getColorChipMonitored() {
+            return this.vuln.monitored === true ? 'deep-orange' : 'grey'
+        },
+        getTextChipMonitored() {
+            return this.vuln.monitored === true ? 'Monitored' : 'Not Monitored'
+        }
+    },
+    methods: {
+        showManageMetadataButtons() {
+            let p = JSON.parse(this.getUserProfile());
+            if (p != null && 'manage_metadata' in p){
+                return p.manage_metadata;
+            } else {
+                return true;
+            }
+        },
+        downloadVuln(vuln_id, format="json") {
+            this.$api.get('/api/vulns/'+vuln_id+'/export/'+format, {responseType: 'arraybuffer'}).then(res => {
+                this.forceFileDownload(res, 'vuln_export_'+vuln_id+'.'+format);
+                const snack = {
+                    open: true,
+                    color: "success",
+                    text: "Vulnerability details available."
+                };
+                this.$emit('OpenSnackBar', snack)
+            }).catch(e => {
+                const snack = {
+                    open: true,
+                    color: "error",
+                    text: "Unable to download vulnerability details."
+                };
+                this.$emit('OpenSnackBar', snack)
+            });
+            this.loading = false;
+        },
+        toggleMonitored() {
+            // save in backend
+            let data = {
+                'monitored': !this.vuln.monitored,
+                'vuln_id': this.vuln.id,
+                'organization_id': localStorage.getItem('org_id')
+            };
+            this.$api.put('/api/vulns/'+this.vuln.id+'/toggle', data).then(res => {
+                if (res){
+                    this.vuln.monitored = !this.vuln.monitored;
+                    // Snack notifications
+                    const snack = {
+                        open: true,
+                        color: 'success',
+                        text: 'Vulnerability monitoring successfuly updated.'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                } else {
+                    const snack = {
+                        open: true, 
+                        color: 'error',
+                        text: 'Unable to change the vulnerability monitoring status'
+                    }
+                    this.$emit('OpenSnackBar', snack)
+                }
+            }).catch(e => {
+                this.loading = false;
+                swal.fire({
+                    title: 'Error',
+                    text: 'Unable to change the vulnerability monitoring status',
+                    showConfirmButton: false,
+                    showCloseButton: false,
+                    timer: 3000
+                });
+                return;
+            });
+        },
+        toggleDialogEmail(value) {
+            this.dialog_send_mail = value
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardVulnerability.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardVulnerability.vue
new file mode 100644
index 00000000..ab2294ab
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardVulnerability.vue
@@ -0,0 +1,28 @@
+<template>
+    
+    <v-card color="grey lighten-5">
+        <CardHeaderVulnerability
+            :vuln = this.vuln
+            v-on="$listeners"
+        />
+        <CardBodyVulnerability 
+            :vuln = this.vuln
+        />
+    </v-card>
+
+</template>
+
+<script>
+import CardHeaderVulnerability from "@/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardHeaderVulnerability.vue";
+import CardBodyVulnerability from "@/components/vulnerability/vulnerabilityDetails/cardVulnerability/CardBodyVulnerability.vue";
+
+export default {
+    components:{
+        CardHeaderVulnerability,
+        CardBodyVulnerability
+    },
+    props:{
+        vuln:Object,
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CvssListItem.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CvssListItem.vue
new file mode 100644
index 00000000..84e6a197
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/cardVulnerability/CvssListItem.vue
@@ -0,0 +1,29 @@
+<template>
+    
+    <v-list-item>
+        <v-list-item-content class="d-inline">
+            <v-list-item-subtitle>{{this.title}}</v-list-item-subtitle>
+            <v-chip small label :color="getCVSSColor(this.cvss)">
+                {{this.cvss}}
+            </v-chip>
+            <span> - {{this.cvss_vector}} </span>
+            <!-- ({{moment(this.vuln.cvss_time).format('YYYY-MM-DD')}}) -->
+        </v-list-item-content>
+    </v-list-item>
+
+</template>
+
+<script>
+import Colors from "@/common/colors";
+
+export default {
+    props:{
+        title: String,
+        cvss: Number,
+        cvss_vector: String,
+    },
+    mixins: [
+        Colors,
+    ]
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogSendEmail.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogSendEmail.vue
new file mode 100644
index 00000000..1b232077
--- /dev/null
+++ b/frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogSendEmail.vue
@@ -0,0 +1,66 @@
+<template>
+    
+    <v-card>
+
+        <v-card-title>
+            <span class="headline">
+                Send vulnerability by email
+            </span>
+        </v-card-title>
+
+        <v-card-text>
+            <v-form ref="form-vuln-sendmail">
+                <v-row>
+                    <v-textarea
+                        v-model="notification_data.emails"
+                        rows="3"
+                        label="Emails"
+                        hint="Email addresses separated with comma or 1 per line. 10 emails max"
+                        prepend-icon="mdi-email"
+                    ></v-textarea>
+                </v-row>
+                <v-btn color="success" @click="sendEmailVuln(vuln_id)">
+                    Send
+                </v-btn>
+                <v-btn color="warning" type="reset">
+                    Reset
+                </v-btn>
+            </v-form>
+        </v-card-text>
+
+    </v-card>
+
+</template>
+
+<script>
+export default {
+    props: {
+        vuln_id: String | Number
+    },
+    data: () => ({
+        notification_data: {
+            'emails': ''
+        },
+    }),
+    methods: {
+        sendEmailVuln(vuln_id) {
+            this.$api.post('/api/vulns/'+vuln_id+'/export/email', this.notification_data).then(res => {
+                const snack = {
+                    open: true,
+                    color: "success",
+                    text: 'Vulnerability details successfuly sent by mail.'
+                }
+                this.$emit('OpenSnackBar', snack)
+            }).catch(e => {
+                const snack = {
+                    open: true,
+                    color: 'error',
+                    text: 'Unable to send vulnerability details.'
+                }
+                this.$emit('OpenSnackBar', snack)
+            });
+            this.$emit('CloseDialog', false)
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/components/pages/VulnAddEdit.vue b/frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue
similarity index 100%
rename from frontend/src/components/pages/VulnAddEdit.vue
rename to frontend/src/components/vulnerability/vulnerabilityDetails/dialog/DialogVulnAddEdit.vue
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index b10258ca..6d0350b8 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -15,7 +15,7 @@ import Search from '@/components/pages/Search'
 import SearchPublic from '@/components/pages/SearchPublic'
 import Vulns from '@/components/pages/Vulns'
 import VulnsPublic from '@/components/pages/VulnsPublic'
-import VulnDetails from '@/components/pages/VulnDetails'
+import Vuln from '@/components/pages/Vuln'
 import VulnDetailsPublic from '@/components/pages/VulnDetailsPublic'
 import Exploits from '@/components/pages/Exploits'
 import KBVendors from '@/components/pages/KB/Vendors'
@@ -33,7 +33,6 @@ import KBBulletins from '@/components/pages/KB/Bulletins'
 import AdvancedSearch from '@/components/pages/AdvancedSearch.vue'
 
 import FirstSteps from '@/components/pages/FirstSteps.vue'
-import VulnAddEdit from '@/components/pages/VulnAddEdit.vue'
 import UserEdit from '@/components/pages/UserEdit.vue'
 import Help from '@/components/pages/Help.vue'
 import NotFound from '@/components/general/NotFound.vue'
@@ -77,7 +76,7 @@ const routes = [
       { path: '/kb/cves', name: 'KBCVE', component: KBCVE },
       { path: '/kb/bulletins', name: 'KBBulletins', component: KBBulletins },
       { path: '/vulns', name: 'Vulns', component: Vulns },
-      { path: '/vulns/:vuln_id', name: 'VulnDetails', component: VulnDetails },
+      { path: '/vulns/:vuln_id', name: 'Vuln', component: Vuln },
       { path: '/exploits', name: 'Exploits', component: Exploits },
 
       { path: '/test-as', name: 'AdvancedSearch', component: AdvancedSearch },
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index eddd3ea8..db77bd7e 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -9,15 +9,22 @@
   dependencies:
     "@babel/highlight" "^7.16.0"
 
-"@babel/generator@^7.16.0":
-  "integrity" "sha512-RR8hUCfRQn9j9RPKEVXo9LiwoxLPYn6hNZlvUOR8tSnaxlD0p0+la00ZP9/SnRt6HchKr+X0fO2r8vrETiJGew=="
-  "resolved" "https://registry.npmjs.org/@babel/generator/-/generator-7.16.0.tgz"
-  "version" "7.16.0"
+"@babel/generator@^7.16.5":
+  "integrity" "sha512-kIvCdjZqcdKqoDbVVdt5R99icaRtrtYhYK/xux5qiWCBmfdvEYMFZ68QCrpE5cbFM1JsuArUNs1ZkuKtTtUcZA=="
+  "resolved" "https://registry.npmjs.org/@babel/generator/-/generator-7.16.5.tgz"
+  "version" "7.16.5"
   dependencies:
     "@babel/types" "^7.16.0"
     "jsesc" "^2.5.1"
     "source-map" "^0.5.0"
 
+"@babel/helper-environment-visitor@^7.16.5":
+  "integrity" "sha512-ODQyc5AnxmZWm/R2W7fzhamOk1ey8gSguo5SGvF0zcB3uUzRpTRmM/jmLSm9bDMyPlvbyJ+PwPEK0BWIoZ9wjg=="
+  "resolved" "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.5.tgz"
+  "version" "7.16.5"
+  dependencies:
+    "@babel/types" "^7.16.0"
+
 "@babel/helper-function-name@^7.16.0":
   "integrity" "sha512-BZh4mEk1xi2h4HFjWUXRQX5AEx4rvaZxHgax9gcjdLWdkjsY7MKt5p0otjsg5noXw+pB+clMCjw+aEVYADMjog=="
   "resolved" "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.16.0.tgz"
@@ -62,10 +69,10 @@
     "chalk" "^2.0.0"
     "js-tokens" "^4.0.0"
 
-"@babel/parser@^7.16.0", "@babel/parser@^7.16.3", "@babel/parser@^7.7.0":
-  "integrity" "sha512-6V0qdPUaiVHH3RtZeLIsc+6pDhbYzHR8ogA8w+f+Wc77DuXto19g2QUwveINoS34Uw+W8/hQDGJCx+i4n7xcng=="
-  "resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.16.4.tgz"
-  "version" "7.16.4"
+"@babel/parser@^7.16.0", "@babel/parser@^7.16.5", "@babel/parser@^7.7.0":
+  "integrity" "sha512-Gr86ujcNuPDnNOY8mi383Hvi8IYrJVJYuf3XcuBM/Dgd+bINn/7tHqsj+tKkoreMbmGsFLsltI/JJd8fOFWGDQ=="
+  "resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.16.6.tgz"
+  "version" "7.16.6"
 
 "@babel/template@^7.16.0":
   "integrity" "sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A=="
@@ -77,16 +84,17 @@
     "@babel/types" "^7.16.0"
 
 "@babel/traverse@^7.7.0":
-  "integrity" "sha512-eolumr1vVMjqevCpwVO99yN/LoGL0EyHiLO5I043aYQvwOJ9eR5UsZSClHVCzfhBduMAsSzgA/6AyqPjNayJag=="
-  "resolved" "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.3.tgz"
-  "version" "7.16.3"
+  "integrity" "sha512-FOCODAzqUMROikDYLYxl4nmwiLlu85rNqBML/A5hKRVXG2LV8d0iMqgPzdYTcIpjZEBB7D6UDU9vxRZiriASdQ=="
+  "resolved" "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.5.tgz"
+  "version" "7.16.5"
   dependencies:
     "@babel/code-frame" "^7.16.0"
-    "@babel/generator" "^7.16.0"
+    "@babel/generator" "^7.16.5"
+    "@babel/helper-environment-visitor" "^7.16.5"
     "@babel/helper-function-name" "^7.16.0"
     "@babel/helper-hoist-variables" "^7.16.0"
     "@babel/helper-split-export-declaration" "^7.16.0"
-    "@babel/parser" "^7.16.3"
+    "@babel/parser" "^7.16.5"
     "@babel/types" "^7.16.0"
     "debug" "^4.1.0"
     "globals" "^11.1.0"
@@ -114,7 +122,12 @@
   "resolved" "https://registry.npmjs.org/@hapi/bourne/-/bourne-1.3.2.tgz"
   "version" "1.3.2"
 
-"@hapi/hoek@^8.3.0", "@hapi/hoek@8.x.x":
+"@hapi/hoek@^8.3.0":
+  "integrity" "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow=="
+  "resolved" "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz"
+  "version" "8.5.1"
+
+"@hapi/hoek@8.x.x":
   "integrity" "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow=="
   "resolved" "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz"
   "version" "8.5.1"
@@ -202,9 +215,9 @@
     "@types/node" "*"
 
 "@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18":
-  "integrity" "sha512-zeu3tpouA043RHxW0gzRxwCHchMgftE8GArRsvYT0ByDMbn19olQHx5jLue0LxWY6iYtXb7rXmuVtSkhy9YZvQ=="
-  "resolved" "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.26.tgz"
-  "version" "4.17.26"
+  "integrity" "sha512-e/sVallzUTPdyOTiqi8O8pMdBBphscvI6E4JYaKlja4Lm+zh7UFSSdW5VMkRbhDtmrONqOUHOXRguPsDckzxNA=="
+  "resolved" "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.27.tgz"
+  "version" "4.17.27"
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
@@ -229,9 +242,9 @@
     "@types/node" "*"
 
 "@types/http-proxy@^1.17.5":
-  "integrity" "sha512-9hdj6iXH64tHSLTY+Vt2eYOGzSogC+JQ2H7bdPWkuh7KXP5qLllWx++t+K9Wk556c3dkDdPws/SpMRi0sdCT1w=="
-  "resolved" "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.7.tgz"
-  "version" "1.17.7"
+  "integrity" "sha512-5kPLG5BKpWYkw/LVOGWpiq3nEVqxiN32rTgI53Sk12/xHFQ2rG3ehI9IO+O3W2QoKeyB92dJkoka8SUm6BX1pA=="
+  "resolved" "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.8.tgz"
+  "version" "1.17.8"
   dependencies:
     "@types/node" "*"
 
@@ -256,9 +269,9 @@
   "version" "1.2.2"
 
 "@types/node@*":
-  "integrity" "sha512-KB0sixD67CeecHC33MYn+eYARkqTheIRNuu97y2XMjR7Wu3XibO1vaY6VBV6O/a89SPI81cEUIYT87UqUWlZNw=="
-  "resolved" "https://registry.npmjs.org/@types/node/-/node-16.11.11.tgz"
-  "version" "16.11.11"
+  "integrity" "sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw=="
+  "resolved" "https://registry.npmjs.org/@types/node/-/node-17.0.5.tgz"
+  "version" "17.0.5"
 
 "@types/normalize-package-data@^2.4.0":
   "integrity" "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw=="
@@ -366,7 +379,7 @@
   "resolved" "https://registry.npmjs.org/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.5.15.tgz"
   "version" "4.5.15"
 
-"@vue/cli-service@^4.5.15":
+"@vue/cli-service@^3.0.0 || ^4.0.0-0", "@vue/cli-service@^4.5.15":
   "integrity" "sha512-sFWnLYVCn4zRfu45IcsIE9eXM0YpDV3S11vlM2/DVbIPAGoYo5ySpSof6aHcIvkeGsIsrHFpPHzNvDZ/efs7jA=="
   "resolved" "https://registry.npmjs.org/@vue/cli-service/-/cli-service-4.5.15.tgz"
   "version" "4.5.15"
@@ -636,7 +649,7 @@
     "mime-types" "~2.1.24"
     "negotiator" "0.6.2"
 
-"acorn-jsx@^5.3.1":
+"acorn-jsx@^5.2.0", "acorn-jsx@^5.3.1":
   "integrity" "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
   "resolved" "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   "version" "5.3.2"
@@ -646,20 +659,20 @@
   "resolved" "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   "version" "7.2.0"
 
+"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", "acorn@^7.1.1", "acorn@^7.4.0":
+  "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+  "resolved" "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
+  "version" "7.4.1"
+
 "acorn@^6.4.1":
   "integrity" "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ=="
   "resolved" "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz"
   "version" "6.4.2"
 
-"acorn@^7.1.1", "acorn@^7.4.0":
-  "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
-  "resolved" "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
-  "version" "7.4.1"
-
 "acorn@^8.6.0":
-  "integrity" "sha512-U1riIR+lBSNi3IbxtaHOIKdH8sLFv3NYfNv8sg7ZsNhcfl4HF2++BfqqrNAxoCLQW1iiylOj76ecnaUxz+z9yw=="
-  "resolved" "https://registry.npmjs.org/acorn/-/acorn-8.6.0.tgz"
-  "version" "8.6.0"
+  "integrity" "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ=="
+  "resolved" "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz"
+  "version" "8.7.0"
 
 "address@^1.1.2":
   "integrity" "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA=="
@@ -676,7 +689,7 @@
   "resolved" "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz"
   "version" "3.5.2"
 
-"ajv@^6.1.0", "ajv@^6.10.2", "ajv@^6.12.3", "ajv@^6.12.4", "ajv@^6.12.5":
+"ajv@^6.1.0", "ajv@^6.10.0", "ajv@^6.10.2", "ajv@^6.12.3", "ajv@^6.12.4", "ajv@^6.12.5", "ajv@^6.9.1", "ajv@>=5.0.0":
   "integrity" "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="
   "resolved" "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   "version" "6.12.6"
@@ -859,6 +872,11 @@
   "resolved" "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz"
   "version" "1.0.0"
 
+"astral-regex@^1.0.0":
+  "integrity" "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg=="
+  "resolved" "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz"
+  "version" "1.0.0"
+
 "async-each@^1.0.1":
   "integrity" "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ=="
   "resolved" "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz"
@@ -909,7 +927,7 @@
   "resolved" "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz"
   "version" "1.11.0"
 
-"axios@^0.24.0":
+"axios@^0.24.0", "axios@>= 0.20.0":
   "integrity" "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA=="
   "resolved" "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz"
   "version" "0.24.0"
@@ -1025,21 +1043,21 @@
   "resolved" "https://registry.npmjs.org/bn.js/-/bn.js-5.2.0.tgz"
   "version" "5.2.0"
 
-"body-parser@1.19.0":
-  "integrity" "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw=="
-  "resolved" "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz"
-  "version" "1.19.0"
+"body-parser@1.19.1":
+  "integrity" "sha512-8ljfQi5eBk8EJfECMrgqNGWPEY5jWP+1IzkzkGdFFEwFQZZyaZ21UqdaHktgiMlH0xLHqIFtE/u2OYE5dOtViA=="
+  "resolved" "https://registry.npmjs.org/body-parser/-/body-parser-1.19.1.tgz"
+  "version" "1.19.1"
   dependencies:
-    "bytes" "3.1.0"
+    "bytes" "3.1.1"
     "content-type" "~1.0.4"
     "debug" "2.6.9"
     "depd" "~1.1.2"
-    "http-errors" "1.7.2"
+    "http-errors" "1.8.1"
     "iconv-lite" "0.4.24"
     "on-finished" "~2.3.0"
-    "qs" "6.7.0"
-    "raw-body" "2.4.0"
-    "type-is" "~1.6.17"
+    "qs" "6.9.6"
+    "raw-body" "2.4.2"
+    "type-is" "~1.6.18"
 
 "bonjour@^3.5.0":
   "integrity" "sha1-jokKGD2O6aI5OzhExpGkK897yfU="
@@ -1163,12 +1181,12 @@
     "pako" "~1.0.5"
 
 "browserslist@^4.0.0", "browserslist@^4.12.0":
-  "integrity" "sha512-8ScCzdpPwR2wQh8IT82CA2VgDwjHyqMovPBZSNH54+tm4Jk2pCuv90gmAdH6J84OCRWi0b4gMe6O6XPXuJnjgQ=="
-  "resolved" "https://registry.npmjs.org/browserslist/-/browserslist-4.18.1.tgz"
-  "version" "4.18.1"
+  "integrity" "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A=="
+  "resolved" "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz"
+  "version" "4.19.1"
   dependencies:
-    "caniuse-lite" "^1.0.30001280"
-    "electron-to-chromium" "^1.3.896"
+    "caniuse-lite" "^1.0.30001286"
+    "electron-to-chromium" "^1.4.17"
     "escalade" "^3.1.1"
     "node-releases" "^2.0.1"
     "picocolors" "^1.0.0"
@@ -1212,10 +1230,10 @@
   "resolved" "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz"
   "version" "3.0.0"
 
-"bytes@3.1.0":
-  "integrity" "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg=="
-  "resolved" "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz"
-  "version" "3.1.0"
+"bytes@3.1.1":
+  "integrity" "sha512-dWe4nWO/ruEOY7HkUJ5gFt1DCFV9zPRoJr8pV0/ASQermOZjtq8jMjOprC0Kd10GLN+l7xaUPvxzJFWtxGu8Fg=="
+  "resolved" "https://registry.npmjs.org/bytes/-/bytes-3.1.1.tgz"
+  "version" "3.1.1"
 
 "cacache@^12.0.2", "cacache@^12.0.3":
   "integrity" "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ=="
@@ -1302,6 +1320,11 @@
   "resolved" "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz"
   "version" "2.0.0"
 
+"callsites@^3.0.0":
+  "integrity" "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+  "resolved" "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz"
+  "version" "3.1.0"
+
 "camel-case@3.0.x":
   "integrity" "sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M="
   "resolved" "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz"
@@ -1325,10 +1348,10 @@
     "lodash.memoize" "^4.1.2"
     "lodash.uniq" "^4.5.0"
 
-"caniuse-lite@^1.0.0", "caniuse-lite@^1.0.30001109", "caniuse-lite@^1.0.30001280":
-  "integrity" "sha512-KAOkuUtcQ901MtmvxfKD+ODHH9YVDYnBt+TGYSz2KIfnq22CiArbUxXPN9067gNbgMlnNYRSwho8OPXZPALB9Q=="
-  "resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001285.tgz"
-  "version" "1.0.30001285"
+"caniuse-lite@^1.0.0", "caniuse-lite@^1.0.30001109", "caniuse-lite@^1.0.30001286":
+  "integrity" "sha512-LiMlrs1nSKZ8qkNhpUf5KD0Al1KCBE3zaT7OLOwEkagXMEDij98SiOovn9wxVGQpklk9vVC/pUSqgYmkmKOS8g=="
+  "resolved" "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001294.tgz"
+  "version" "1.0.30001294"
 
 "case-sensitive-paths-webpack-plugin@^2.3.0":
   "integrity" "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw=="
@@ -1358,7 +1381,7 @@
     "escape-string-regexp" "^1.0.5"
     "supports-color" "^5.3.0"
 
-"chalk@^2.3.0":
+"chalk@^2.1.0":
   "integrity" "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ=="
   "resolved" "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
   "version" "2.4.2"
@@ -1728,12 +1751,12 @@
   "resolved" "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz"
   "version" "1.0.0"
 
-"content-disposition@0.5.3":
-  "integrity" "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g=="
-  "resolved" "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz"
-  "version" "0.5.3"
+"content-disposition@0.5.4":
+  "integrity" "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ=="
+  "resolved" "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz"
+  "version" "0.5.4"
   dependencies:
-    "safe-buffer" "5.1.2"
+    "safe-buffer" "5.2.1"
 
 "content-type@~1.0.4":
   "integrity" "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
@@ -1745,10 +1768,10 @@
   "resolved" "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz"
   "version" "1.0.6"
 
-"cookie@0.4.0":
-  "integrity" "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg=="
-  "resolved" "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz"
-  "version" "0.4.0"
+"cookie@0.4.1":
+  "integrity" "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA=="
+  "resolved" "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz"
+  "version" "0.4.1"
 
 "copy-concurrently@^1.0.0":
   "integrity" "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A=="
@@ -1786,9 +1809,9 @@
     "webpack-log" "^2.0.0"
 
 "core-js@^3.19.3":
-  "integrity" "sha512-LeLBMgEGSsG7giquSzvgBrTS7V5UL6ks3eQlUSbN8dJStlLFiRzUm5iqsRyzUB8carhfKjkJ2vzKqE6z1Vga9g=="
-  "resolved" "https://registry.npmjs.org/core-js/-/core-js-3.19.3.tgz"
-  "version" "3.19.3"
+  "integrity" "sha512-btdpStYFQScnNVQ5slVcr858KP0YWYjV16eGJQw8Gg7CWtu/2qNvIM3qVRIR3n1pK2R9NNOrTevbvAYxajwEjg=="
+  "resolved" "https://registry.npmjs.org/core-js/-/core-js-3.20.1.tgz"
+  "version" "3.20.1"
 
 "core-util-is@~1.0.0":
   "integrity" "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
@@ -1850,7 +1873,7 @@
     "shebang-command" "^1.2.0"
     "which" "^1.2.9"
 
-"cross-spawn@^6.0.0":
+"cross-spawn@^6.0.0", "cross-spawn@^6.0.5":
   "integrity" "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ=="
   "resolved" "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz"
   "version" "6.0.5"
@@ -1900,7 +1923,7 @@
     "postcss" "^7.0.1"
     "timsort" "^0.3.0"
 
-"css-loader@^3.5.3":
+"css-loader@*", "css-loader@^3.5.3":
   "integrity" "sha512-M5lSukoWi1If8dhQAUCvj4H8vUt3vOnwbQBH9DdTm/s4Ym2B/3dPMtYZeJmq7Q3S3Pa+I94DcZ7pc9bP14cWIQ=="
   "resolved" "https://registry.npmjs.org/css-loader/-/css-loader-3.6.0.tgz"
   "version" "3.6.0"
@@ -1935,15 +1958,15 @@
     "nth-check" "^1.0.2"
 
 "css-select@^4.1.3":
-  "integrity" "sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA=="
-  "resolved" "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz"
-  "version" "4.1.3"
+  "integrity" "sha512-/aUslKhzkTNCQUB2qTX84lVmfia9NyjP3WpDGtj/WxhwBzWBYUV3DgUpurHTme8UTPcPlAD1DJ+b0nN/t50zDQ=="
+  "resolved" "https://registry.npmjs.org/css-select/-/css-select-4.2.1.tgz"
+  "version" "4.2.1"
   dependencies:
     "boolbase" "^1.0.0"
-    "css-what" "^5.0.0"
-    "domhandler" "^4.2.0"
-    "domutils" "^2.6.0"
-    "nth-check" "^2.0.0"
+    "css-what" "^5.1.0"
+    "domhandler" "^4.3.0"
+    "domutils" "^2.8.0"
+    "nth-check" "^2.0.1"
 
 "css-tree@^1.1.2":
   "integrity" "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q=="
@@ -1966,7 +1989,7 @@
   "resolved" "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz"
   "version" "3.4.2"
 
-"css-what@^5.0.0":
+"css-what@^5.1.0":
   "integrity" "sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw=="
   "resolved" "https://registry.npmjs.org/css-what/-/css-what-5.1.0.tgz"
   "version" "5.1.0"
@@ -2096,7 +2119,7 @@
   dependencies:
     "ms" "^2.1.1"
 
-"debug@^4.1.0", "debug@^4.1.1", "debug@^4.3.2":
+"debug@^4.0.1", "debug@^4.1.0", "debug@^4.1.1", "debug@^4.3.2":
   "integrity" "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q=="
   "resolved" "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz"
   "version" "4.3.3"
@@ -2139,6 +2162,11 @@
     "object-keys" "^1.1.1"
     "regexp.prototype.flags" "^1.2.0"
 
+"deep-is@~0.1.3":
+  "integrity" "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+  "resolved" "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
+  "version" "0.1.4"
+
 "deepmerge@^1.5.2":
   "integrity" "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
   "resolved" "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz"
@@ -2272,6 +2300,13 @@
   dependencies:
     "buffer-indexof" "^1.0.0"
 
+"doctrine@^3.0.0":
+  "integrity" "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w=="
+  "resolved" "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz"
+  "version" "3.0.0"
+  dependencies:
+    "esutils" "^2.0.2"
+
 "dom-converter@^0.2.0":
   "integrity" "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA=="
   "resolved" "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz"
@@ -2311,7 +2346,7 @@
   "resolved" "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz"
   "version" "1.3.1"
 
-"domhandler@^4.0.0", "domhandler@^4.2.0":
+"domhandler@^4.0.0", "domhandler@^4.2.0", "domhandler@^4.3.0":
   "integrity" "sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g=="
   "resolved" "https://registry.npmjs.org/domhandler/-/domhandler-4.3.0.tgz"
   "version" "4.3.0"
@@ -2326,7 +2361,7 @@
     "dom-serializer" "0"
     "domelementtype" "1"
 
-"domutils@^2.5.2", "domutils@^2.6.0":
+"domutils@^2.5.2", "domutils@^2.8.0":
   "integrity" "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A=="
   "resolved" "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
   "version" "2.8.0"
@@ -2390,10 +2425,10 @@
   "resolved" "https://registry.npmjs.org/ejs/-/ejs-2.7.4.tgz"
   "version" "2.7.4"
 
-"electron-to-chromium@^1.3.896":
-  "integrity" "sha512-2OhsaYgsWGhWjx2et8kaUcdktPbBGjKM2X0BReUCKcSCPttEY+hz2zie820JLbttU8jwL92+JJysWwkut3wZgA=="
-  "resolved" "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.11.tgz"
-  "version" "1.4.11"
+"electron-to-chromium@^1.4.17":
+  "integrity" "sha512-N2Jbwxo5Rum8G2YXeUxycs1sv4Qme/ry71HG73bv8BvZl+I/4JtRgK/En+ST/Wh/yF1fqvVCY4jZBgMxnhjtBA=="
+  "resolved" "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.29.tgz"
+  "version" "1.4.29"
 
 "elliptic@^6.5.3":
   "integrity" "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ=="
@@ -2554,6 +2589,14 @@
     "esrecurse" "^4.1.0"
     "estraverse" "^4.1.1"
 
+"eslint-scope@^5.0.0":
+  "integrity" "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw=="
+  "resolved" "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz"
+  "version" "5.1.1"
+  dependencies:
+    "esrecurse" "^4.3.0"
+    "estraverse" "^4.1.1"
+
 "eslint-scope@^6.0.0":
   "integrity" "sha512-uRDL9MWmQCkaFus8RF5K9/L/2fn+80yoW3jkD53l4shjCh26fCtvJGasxjUqP5OT87SYTxCVA3BwTUzuELx9kA=="
   "resolved" "https://registry.npmjs.org/eslint-scope/-/eslint-scope-6.0.0.tgz"
@@ -2562,6 +2605,13 @@
     "esrecurse" "^4.3.0"
     "estraverse" "^5.2.0"
 
+"eslint-utils@^1.4.3":
+  "integrity" "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q=="
+  "resolved" "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz"
+  "version" "1.4.3"
+  dependencies:
+    "eslint-visitor-keys" "^1.1.0"
+
 "eslint-utils@^3.0.0":
   "integrity" "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA=="
   "resolved" "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz"
@@ -2569,7 +2619,7 @@
   dependencies:
     "eslint-visitor-keys" "^2.0.0"
 
-"eslint-visitor-keys@^1.0.0":
+"eslint-visitor-keys@^1.0.0", "eslint-visitor-keys@^1.1.0":
   "integrity" "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ=="
   "resolved" "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz"
   "version" "1.3.0"
@@ -2579,15 +2629,62 @@
   "resolved" "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz"
   "version" "2.1.0"
 
-"eslint-visitor-keys@^3.0.0":
+"eslint-visitor-keys@^3.0.0", "eslint-visitor-keys@^3.1.0":
   "integrity" "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA=="
   "resolved" "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz"
   "version" "3.1.0"
 
-"eslint-visitor-keys@^3.1.0":
-  "integrity" "sha512-yWJFpu4DtjsWKkt5GeNBBuZMlNcYVs6vRCLoCVEJrTjaSB6LC98gFipNK/erM2Heg/E8mIK+hXG/pJMLK+eRZA=="
-  "resolved" "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.1.0.tgz"
-  "version" "3.1.0"
+"eslint@^6.2.0 || ^7.0.0 || ^8.0.0", "eslint@>= 1.6.0 < 7.0.0", "eslint@>= 4.12.1", "eslint@>=1.6.0 <7.0.0", "eslint@>=5", "eslint@>=6.0.0":
+  "integrity" "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig=="
+  "resolved" "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz"
+  "version" "6.8.0"
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "ajv" "^6.10.0"
+    "chalk" "^2.1.0"
+    "cross-spawn" "^6.0.5"
+    "debug" "^4.0.1"
+    "doctrine" "^3.0.0"
+    "eslint-scope" "^5.0.0"
+    "eslint-utils" "^1.4.3"
+    "eslint-visitor-keys" "^1.1.0"
+    "espree" "^6.1.2"
+    "esquery" "^1.0.1"
+    "esutils" "^2.0.2"
+    "file-entry-cache" "^5.0.1"
+    "functional-red-black-tree" "^1.0.1"
+    "glob-parent" "^5.0.0"
+    "globals" "^12.1.0"
+    "ignore" "^4.0.6"
+    "import-fresh" "^3.0.0"
+    "imurmurhash" "^0.1.4"
+    "inquirer" "^7.0.0"
+    "is-glob" "^4.0.0"
+    "js-yaml" "^3.13.1"
+    "json-stable-stringify-without-jsonify" "^1.0.1"
+    "levn" "^0.3.0"
+    "lodash" "^4.17.14"
+    "minimatch" "^3.0.4"
+    "mkdirp" "^0.5.1"
+    "natural-compare" "^1.4.0"
+    "optionator" "^0.8.3"
+    "progress" "^2.0.0"
+    "regexpp" "^2.0.1"
+    "semver" "^6.1.2"
+    "strip-ansi" "^5.2.0"
+    "strip-json-comments" "^3.0.1"
+    "table" "^5.2.3"
+    "text-table" "^0.2.0"
+    "v8-compile-cache" "^2.0.3"
+
+"espree@^6.1.2":
+  "integrity" "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw=="
+  "resolved" "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz"
+  "version" "6.2.1"
+  dependencies:
+    "acorn" "^7.1.1"
+    "acorn-jsx" "^5.2.0"
+    "eslint-visitor-keys" "^1.1.0"
 
 "espree@^9.0.0":
   "integrity" "sha512-oP3utRkynpZWF/F2x/HZJ+AGtnIclaR7z1pYPxy7NYM2fSO6LgK/Rkny8anRSPK/VwEA1eqm2squui0T7ZMOBg=="
@@ -2603,7 +2700,7 @@
   "resolved" "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz"
   "version" "4.0.1"
 
-"esquery@^1.4.0":
+"esquery@^1.0.1", "esquery@^1.4.0":
   "integrity" "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w=="
   "resolved" "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz"
   "version" "1.4.0"
@@ -2622,11 +2719,21 @@
   "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz"
   "version" "4.3.0"
 
-"estraverse@^5.1.0", "estraverse@^5.2.0":
+"estraverse@^5.1.0":
+  "integrity" "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
+  "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
+  "version" "5.3.0"
+
+"estraverse@^5.2.0":
   "integrity" "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
   "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
   "version" "5.3.0"
 
+"esutils@^2.0.2":
+  "integrity" "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
+  "resolved" "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
+  "version" "2.0.3"
+
 "etag@~1.8.1":
   "integrity" "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
   "resolved" "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
@@ -2718,16 +2825,16 @@
     "to-regex" "^3.0.1"
 
 "express@^4.16.3", "express@^4.17.1":
-  "integrity" "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g=="
-  "resolved" "https://registry.npmjs.org/express/-/express-4.17.1.tgz"
-  "version" "4.17.1"
+  "integrity" "sha512-oxlxJxcQlYwqPWKVJJtvQiwHgosH/LrLSPA+H4UxpyvSS6jC5aH+5MoHFM+KABgTOt0APue4w66Ha8jCUo9QGg=="
+  "resolved" "https://registry.npmjs.org/express/-/express-4.17.2.tgz"
+  "version" "4.17.2"
   dependencies:
     "accepts" "~1.3.7"
     "array-flatten" "1.1.1"
-    "body-parser" "1.19.0"
-    "content-disposition" "0.5.3"
+    "body-parser" "1.19.1"
+    "content-disposition" "0.5.4"
     "content-type" "~1.0.4"
-    "cookie" "0.4.0"
+    "cookie" "0.4.1"
     "cookie-signature" "1.0.6"
     "debug" "2.6.9"
     "depd" "~1.1.2"
@@ -2741,13 +2848,13 @@
     "on-finished" "~2.3.0"
     "parseurl" "~1.3.3"
     "path-to-regexp" "0.1.7"
-    "proxy-addr" "~2.0.5"
-    "qs" "6.7.0"
+    "proxy-addr" "~2.0.7"
+    "qs" "6.9.6"
     "range-parser" "~1.2.1"
-    "safe-buffer" "5.1.2"
-    "send" "0.17.1"
-    "serve-static" "1.14.1"
-    "setprototypeof" "1.1.1"
+    "safe-buffer" "5.2.1"
+    "send" "0.17.2"
+    "serve-static" "1.14.2"
+    "setprototypeof" "1.2.0"
     "statuses" "~1.5.0"
     "type-is" "~1.6.18"
     "utils-merge" "1.0.1"
@@ -2823,6 +2930,11 @@
   "resolved" "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
   "version" "2.1.0"
 
+"fast-levenshtein@~2.0.6":
+  "integrity" "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
+  "resolved" "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
+  "version" "2.0.6"
+
 "faye-websocket@^0.11.3":
   "integrity" "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g=="
   "resolved" "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz"
@@ -2842,7 +2954,14 @@
   dependencies:
     "escape-string-regexp" "^1.0.5"
 
-"file-loader@^4.2.0":
+"file-entry-cache@^5.0.1":
+  "integrity" "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g=="
+  "resolved" "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz"
+  "version" "5.0.1"
+  dependencies:
+    "flat-cache" "^2.0.1"
+
+"file-loader@*", "file-loader@^4.2.0":
   "integrity" "sha512-aKrYPYjF1yG3oX0kWRrqrSMfgftm7oJW5M+m4owoldH5C51C0RkIwB++JbRvEW3IU6/ZG5n8UvEcdgwOt2UOWA=="
   "resolved" "https://registry.npmjs.org/file-loader/-/file-loader-4.3.0.tgz"
   "version" "4.3.0"
@@ -2948,6 +3067,20 @@
     "locate-path" "^5.0.0"
     "path-exists" "^4.0.0"
 
+"flat-cache@^2.0.1":
+  "integrity" "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA=="
+  "resolved" "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz"
+  "version" "2.0.1"
+  dependencies:
+    "flatted" "^2.0.0"
+    "rimraf" "2.6.3"
+    "write" "1.0.3"
+
+"flatted@^2.0.0":
+  "integrity" "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA=="
+  "resolved" "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz"
+  "version" "2.0.2"
+
 "flush-write-stream@^1.0.0":
   "integrity" "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w=="
   "resolved" "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz"
@@ -2957,9 +3090,9 @@
     "readable-stream" "^2.3.6"
 
 "follow-redirects@^1.0.0", "follow-redirects@^1.14.4":
-  "integrity" "sha512-wtphSXy7d4/OR+MvIFbCVBDzZ5520qV8XfPklSN5QtxuMUJZ+b0Wnst1e1lCDocfzuCkHqj8k0FpZqO+UIaKNA=="
-  "resolved" "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.5.tgz"
-  "version" "1.14.5"
+  "integrity" "sha512-fhUl5EwSJbbl8AR+uYL2KQDxLkdSjZGR36xy46AO7cOMTrCMON6Sa28FmAnC2tRTDbd/Uuzz3aJBv7EBN7JH8A=="
+  "resolved" "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.6.tgz"
+  "version" "1.14.6"
 
 "for-in@^1.0.2":
   "integrity" "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA="
@@ -3047,6 +3180,11 @@
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
   "version" "1.1.1"
 
+"functional-red-black-tree@^1.0.1":
+  "integrity" "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc="
+  "resolved" "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz"
+  "version" "1.0.1"
+
 "get-caller-file@^2.0.1", "get-caller-file@^2.0.5":
   "integrity" "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
   "resolved" "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz"
@@ -3108,7 +3246,7 @@
     "is-glob" "^3.1.0"
     "path-dirname" "^1.0.0"
 
-"glob-parent@~5.1.2":
+"glob-parent@^5.0.0", "glob-parent@~5.1.2":
   "integrity" "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="
   "resolved" "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
   "version" "5.1.2"
@@ -3137,6 +3275,13 @@
   "resolved" "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
   "version" "11.12.0"
 
+"globals@^12.1.0":
+  "integrity" "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg=="
+  "resolved" "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz"
+  "version" "12.4.0"
+  dependencies:
+    "type-fest" "^0.8.1"
+
 "globby@^6.1.0":
   "integrity" "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw="
   "resolved" "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz"
@@ -3369,7 +3514,7 @@
     "relateurl" "0.2.x"
     "uglify-js" "3.4.x"
 
-"html-webpack-plugin@^3.2.0":
+"html-webpack-plugin@^3.2.0", "html-webpack-plugin@>=2.26.0":
   "integrity" "sha1-sBq71yOsqqeze2r0SS69oD2d03s="
   "resolved" "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-3.2.0.tgz"
   "version" "3.2.0"
@@ -3407,16 +3552,16 @@
     "setprototypeof" "1.1.0"
     "statuses" ">= 1.4.0 < 2"
 
-"http-errors@~1.7.2", "http-errors@1.7.2":
-  "integrity" "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg=="
-  "resolved" "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz"
-  "version" "1.7.2"
+"http-errors@1.8.1":
+  "integrity" "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g=="
+  "resolved" "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz"
+  "version" "1.8.1"
   dependencies:
     "depd" "~1.1.2"
-    "inherits" "2.0.3"
-    "setprototypeof" "1.1.1"
+    "inherits" "2.0.4"
+    "setprototypeof" "1.2.0"
     "statuses" ">= 1.5.0 < 2"
-    "toidentifier" "1.0.0"
+    "toidentifier" "1.0.1"
 
 "http-parser-js@>=0.5.1":
   "integrity" "sha512-x+JVEkO2PoM8qqpbPbOL3cqHPwerep7OwzK7Ay+sMQjKzaKCqWvjoXm5tqMP9tXWWTnTzAjIhXg+J99XYuPhPA=="
@@ -3501,7 +3646,7 @@
   "resolved" "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz"
   "version" "3.3.10"
 
-"ignore@^4.0.3":
+"ignore@^4.0.3", "ignore@^4.0.6":
   "integrity" "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
   "resolved" "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz"
   "version" "4.0.6"
@@ -3521,6 +3666,14 @@
     "caller-path" "^2.0.0"
     "resolve-from" "^3.0.0"
 
+"import-fresh@^3.0.0":
+  "integrity" "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw=="
+  "resolved" "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz"
+  "version" "3.3.0"
+  dependencies:
+    "parent-module" "^1.0.0"
+    "resolve-from" "^4.0.0"
+
 "import-from@^2.1.0":
   "integrity" "sha1-M1238qev/VOqpHHUuAId7ja387E="
   "resolved" "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz"
@@ -3559,7 +3712,7 @@
     "once" "^1.3.0"
     "wrappy" "1"
 
-"inherits@^2.0.1", "inherits@^2.0.3", "inherits@^2.0.4", "inherits@~2.0.1", "inherits@~2.0.3", "inherits@2":
+"inherits@^2.0.1", "inherits@^2.0.3", "inherits@^2.0.4", "inherits@~2.0.1", "inherits@~2.0.3", "inherits@2", "inherits@2.0.4":
   "integrity" "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
   "resolved" "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   "version" "2.0.4"
@@ -3574,7 +3727,7 @@
   "resolved" "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz"
   "version" "2.0.3"
 
-"inquirer@^7.1.0":
+"inquirer@^7.0.0", "inquirer@^7.1.0":
   "integrity" "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA=="
   "resolved" "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz"
   "version" "7.3.3"
@@ -3833,9 +3986,9 @@
     "is-extglob" "^2.1.1"
 
 "is-negative-zero@^2.0.1":
-  "integrity" "sha512-2z6JzQvZRa9A2Y7xC6dQQm4FSTSTNWjKIYYTt4246eMTJmIo0Q+ZyOsU66X8lxK1AbB92dFeglPLrhwpeRKO6w=="
-  "resolved" "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.1.tgz"
-  "version" "2.0.1"
+  "integrity" "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA=="
+  "resolved" "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz"
+  "version" "2.0.2"
 
 "is-number-object@^1.0.4":
   "integrity" "sha512-bEVOqiRcvo3zO1+G2lVMy+gkkEm9Yh7cDMRusKKu5ZJKPUYSJwICTKZrNKHA2EbSP0Tu0+6B/emsYNHZyn6K8g=="
@@ -3945,11 +4098,11 @@
   "version" "1.0.0"
 
 "is-weakref@^1.0.1":
-  "integrity" "sha512-b2jKc2pQZjaeFYWEf7ScFj+Be1I+PXmlu572Q8coTXZ+LD/QQZ7ShPMst8h16riVgyXTQwUsFEl74mDvc/3MHQ=="
-  "resolved" "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.1.tgz"
-  "version" "1.0.1"
+  "integrity" "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ=="
+  "resolved" "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz"
+  "version" "1.0.2"
   dependencies:
-    "call-bind" "^1.0.0"
+    "call-bind" "^1.0.2"
 
 "is-windows@^1.0.2":
   "integrity" "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA=="
@@ -4060,6 +4213,11 @@
   "resolved" "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz"
   "version" "0.4.0"
 
+"json-stable-stringify-without-jsonify@^1.0.1":
+  "integrity" "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE="
+  "resolved" "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
+  "version" "1.0.1"
+
 "json-stringify-safe@~5.0.1":
   "integrity" "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
   "resolved" "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
@@ -4153,20 +4311,28 @@
   "version" "2.0.5"
 
 "launch-editor-middleware@^2.2.1":
-  "integrity" "sha512-s0UO2/gEGiCgei3/2UN3SMuUj1phjQN8lcpnvgLSz26fAzNWPQ6Nf/kF5IFClnfU2ehp6LrmKdMU/beveO+2jg=="
-  "resolved" "https://registry.npmjs.org/launch-editor-middleware/-/launch-editor-middleware-2.2.1.tgz"
-  "version" "2.2.1"
+  "integrity" "sha512-GJR64trLdFFwCoL9DMn/d1SZX0OzTDPixu4mcfWTShQ4tIqCHCGvlg9fOEYQXyBlrSMQwylsJfUWncheShfV2w=="
+  "resolved" "https://registry.npmjs.org/launch-editor-middleware/-/launch-editor-middleware-2.3.0.tgz"
+  "version" "2.3.0"
   dependencies:
-    "launch-editor" "^2.2.1"
+    "launch-editor" "^2.3.0"
 
-"launch-editor@^2.2.1":
-  "integrity" "sha512-On+V7K2uZK6wK7x691ycSUbLD/FyKKelArkbaAMSSJU8JmqmhwN2+mnJDNINuJWSrh2L0kDk+ZQtbC/gOWUwLw=="
-  "resolved" "https://registry.npmjs.org/launch-editor/-/launch-editor-2.2.1.tgz"
-  "version" "2.2.1"
+"launch-editor@^2.2.1", "launch-editor@^2.3.0":
+  "integrity" "sha512-3QrsCXejlWYHjBPFXTyGNhPj4rrQdB+5+r5r3wArpLH201aR+nWUgw/zKKkTmilCfY/sv6u8qo98pNvtg8LUTA=="
+  "resolved" "https://registry.npmjs.org/launch-editor/-/launch-editor-2.3.0.tgz"
+  "version" "2.3.0"
   dependencies:
-    "chalk" "^2.3.0"
+    "picocolors" "^1.0.0"
     "shell-quote" "^1.6.1"
 
+"levn@^0.3.0", "levn@~0.3.0":
+  "integrity" "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4="
+  "resolved" "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz"
+  "version" "0.3.0"
+  dependencies:
+    "prelude-ls" "~1.1.2"
+    "type-check" "~0.3.2"
+
 "lines-and-columns@^1.1.6":
   "integrity" "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
   "resolved" "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz"
@@ -4499,9 +4665,9 @@
   "version" "1.2.5"
 
 "minipass@^3.1.1":
-  "integrity" "sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw=="
-  "resolved" "https://registry.npmjs.org/minipass/-/minipass-3.1.5.tgz"
-  "version" "3.1.5"
+  "integrity" "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ=="
+  "resolved" "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz"
+  "version" "3.1.6"
   dependencies:
     "yallist" "^4.0.0"
 
@@ -4563,10 +4729,10 @@
   "resolved" "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
   "version" "2.0.0"
 
-"ms@2.1.1":
-  "integrity" "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg=="
-  "resolved" "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz"
-  "version" "2.1.1"
+"ms@2.1.3":
+  "integrity" "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+  "resolved" "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  "version" "2.1.3"
 
 "multicast-dns-service-types@^1.1.0":
   "integrity" "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE="
@@ -4760,7 +4926,7 @@
   dependencies:
     "boolbase" "~1.0.0"
 
-"nth-check@^2.0.0":
+"nth-check@^2.0.1":
   "integrity" "sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w=="
   "resolved" "https://registry.npmjs.org/nth-check/-/nth-check-2.0.1.tgz"
   "version" "2.0.1"
@@ -4805,9 +4971,9 @@
   "version" "1.3.1"
 
 "object-inspect@^1.11.0", "object-inspect@^1.9.0":
-  "integrity" "sha512-If7BjFlpkzzBeV1cqgT3OSWT3azyoxDGajR+iGnFBfVV2EWyDyWaZZW2ERDjUaY2QM8i5jI3Sj7mhsM4DDAqWA=="
-  "resolved" "https://registry.npmjs.org/object-inspect/-/object-inspect-1.11.1.tgz"
-  "version" "1.11.1"
+  "integrity" "sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g=="
+  "resolved" "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.0.tgz"
+  "version" "1.12.0"
 
 "object-is@^1.0.1":
   "integrity" "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw=="
@@ -4921,6 +5087,18 @@
   dependencies:
     "is-wsl" "^1.1.0"
 
+"optionator@^0.8.3":
+  "integrity" "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA=="
+  "resolved" "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz"
+  "version" "0.8.3"
+  dependencies:
+    "deep-is" "~0.1.3"
+    "fast-levenshtein" "~2.0.6"
+    "levn" "~0.3.0"
+    "prelude-ls" "~1.1.2"
+    "type-check" "~0.3.2"
+    "word-wrap" "~1.2.3"
+
 "ora@^3.4.0":
   "integrity" "sha512-eNwHudNbO1folBP3JsZ19v9azXWtQZjICdr3Q0TDPIaeBQ3mXLrh54wM+er0+hSp+dWKf+Z8KM58CYzEyIYxYg=="
   "resolved" "https://registry.npmjs.org/ora/-/ora-3.4.0.tgz"
@@ -5019,6 +5197,13 @@
   dependencies:
     "no-case" "^2.2.0"
 
+"parent-module@^1.0.0":
+  "integrity" "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="
+  "resolved" "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz"
+  "version" "1.0.1"
+  dependencies:
+    "callsites" "^3.0.0"
+
 "parse-asn1@^5.0.0", "parse-asn1@^5.1.5":
   "integrity" "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw=="
   "resolved" "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz"
@@ -5528,9 +5713,9 @@
     "uniq" "^1.0.1"
 
 "postcss-selector-parser@^6.0.0", "postcss-selector-parser@^6.0.2":
-  "integrity" "sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg=="
-  "resolved" "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz"
-  "version" "6.0.6"
+  "integrity" "sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ=="
+  "resolved" "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz"
+  "version" "6.0.8"
   dependencies:
     "cssesc" "^3.0.0"
     "util-deprecate" "^1.0.2"
@@ -5571,6 +5756,11 @@
     "picocolors" "^0.2.1"
     "source-map" "^0.6.1"
 
+"prelude-ls@~1.1.2":
+  "integrity" "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ="
+  "resolved" "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz"
+  "version" "1.1.2"
+
 "prepend-http@^1.0.0":
   "integrity" "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw="
   "resolved" "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz"
@@ -5599,12 +5789,17 @@
   "resolved" "https://registry.npmjs.org/process/-/process-0.11.10.tgz"
   "version" "0.11.10"
 
+"progress@^2.0.0":
+  "integrity" "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
+  "resolved" "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz"
+  "version" "2.0.3"
+
 "promise-inflight@^1.0.1":
   "integrity" "sha1-mEcocL8igTL8vdhoEputEsPAKeM="
   "resolved" "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz"
   "version" "1.0.1"
 
-"proxy-addr@~2.0.5":
+"proxy-addr@~2.0.7":
   "integrity" "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg=="
   "resolved" "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
   "version" "2.0.7"
@@ -5689,10 +5884,10 @@
   "resolved" "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz"
   "version" "6.5.2"
 
-"qs@6.7.0":
-  "integrity" "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ=="
-  "resolved" "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz"
-  "version" "6.7.0"
+"qs@6.9.6":
+  "integrity" "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ=="
+  "resolved" "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz"
+  "version" "6.9.6"
 
 "query-string@^4.1.0":
   "integrity" "sha1-u7aTucqRXCMlFbIosaArYJBD2+s="
@@ -5737,13 +5932,13 @@
   "resolved" "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz"
   "version" "1.2.1"
 
-"raw-body@2.4.0":
-  "integrity" "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q=="
-  "resolved" "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz"
-  "version" "2.4.0"
+"raw-body@2.4.2":
+  "integrity" "sha512-RPMAFUJP19WIet/99ngh6Iv8fzAbqum4Li7AD6DtGaW2RpMB/11xDoalPiJMTbu6I3hkbMVkATvZrqb9EEqeeQ=="
+  "resolved" "https://registry.npmjs.org/raw-body/-/raw-body-2.4.2.tgz"
+  "version" "2.4.2"
   dependencies:
-    "bytes" "3.1.0"
-    "http-errors" "1.7.2"
+    "bytes" "3.1.1"
+    "http-errors" "1.8.1"
     "iconv-lite" "0.4.24"
     "unpipe" "1.0.0"
 
@@ -5827,6 +6022,11 @@
     "call-bind" "^1.0.2"
     "define-properties" "^1.1.3"
 
+"regexpp@^2.0.1":
+  "integrity" "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw=="
+  "resolved" "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz"
+  "version" "2.0.1"
+
 "relateurl@0.2.x":
   "integrity" "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk="
   "resolved" "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz"
@@ -5916,6 +6116,11 @@
   "resolved" "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz"
   "version" "3.0.0"
 
+"resolve-from@^4.0.0":
+  "integrity" "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+  "resolved" "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
+  "version" "4.0.0"
+
 "resolve-url@^0.2.1":
   "integrity" "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
   "resolved" "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz"
@@ -5972,6 +6177,13 @@
   dependencies:
     "glob" "^7.1.3"
 
+"rimraf@2.6.3":
+  "integrity" "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA=="
+  "resolved" "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz"
+  "version" "2.6.3"
+  dependencies:
+    "glob" "^7.1.3"
+
 "ripemd160@^2.0.0", "ripemd160@^2.0.1":
   "integrity" "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA=="
   "resolved" "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz"
@@ -6009,6 +6221,11 @@
   "resolved" "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   "version" "5.2.1"
 
+"safe-buffer@5.2.1":
+  "integrity" "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+  "resolved" "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
+  "version" "5.2.1"
+
 "safe-regex@^1.1.0":
   "integrity" "sha1-QKNmnzsHfR6UPURinhV91IAjvy4="
   "resolved" "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz"
@@ -6022,9 +6239,9 @@
   "version" "2.1.2"
 
 "sass-loader@^10.1.0":
-  "integrity" "sha512-kUceLzC1gIHz0zNJPpqRsJyisWatGYNFRmv2CKZK2/ngMJgLqxTbXwe/hJ85luyvZkgqU3VlJ33UVF2T/0g6mw=="
-  "resolved" "https://registry.npmjs.org/sass-loader/-/sass-loader-10.2.0.tgz"
-  "version" "10.2.0"
+  "integrity" "sha512-ZCKAlczLBbFd3aGAhowpYEy69Te3Z68cg8bnHHl6WnSCvnKpbM6pQrz957HWMa8LKVuhnD9uMplmMAHwGQtHeg=="
+  "resolved" "https://registry.npmjs.org/sass-loader/-/sass-loader-10.1.0.tgz"
+  "version" "10.1.0"
   dependencies:
     "klona" "^2.0.4"
     "loader-utils" "^2.0.0"
@@ -6032,10 +6249,10 @@
     "schema-utils" "^3.0.0"
     "semver" "^7.3.2"
 
-"sass@~1.32.12":
-  "integrity" "sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA=="
-  "resolved" "https://registry.npmjs.org/sass/-/sass-1.32.13.tgz"
-  "version" "1.32.13"
+"sass@^1.3.0", "sass@~1.32.12":
+  "integrity" "sha512-zmXn03k3hN0KaiVTjohgkg98C3UowhL1/VSGdj4/VAAiMKGQOE80PFPxFP2Kyq0OUskPKcY5lImkhBKEHlypJA=="
+  "resolved" "https://registry.npmjs.org/sass/-/sass-1.32.12.tgz"
+  "version" "1.32.12"
   dependencies:
     "chokidar" ">=3.0.0 <4.0.0"
 
@@ -6093,7 +6310,7 @@
   "resolved" "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz"
   "version" "5.7.1"
 
-"semver@^6.0.0", "semver@^6.1.0", "semver@^6.3.0":
+"semver@^6.0.0", "semver@^6.1.0", "semver@^6.1.2", "semver@^6.3.0":
   "integrity" "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
   "resolved" "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
   "version" "6.3.0"
@@ -6124,10 +6341,10 @@
   "resolved" "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz"
   "version" "5.7.1"
 
-"send@0.17.1":
-  "integrity" "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg=="
-  "resolved" "https://registry.npmjs.org/send/-/send-0.17.1.tgz"
-  "version" "0.17.1"
+"send@0.17.2":
+  "integrity" "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww=="
+  "resolved" "https://registry.npmjs.org/send/-/send-0.17.2.tgz"
+  "version" "0.17.2"
   dependencies:
     "debug" "2.6.9"
     "depd" "~1.1.2"
@@ -6136,9 +6353,9 @@
     "escape-html" "~1.0.3"
     "etag" "~1.8.1"
     "fresh" "0.5.2"
-    "http-errors" "~1.7.2"
+    "http-errors" "1.8.1"
     "mime" "1.6.0"
-    "ms" "2.1.1"
+    "ms" "2.1.3"
     "on-finished" "~2.3.0"
     "range-parser" "~1.2.1"
     "statuses" "~1.5.0"
@@ -6163,15 +6380,15 @@
     "mime-types" "~2.1.17"
     "parseurl" "~1.3.2"
 
-"serve-static@1.14.1":
-  "integrity" "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg=="
-  "resolved" "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz"
-  "version" "1.14.1"
+"serve-static@1.14.2":
+  "integrity" "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ=="
+  "resolved" "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz"
+  "version" "1.14.2"
   dependencies:
     "encodeurl" "~1.0.2"
     "escape-html" "~1.0.3"
     "parseurl" "~1.3.3"
-    "send" "0.17.1"
+    "send" "0.17.2"
 
 "set-blocking@^2.0.0":
   "integrity" "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
@@ -6198,10 +6415,10 @@
   "resolved" "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz"
   "version" "1.1.0"
 
-"setprototypeof@1.1.1":
-  "integrity" "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
-  "resolved" "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz"
-  "version" "1.1.1"
+"setprototypeof@1.2.0":
+  "integrity" "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+  "resolved" "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
+  "version" "1.2.0"
 
 "sha.js@^2.4.0", "sha.js@^2.4.8":
   "integrity" "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ=="
@@ -6280,6 +6497,15 @@
   "resolved" "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz"
   "version" "2.0.0"
 
+"slice-ansi@^2.1.0":
+  "integrity" "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ=="
+  "resolved" "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz"
+  "version" "2.1.0"
+  dependencies:
+    "ansi-styles" "^3.2.0"
+    "astral-regex" "^1.0.0"
+    "is-fullwidth-code-point" "^2.0.0"
+
 "snapdragon-node@^2.0.1":
   "integrity" "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw=="
   "resolved" "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz"
@@ -6553,7 +6779,16 @@
     "is-fullwidth-code-point" "^2.0.0"
     "strip-ansi" "^5.1.0"
 
-"string-width@^4.1.0", "string-width@^4.2.0", "string-width@^4.2.3":
+"string-width@^4.1.0", "string-width@^4.2.0":
+  "integrity" "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="
+  "resolved" "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
+  "version" "4.2.3"
+  dependencies:
+    "emoji-regex" "^8.0.0"
+    "is-fullwidth-code-point" "^3.0.0"
+    "strip-ansi" "^6.0.1"
+
+"string-width@^4.2.3":
   "integrity" "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="
   "resolved" "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   "version" "4.2.3"
@@ -6628,6 +6863,11 @@
   "resolved" "https://registry.npmjs.org/strip-indent/-/strip-indent-2.0.0.tgz"
   "version" "2.0.0"
 
+"strip-json-comments@^3.0.1":
+  "integrity" "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
+  "resolved" "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
+  "version" "3.1.1"
+
 "stylehacks@^4.0.0":
   "integrity" "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g=="
   "resolved" "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz"
@@ -6678,9 +6918,19 @@
     "util.promisify" "~1.0.0"
 
 "sweetalert2@^11.3.0":
-  "integrity" "sha512-C0TFp0VLxgx+PmhJ0mL8qzx+iYjnCLdDbvQHKY6KAGI+xwawMvLkStPgw2LmJl6itaDhR/qLQStPFIbr1VK9Ow=="
-  "resolved" "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.3.0.tgz"
-  "version" "11.3.0"
+  "integrity" "sha512-p+8lC/j+x1Fi5RY77f0h4gYAIC9zC8eG+wfKt/CmxolGB8PK2yvEgJ3Gqa1wY6OkzH6Mm3MYbVCgj7IwyoID6g=="
+  "resolved" "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.3.1.tgz"
+  "version" "11.3.1"
+
+"table@^5.2.3":
+  "integrity" "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug=="
+  "resolved" "https://registry.npmjs.org/table/-/table-5.4.6.tgz"
+  "version" "5.4.6"
+  dependencies:
+    "ajv" "^6.10.2"
+    "lodash" "^4.17.14"
+    "slice-ansi" "^2.1.0"
+    "string-width" "^3.0.0"
 
 "tapable@^1.0.0", "tapable@^1.1.3":
   "integrity" "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
@@ -6711,6 +6961,11 @@
     "source-map" "~0.6.1"
     "source-map-support" "~0.5.12"
 
+"text-table@^0.2.0":
+  "integrity" "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
+  "resolved" "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz"
+  "version" "0.2.0"
+
 "thenify-all@^1.0.0":
   "integrity" "sha1-GhkY1ALY/D+Y+/I02wvMjMEOlyY="
   "resolved" "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz"
@@ -6813,10 +7068,10 @@
     "regex-not" "^1.0.2"
     "safe-regex" "^1.1.0"
 
-"toidentifier@1.0.0":
-  "integrity" "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
-  "resolved" "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz"
-  "version" "1.0.0"
+"toidentifier@1.0.1":
+  "integrity" "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
+  "resolved" "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
+  "version" "1.0.1"
 
 "toposort@^1.0.0":
   "integrity" "sha1-LmhELZ9k7HILjMieZEOsbKqVACk="
@@ -6863,6 +7118,13 @@
   "resolved" "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz"
   "version" "0.14.5"
 
+"type-check@~0.3.2":
+  "integrity" "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I="
+  "resolved" "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz"
+  "version" "0.3.2"
+  dependencies:
+    "prelude-ls" "~1.1.2"
+
 "type-fest@^0.21.3":
   "integrity" "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w=="
   "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
@@ -6873,7 +7135,12 @@
   "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz"
   "version" "0.6.0"
 
-"type-is@~1.6.17", "type-is@~1.6.18":
+"type-fest@^0.8.1":
+  "integrity" "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA=="
+  "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz"
+  "version" "0.8.1"
+
+"type-is@~1.6.18":
   "integrity" "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g=="
   "resolved" "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz"
   "version" "1.6.18"
@@ -6998,9 +7265,9 @@
     "schema-utils" "^2.5.0"
 
 "url-parse@^1.4.3", "url-parse@^1.5.3":
-  "integrity" "sha512-IIORyIQD9rvj0A4CLWsHkBBJuNqWpFQe224b6j9t/ABmquIS0qDU2pY6kl6AuOrL5OkCXHMCFNe1jBcuAggjvQ=="
-  "resolved" "https://registry.npmjs.org/url-parse/-/url-parse-1.5.3.tgz"
-  "version" "1.5.3"
+  "integrity" "sha512-ITeAByWWoqutFClc/lRZnFplgXgEZr3WJ6XngMM/N9DMIm4K8zXPCZ1Jdu0rERwO84w1WC5wkle2ubwTA4NTBg=="
+  "resolved" "https://registry.npmjs.org/url-parse/-/url-parse-1.5.4.tgz"
+  "version" "1.5.4"
   dependencies:
     "querystringify" "^2.1.1"
     "requires-port" "^1.0.0"
@@ -7065,6 +7332,11 @@
   "resolved" "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz"
   "version" "8.3.2"
 
+"v8-compile-cache@^2.0.3":
+  "integrity" "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
+  "resolved" "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz"
+  "version" "2.3.0"
+
 "validate-npm-package-license@^3.0.1":
   "integrity" "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew=="
   "resolved" "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz"
@@ -7181,7 +7453,7 @@
     "hash-sum" "^1.0.2"
     "loader-utils" "^1.0.2"
 
-"vue-template-compiler@^2.6.14":
+"vue-template-compiler@^2.0.0", "vue-template-compiler@^2.6.10", "vue-template-compiler@^2.6.14":
   "integrity" "sha512-ODQS1SyMbjKoO1JBJZojSw6FE4qnh9rIpUZn2EUT86FKizx9uH5z6uXiIrm4/Nb/gwxTi/o17ZDEGWAXHvtC7g=="
   "resolved" "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz"
   "version" "2.6.14"
@@ -7194,7 +7466,7 @@
   "resolved" "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz"
   "version" "1.9.1"
 
-"vue@^2.6.14":
+"vue@*", "vue@^2.0.0", "vue@^2.5.17", "vue@^2.6.14", "vue@^2.6.4", "vue@^3.0.0 || ^2.0.0", "vue@>=1.x.x":
   "integrity" "sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ=="
   "resolved" "https://registry.npmjs.org/vue/-/vue-2.6.14.tgz"
   "version" "2.6.14"
@@ -7213,10 +7485,10 @@
     "file-loader" "^6.2.0"
     "loader-utils" "^2.0.0"
 
-"vuetify@^2.6.1":
-  "integrity" "sha512-WtqarqEIJlhiwl1TShtkq58xtfbHpn4BjkuQtsL7mAs2eHCo7QjA3tUm7Dx/NmDc4wa2ghUUth36jTdG+CCWRg=="
-  "resolved" "https://registry.npmjs.org/vuetify/-/vuetify-2.6.1.tgz"
-  "version" "2.6.1"
+"vuetify@*", "vuetify@^1.3.0 || ^2.0.0", "vuetify@^2.6.1":
+  "integrity" "sha512-nx3uZkO8MZNMshUEh1xKaQ1hQYepNwWFn3FVxKt+XBVf7ZFscd0GS/a3KZo4B3baXQmziCQAZKNIQF5IWeaIUw=="
+  "resolved" "https://registry.npmjs.org/vuetify/-/vuetify-2.6.2.tgz"
+  "version" "2.6.2"
 
 "vuex@^3.6.2":
   "integrity" "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw=="
@@ -7355,7 +7627,7 @@
     "source-list-map" "^2.0.0"
     "source-map" "~0.6.1"
 
-"webpack@^4.0.0":
+"webpack@^1.0.0 || ^2.0.0 || ^3.0.0 || ^4.0.0", "webpack@^2.0.0 || ^3.0.0 || ^4.0.0", "webpack@^3.0.0 || ^4.1.0 || ^5.0.0-0", "webpack@^4.0.0", "webpack@^4.0.0 || ^5.0.0", "webpack@^4.1.0 || ^5.0.0-0", "webpack@^4.36.0 || ^5.0.0", "webpack@^4.4.0", "webpack@>=2.0.0 <5.0.0", "webpack@>=4.0.0":
   "integrity" "sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q=="
   "resolved" "https://registry.npmjs.org/webpack/-/webpack-4.46.0.tgz"
   "version" "4.46.0"
@@ -7428,6 +7700,11 @@
   dependencies:
     "isexe" "^2.0.0"
 
+"word-wrap@~1.2.3":
+  "integrity" "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
+  "resolved" "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz"
+  "version" "1.2.3"
+
 "worker-farm@^1.7.0":
   "integrity" "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw=="
   "resolved" "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz"
@@ -7467,6 +7744,13 @@
   "resolved" "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz"
   "version" "1.0.2"
 
+"write@1.0.3":
+  "integrity" "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig=="
+  "resolved" "https://registry.npmjs.org/write/-/write-1.0.3.tgz"
+  "version" "1.0.3"
+  dependencies:
+    "mkdirp" "^0.5.1"
+
 "ws@^6.0.0", "ws@^6.2.1":
   "integrity" "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw=="
   "resolved" "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz"