chore: various fixes on web components

geonetwork · Jul 28, 2023 · 2b9a3f8 · 2b9a3f8
1 parent a5a3a32
commit 2b9a3f8
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/apps/webcomponents/src/app/components/base.component.ts b/apps/webcomponents/src/app/components/base.component.ts
@@ -55,6 +55,8 @@ export class BaseComponent implements OnChanges, OnInit {
   ngOnChanges() {
     if (!this.isInitialized && this.apiUrl) {
       this.init()
+    } else {
+      this.changes()
     }
   }
 
@@ -73,6 +75,10 @@ export class BaseComponent implements OnChanges, OnInit {
     this.isInitialized = true
   }
 
+  changes() {
+    // to override
+  }
+
   async getRecordLink(uuid: string, usages: LinkUsage[]) {
     const record = await firstValueFrom(
       this.searchService.search(

diff --git a/apps/webcomponents/src/app/components/gn-map-viewer/gn-map-viewer.sample.html b/apps/webcomponents/src/app/components/gn-map-viewer/gn-map-viewer.sample.html
@@ -48,6 +48,7 @@
         background-color="#fdfbff"
         main-font="'Inter', sans-serif"
         title-font="'DM Serif Display', serif"
+        style="width: 100%; height: 100%"
       ></gn-map-viewer>
     </main>
   </body>

diff --git a/apps/webcomponents/src/app/components/gn-results-list/gn-results-list.component.ts b/apps/webcomponents/src/app/components/gn-results-list/gn-results-list.component.ts
@@ -4,8 +4,6 @@ import {
   Component,
   Injector,
   Input,
-  OnChanges,
-  OnInit,
   ViewEncapsulation,
 } from '@angular/core'
 import {
@@ -28,10 +26,7 @@ import { BaseComponent } from '../base.component'
   encapsulation: ViewEncapsulation.ShadowDom,
   providers: [SearchFacade],
 })
-export class GnResultsListComponent
-  extends BaseComponent
-  implements OnInit, OnChanges
-{
+export class GnResultsListComponent extends BaseComponent {
   @Input() layout = 'CARD'
   @Input() size = '10' // will be converted to number later
   @Input() query: string
@@ -88,4 +83,9 @@ export class GnResultsListComponent
       window.open(landingPage, '_blank').focus()
     }
   }
+
+  changes(): void {
+    super.changes()
+    this.setSearch_()
+  }
 }