Enhancement/higcharts Add description also in full screen view (#710)

folkehelseinstituttet · Oct 8, 2024 · bfa4965 · bfa4965
1 parent 1b19530
commit bfa4965
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html b/projects/fhi-angular-highcharts/src/lib/fhi-angular-highcharts.component.html
@@ -86,6 +86,9 @@ <h1 class="h3 mb-3">{{ diagramOptions.title }}</h1>
       <span class="visually-hidden">Fullskjerm </span>
     </ng-container>
     <ng-container fhi-modal.body>
+      @if (diagramOptions.description) {
+        <p>{{ diagramOptions.description }}</p>
+      }
       <ng-container *ngTemplateOutlet="diagramAndFooter"></ng-container>
     </ng-container>
   </fhi-modal>

diff --git a/...ews/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts b/...ews/shared/dynamic-library-examples/example-components/highcharts/highcharts.component.ts
@@ -273,6 +273,7 @@ export class HighchartsComponent implements OnInit {
     this.getData(MockData.PrikkedeDataMedToSerier, {
       ...this.diagramOptions,
       activeDiagramType: 'line',
+      description: 'Her kan en legge til en beskrivelse av dataene.',
       title: this.titles.title_3e,
       units: undefined,
       footer: {