feat: title to vulnerability chart #45

frontend/src/components/ExperimentFilters.vue

@@ -45,6 +45,9 @@
     >
     </q-tree>
     <div class="q-mb-md">
+      <div class="text-center text-bold q-mt-md">
+        {{ $t('vulnerability_analysis') }}
+      </div>
       <run-results-fragilities-chart
         :data="filters.runResultsFragilities"
         :compact="true"
@@ -66,6 +69,9 @@
 
     <simple-dialog v-model="showFragilities" :width="800">
       <div>
+        <div class="text-center text-h6">
+          {{ $t('vulnerability_analysis') }}
+        </div>
         <run-results-fragilities-chart :data="filters.runResultsFragilities" />
         <div class="q-ma-md q-pl-lg q-pr-md text-grey-9">
           <q-markdown :src="FragilitiesMd" no-line-numbers />

frontend/src/components/charts/RunResultsFragilitiesChart.vue

@@ -48,7 +48,7 @@ const layout = {
     l: 50, // Left margin
     r: 10, // Right margin
     b: props.compact ? 30 : 50, // Bottom margin
-    t: 50, // Top margin
+    t: props.compact ? 10 : 50, // Top margin
   },
   height: props.compact ? 300 : undefined,
   showLegend: !props.compact,

frontend/src/i18n/en/index.ts

@@ -199,6 +199,7 @@ export default {
     'The 3D model can be rotated by moving the cursor while the building is selected. Use two finger or mouse wheel to zoom in/out.',
   vtk_notice:
     'The codes for generating the .vtk files for visualizing the geometry of the equivalent frame model (EFM) were developed by Jose Gallardo Briones at EESD.',
+  vulnerability_analysis: 'Vulnerability analysis',
   show_vulnerability: 'Show vulnerability plots',
   wall_connections: 'Wall-to-wall connections',
   wall_leaves_nb_short: 'Wall-leaves',