Added doc/app title to config. Resolves #1695.

Author: MillenniumFalconMechanic

spa/src/app/app.component.ts

@@ -16,6 +16,7 @@ import {
     ViewChild,
     ViewContainerRef
 } from "@angular/core";
+import { Title } from "@angular/platform-browser";
 import { Router } from "@angular/router";
 import { select, Store } from "@ngrx/store";
 import { Subject, BehaviorSubject, combineLatest } from "rxjs";
@@ -59,13 +60,15 @@ export class AppComponent implements OnInit, OnDestroy {
      * @param {Store<AppState>} store
      * @param {ComponentFactoryResolver} componentFactoryResolver
      * @param {Router} router
+     * @param {Title} titleService
      */
     constructor(private configService: ConfigService,
                 private deviceService: DeviceDetectorService,
                 @Inject(SITE_CONFIG_SERVICE) private siteConfigService: SiteConfigService,
                 private store: Store<AppState>,
                 private componentFactoryResolver: ComponentFactoryResolver,
-                private router: Router) {
+                private router: Router,
+                private titleService: Title) {
 
         this.className = this.configService.getAtlas();
     }
@@ -149,6 +152,15 @@ export class AppComponent implements OnInit, OnDestroy {
         });
     }
 
+    /**
+     * Set document title from config.
+     */
+    private initTitle() {
+
+        const title = this.configService.getTitle();
+        this.titleService.setTitle(title);
+    }
+
     /**
      * Set up header and footer components depending on the site config.
      */
@@ -190,6 +202,7 @@ export class AppComponent implements OnInit, OnDestroy {
      */
     public ngOnInit() {
 
+        this.initTitle();
         this.initViewContainers();
         this.initState();
         this.loadProjectEditsData();

spa/src/app/config/_ngrx/config.state.ts

@@ -30,7 +30,7 @@ export class ConfigState {
     public static getDefaultState() {
 
         return new ConfigState(
-            new Config("", "",  "", "", "", "", "", ""));
+            new Config("", "", "",  "", "", "", "", "", ""));
     }
 
     /**

spa/src/app/config/config.model.ts

@@ -15,6 +15,7 @@ export class Config {
      * @param {string} portalURL
      * @param {string} projectMetaURL
      * @param {string} terraExportURL
+     * @param {string} title
      * @param {string} zendeskURL
      */
     constructor(public readonly atlas: string,
@@ -24,5 +25,6 @@ export class Config {
                 public readonly portalURL: string,
                 public readonly projectMetaURL: string,
                 public readonly terraExportURL: string,
+                public readonly title: string,
                 public readonly zendeskURL: string) {}
 }

spa/src/app/config/config.service.ts

@@ -29,6 +29,7 @@ export class ConfigService {
     protected portalURL: string;
     protected projectMetaURL: string;
     protected terraExportURL: string;
+    protected title: string; // Document (application) title
     protected store: Store<AppState>;
     protected zendeskURL: string;
 
@@ -208,6 +209,16 @@ export class ConfigService {
         return `${basePath}${summaryPath}`;
     }
 
+    /**
+     * Returns the document title for the current config.
+     * 
+     * @returns {string}
+     */
+    public getTitle(): string {
+
+        return this.title;
+    }
+
     /**
      * Initialize config on app init. Must return promise here as this method is called during Angular's app
      * initialization and we need to resolve the config details before any components are instantiated. The config
@@ -305,6 +316,7 @@ export class ConfigService {
         this.portalURL = config.portalURL;
         this.projectMetaURL = config.projectMetaURL;
         this.terraExportURL = config.terraExportURL;
+        this.title = config.title;
         this.zendeskURL = config.zendeskURL;
         this.store.dispatch(new FetchConfigRequestSuccessAction(config));
     }

spa/src/environments/environment.cgl-dev.ts

@@ -6,6 +6,7 @@ export const environment = {
     portalURL: "https://dev.singlecell.gi.ucsc.edu",
     projectMetaURL: "https://dev.singlecell.gi.ucsc.edu",
     terraExportURL: "https://bvdp-saturn-dev.appspot.com",
+    title: "HCA Data Browser",
     deployment: "cgl-dev",
     zendeskURL: "https://support.terra.bio"
 };

spa/src/environments/environment.dcp2.ts

@@ -6,6 +6,7 @@ export const environment = {
     portalURL: "https://data.humancellatlas.org",
     projectMetaURL: "https://data.humancellatlas.org",
     terraExportURL: "https://app.terra.bio",
+    title: "HCA Data Browser",
     deployment: "dcp2",
     zendeskURL: "https://support.terra.bio"
 };

spa/src/environments/environment.lungmap-dev.ts

@@ -6,6 +6,7 @@ export const environment = {
     portalURL: "https://dev.singlecell.gi.ucsc.edu",
     projectMetaURL: "https://dev.singlecell.gi.ucsc.edu",
     terraExportURL: "https://bvdp-saturn-dev.appspot.com",
+    title: "LungMAP Data Browser",
     deployment: "lungmap-dev",
     zendeskURL: ""
 };

spa/src/environments/environment.ts

@@ -6,6 +6,7 @@ export const environment = {
     portalURL: "https://dev.singlecell.gi.ucsc.edu",
     projectMetaURL: "https://dev.singlecell.gi.ucsc.edu",
     terraExportURL: "https://bvdp-saturn-dev.appspot.com",
+    title: "HCA Data Browser",
     deployment: "local",
     zendeskURL: "https://support.terra.bio"
 };

spa/src/index.html

@@ -2,7 +2,6 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>HCA Data Browser</title>
         <base href="/">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <!-- REPLACE-ME: GOOGLE TAG MANAGER HEAD -->