feat: set a customisable favicon for datahub

apps/datahub/src/app/app.component.ts

@@ -1,8 +1,24 @@
-import { Component } from '@angular/core'
+import { Component, OnInit } from '@angular/core'
+import { getGlobalConfig } from '@geonetwork-ui/util/app-config'
 
 @Component({
   selector: 'datahub-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
 })
-export class AppComponent {}
+export class AppComponent implements OnInit {
+  ngOnInit(): void {
+    const favicon = getGlobalConfig().FAVICON
+    if (favicon) this.setFavicon(favicon)
+  }
+
+  private setFavicon(faviconPath: string): void {
+    const link =
+      document.querySelector("link[rel*='icon']") ||
+      document.createElement('link')
+    link['type'] = 'image/x-icon'
+    link['rel'] = 'icon'
+    link['href'] = faviconPath
+    document.getElementsByTagName('head')[0].appendChild(link)
+  }
+}

conf/default.toml

@@ -34,6 +34,9 @@ proxy_path = ""
 # More information about the translation can be found in the docs (https://geonetwork.github.io/geonetwork-ui/main/docs/reference/i18n.html)
 # languages = ['en', 'fr', 'de']
 
+# Use it to set custom location for favicon
+# favicon = "assets/favicon.ico"
+
 ### VISUAL THEME
 
 # All parameters are expressed in CSS format, see:

libs/util/app-config/src/lib/app-config.ts

@@ -100,6 +100,7 @@ export function loadAppConfig() {
           'login_url',
           'web_component_embedder_url',
           'languages',
+          'favicon',
         ],
         warnings,
         errors
@@ -126,6 +127,7 @@ export function loadAppConfig() {
               WEB_COMPONENT_EMBEDDER_URL:
                 parsedGlobalSection.web_component_embedder_url,
               LANGUAGES: parsedGlobalSection.languages,
+              FAVICON: parsedGlobalSection.favicon,
             } as GlobalConfig)
 
       const parsedLayersSections = parseMultiConfigSection(

libs/util/app-config/src/lib/model.ts

@@ -8,6 +8,7 @@ export interface GlobalConfig {
   LOGIN_URL?: string
   WEB_COMPONENT_EMBEDDER_URL?: string
   LANGUAGES?: string[]
+  FAVICON?: string
 }
 
 export interface LayerConfig {