feat(datahub): use new directive for anchor links in record header

geonetwork · Feb 23, 2022 · f5dd23e · f5dd23e
1 parent c809eb1
commit f5dd23e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/apps/datahub/src/app/record/header-record/header-record.component.html b/apps/datahub/src/app/record/header-record/header-record.component.html
@@ -24,28 +24,32 @@
       style="left: 0; right: 0; bottom: -20px"
     >
       <button
-        (click)="scrollTo('about')"
+        gnUiAnchorLink="about"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.about
       </button>
       <button
-        (click)="scrollTo('preview')"
+        gnUiAnchorLink="preview"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.preview
       </button>
       <button
-        (click)="scrollTo('access')"
+        gnUiAnchorLink="access"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >
         record.metadata.access
       </button>
       <button
-        (click)="scrollTo('links')"
+        gnUiAnchorLink="links"
+        gnUiAnchorLinkDisabledClass="cursor-default opacity-60"
         class="uppercase font-medium tracking-wider"
         translate
       >

diff --git a/apps/datahub/src/app/record/header-record/header-record.component.ts b/apps/datahub/src/app/record/header-record/header-record.component.ts
@@ -26,11 +26,4 @@ export class HeaderRecordComponent {
       .pipe(first())
       .subscribe((filters) => this.searchRouter.goToSearch(filters?.any))
   }
-
-  scrollTo(id: string) {
-    document.getElementById(id).scrollIntoView({
-      behavior: 'smooth',
-      block: 'start',
-    })
-  }
 }