From 0e094836682903ca6d548fda1a64b29979a9e34f Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Tue, 4 Jun 2024 19:13:50 +0200
Subject: [PATCH 1/2] add page titles

---
 frontend/src/app/about/about.component.ts            |  6 ++++--
 .../src/app/corpus-info/corpus-info.component.ts     | 11 +++++++++--
 .../src/app/document-page/document-page.component.ts |  4 ++++
 .../download-history/download-history.component.ts   |  6 +++++-
 .../search-history/search-history.component.ts       |  8 ++++++--
 frontend/src/app/home/home.component.ts              |  5 +++--
 frontend/src/app/login/login.component.html          |  2 +-
 frontend/src/app/login/login.component.ts            |  3 ++-
 .../app/login/registration/registration.component.ts |  9 +++++++--
 .../login/reset-password/request-reset.component.ts  | 12 ++++++++++--
 .../reset-password/reset-password.component.html     |  2 +-
 .../login/reset-password/reset-password.component.ts | 11 ++++++-----
 .../app/login/verify-email/verify-email.component.ts |  6 +++++-
 frontend/src/app/manual/manual.component.ts          |  9 +++++++--
 frontend/src/app/menu/menu.component.ts              |  6 +-----
 frontend/src/app/privacy/privacy.component.html      |  2 +-
 frontend/src/app/privacy/privacy.component.ts        | 11 +++++++----
 frontend/src/app/search/search.component.ts          |  4 ++++
 frontend/src/app/settings/settings.component.ts      | 12 +++++++++---
 .../app/tag/tag-overview/tag-overview.component.ts   |  6 +++++-
 frontend/src/app/utils/app.ts                        |  4 ++++
 .../src/app/word-models/word-models.component.ts     |  5 ++++-
 22 files changed, 105 insertions(+), 39 deletions(-)
 create mode 100644 frontend/src/app/utils/app.ts

diff --git a/frontend/src/app/about/about.component.ts b/frontend/src/app/about/about.component.ts
index 5c76d2ca5..3699bfcf5 100644
--- a/frontend/src/app/about/about.component.ts
+++ b/frontend/src/app/about/about.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
+import { SafeHtml, Title } from '@angular/platform-browser';
 import { environment } from '../../environments/environment';
 import { DialogService } from '../services';
 
@@ -13,12 +13,14 @@ export class AboutComponent implements OnInit {
     public aboutHtml: SafeHtml;
     public isLoading = false;
 
-    constructor(private dialogService: DialogService) { }
+    constructor(private dialogService: DialogService, private title: Title) {
+    }
 
     ngOnInit() {
         this.isLoading = true;
         this.appName = environment.appName;
         this.fetchData();
+        this.title.setTitle(`About - ${this.appName}`);
     }
 
     async fetchData() {
diff --git a/frontend/src/app/corpus-info/corpus-info.component.ts b/frontend/src/app/corpus-info/corpus-info.component.ts
index 2c89aafb2..dd12cc57b 100644
--- a/frontend/src/app/corpus-info/corpus-info.component.ts
+++ b/frontend/src/app/corpus-info/corpus-info.component.ts
@@ -1,8 +1,10 @@
 import { Component, OnInit } from '@angular/core';
-import { ApiService, CorpusService, WordmodelsService } from '../services';
+import { ApiService, CorpusService } from '../services';
 import { Corpus, CorpusDocumentationPage, FieldCoverage } from '../models';
 import { marked } from 'marked';
 import { Observable } from 'rxjs';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../utils/app';
 
 @Component({
   selector: 'ia-corpus-info',
@@ -16,7 +18,11 @@ export class CorpusInfoComponent implements OnInit {
 
     documentation$: Observable<CorpusDocumentationPage[]>;
 
-    constructor(private corpusService: CorpusService, private apiService: ApiService, private wordModelsService: WordmodelsService) { }
+    constructor(
+        private corpusService: CorpusService,
+        private apiService: ApiService,
+        private title: Title,
+    ) { }
 
     ngOnInit(): void {
         this.corpusService.currentCorpus.subscribe(this.setCorpus.bind(this));
@@ -28,6 +34,7 @@ export class CorpusInfoComponent implements OnInit {
         this.apiService.fieldCoverage(corpus.name).then(
             result => this.fieldCoverage = result
         );
+        this.title.setTitle(pageTitle(`About ${corpus.title}`));
     }
 
     renderMarkdown(content: string): string {
diff --git a/frontend/src/app/document-page/document-page.component.ts b/frontend/src/app/document-page/document-page.component.ts
index 74bb001eb..4d44a7d61 100644
--- a/frontend/src/app/document-page/document-page.component.ts
+++ b/frontend/src/app/document-page/document-page.component.ts
@@ -6,6 +6,8 @@ import { Corpus, FoundDocument } from '../models';
 import { CorpusService, ElasticSearchService } from '../services';
 import { makeContextParams } from '../utils/document-context';
 import { documentIcons } from '../shared/icons';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../utils/app';
 
 @Component({
   selector: 'ia-document-page',
@@ -25,6 +27,7 @@ export class DocumentPageComponent implements OnInit {
         private corpusService: CorpusService,
         private elasticSearchService: ElasticSearchService,
         private activatedRoute: ActivatedRoute,
+        private title: Title,
     ) { }
 
     get contextDisplayName(): string {
@@ -53,6 +56,7 @@ export class DocumentPageComponent implements OnInit {
             this.corpus = corpus;
             this.documentId = params['id'];
             this.getDocument(this.documentId);
+            this.title.setTitle(pageTitle(`Document in ${corpus.title}`));
         });
     }
 
diff --git a/frontend/src/app/history/download-history/download-history.component.ts b/frontend/src/app/history/download-history/download-history.component.ts
index 46f996c3e..eadc44b8b 100644
--- a/frontend/src/app/history/download-history/download-history.component.ts
+++ b/frontend/src/app/history/download-history/download-history.component.ts
@@ -6,6 +6,8 @@ import { HistoryDirective } from '../history.directive';
 import { findByName } from '../../utils/utils';
 import { actionIcons } from '../../shared/icons';
 import { downloadQueryModel, downloadQueryModels } from '../../utils/download-history';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-download-history',
@@ -23,12 +25,14 @@ export class DownloadHistoryComponent extends HistoryDirective implements OnInit
         private downloadService: DownloadService,
         private apiService: ApiService,
         corpusService: CorpusService,
-        private notificationService: NotificationService
+        private notificationService: NotificationService,
+        private title: Title,
     ) {
         super(corpusService);
     }
 
     ngOnInit(): void {
+        this.title.setTitle(pageTitle('Downloads'));
         this.retrieveCorpora();
         this.apiService.downloads()
             .then(downloadHistory => this.downloads = this.sortByDate(downloadHistory))
diff --git a/frontend/src/app/history/search-history/search-history.component.ts b/frontend/src/app/history/search-history/search-history.component.ts
index 440b9441a..62d1a8817 100644
--- a/frontend/src/app/history/search-history/search-history.component.ts
+++ b/frontend/src/app/history/search-history/search-history.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { Params, Router } from '@angular/router';
+import { Params } from '@angular/router';
 import * as _ from 'lodash';
 import { apiQueryToQueryModel } from '../../utils/es-query';
 import { QueryDb } from '../../models/index';
@@ -7,6 +7,8 @@ import { CorpusService, QueryService } from '../../services/index';
 import { HistoryDirective } from '../history.directive';
 import { findByName } from '../../utils/utils';
 import { actionIcons } from '../../shared/icons';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-search-history',
@@ -22,12 +24,14 @@ export class SearchHistoryComponent extends HistoryDirective implements OnInit {
     constructor(
         corpusService: CorpusService,
         private queryService: QueryService,
-        private router: Router
+        private title: Title,
+
     ) {
         super(corpusService);
     }
 
     async ngOnInit() {
+        this.title.setTitle(pageTitle('Search history'));
         this.retrieveCorpora();
         this.queryService.retrieveQueries().then((searchHistory) => {
             const sortedQueries = this.sortByDate(searchHistory);
diff --git a/frontend/src/app/home/home.component.ts b/frontend/src/app/home/home.component.ts
index 0b02acb85..b52d53e7e 100644
--- a/frontend/src/app/home/home.component.ts
+++ b/frontend/src/app/home/home.component.ts
@@ -4,6 +4,7 @@ import { BehaviorSubject } from 'rxjs';
 import { Corpus } from '../models/corpus';
 import { CorpusService } from '../services/index';
 import { showLoading } from '../utils/utils';
+import { environment } from '../../environments/environment';
 
 @Component({
     selector: 'ia-home',
@@ -15,8 +16,8 @@ export class HomeComponent implements OnInit {
 
     isLoading = new BehaviorSubject<boolean>(false);
 
-    constructor(private corpusService: CorpusService, private title: Title) {
-        this.title.setTitle('Home');
+    constructor(private corpusService: CorpusService, title: Title) {
+        title.setTitle(environment.appName);
     }
 
     ngOnInit() {
diff --git a/frontend/src/app/login/login.component.html b/frontend/src/app/login/login.component.html
index 7dda417c5..7864f4eee 100644
--- a/frontend/src/app/login/login.component.html
+++ b/frontend/src/app/login/login.component.html
@@ -2,7 +2,7 @@
 
     <form (ngSubmit)="login()" class="container is-readable">
         <div class="container is-login">
-            <h1 class="title">I-Analyzer</h1>
+            <h1 class="title">Sign in</h1>
             <div class="field">
                 <label class="label" for="username">Username</label>
                 <p class="control has-icons-left has-icons-right">
diff --git a/frontend/src/app/login/login.component.ts b/frontend/src/app/login/login.component.ts
index df00acbb9..71b445bee 100644
--- a/frontend/src/app/login/login.component.ts
+++ b/frontend/src/app/login/login.component.ts
@@ -8,6 +8,7 @@ import { AuthService } from '../services/auth.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { environment } from '../../environments/environment';
 import { userIcons } from '../shared/icons';
+import { pageTitle } from '../utils/app';
 
 @Component({
     selector: 'ia-login',
@@ -37,10 +38,10 @@ export class LoginComponent implements OnInit, OnDestroy {
         private router: Router,
         private title: Title
     ) {
-        this.title.setTitle('I-Analyzer');
     }
 
     ngOnInit() {
+        this.title.setTitle(pageTitle('Sign in'));
         // get return url from route parameters or default to '/'
         this.returnUrl =
             this.activatedRoute.snapshot.queryParams['returnUrl'] || '/';
diff --git a/frontend/src/app/login/registration/registration.component.ts b/frontend/src/app/login/registration/registration.component.ts
index ee4338da7..fbc56b9b6 100644
--- a/frontend/src/app/login/registration/registration.component.ts
+++ b/frontend/src/app/login/registration/registration.component.ts
@@ -6,6 +6,8 @@ import { takeUntil } from 'rxjs/operators';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as _ from 'lodash';
 import { userIcons } from '../../shared/icons';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 interface RegisterErrors {
     non_field_errors?: string[];
@@ -41,9 +43,12 @@ export class RegistrationComponent implements OnInit, OnDestroy {
 
     private destroy$ = new Subject<boolean>();
 
-    constructor(private authService: AuthService) {}
+    constructor(private authService: AuthService, private title: Title) {}
+
+    ngOnInit() {
+        this.title.setTitle(pageTitle('Register'));
+    }
 
-    ngOnInit() {}
     ngOnDestroy() {
         this.destroy$.next(true);
     }
diff --git a/frontend/src/app/login/reset-password/request-reset.component.ts b/frontend/src/app/login/reset-password/request-reset.component.ts
index e9d03ad1e..1c843759f 100644
--- a/frontend/src/app/login/reset-password/request-reset.component.ts
+++ b/frontend/src/app/login/reset-password/request-reset.component.ts
@@ -6,6 +6,8 @@ import { AuthService } from '../../services/auth.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import * as _ from 'lodash';
 import { userIcons } from '../../shared/icons';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-request-reset',
@@ -20,9 +22,15 @@ export class RequestResetComponent implements OnInit {
 
     userIcons = userIcons;
 
-    constructor(private authService: AuthService, private router: Router) {}
+    constructor(
+        private authService: AuthService,
+        private router: Router,
+        private title: Title
+    ) {}
 
-    ngOnInit() {}
+    ngOnInit() {
+        this.title.setTitle(pageTitle('Reset password'));
+    }
 
     requestReset(requestResetForm: NgForm) {
         const email: string = requestResetForm.value.email;
diff --git a/frontend/src/app/login/reset-password/reset-password.component.html b/frontend/src/app/login/reset-password/reset-password.component.html
index a29c9393d..6144f8fe1 100644
--- a/frontend/src/app/login/reset-password/reset-password.component.html
+++ b/frontend/src/app/login/reset-password/reset-password.component.html
@@ -3,7 +3,7 @@
             <div *ngIf="!resetSucceeded || passwordRejected">
                 <form (ngSubmit)="reset(resetForm)" class="container is-readable" #resetForm="ngForm">
                     <div class="container is-login">
-                        <h1 class="title">I-Analyzer password reset</h1>
+                        <h1 class="title">Set new password</h1>
                         <div class="field">
                             <label class="label">Password</label>
                             <p class="control has-icons-left">
diff --git a/frontend/src/app/login/reset-password/reset-password.component.ts b/frontend/src/app/login/reset-password/reset-password.component.ts
index 429824919..9a01d7a7c 100644
--- a/frontend/src/app/login/reset-password/reset-password.component.ts
+++ b/frontend/src/app/login/reset-password/reset-password.component.ts
@@ -1,13 +1,12 @@
 import { Component, OnInit } from '@angular/core';
 import { NgForm } from '@angular/forms';
-
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
 import * as _ from 'lodash';
-import { throwError } from 'rxjs';
-import { catchError, finalize, mergeMap, tap } from 'rxjs/operators';
 import { AuthService } from '../../services/auth.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { userIcons } from '../../shared/icons';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-reset-password',
@@ -29,7 +28,8 @@ export class ResetPasswordComponent implements OnInit {
 
     constructor(
         private activatedRoute: ActivatedRoute,
-        private authService: AuthService
+        private authService: AuthService,
+        private title: Title,
     ) {}
 
     ngOnInit() {
@@ -37,6 +37,7 @@ export class ResetPasswordComponent implements OnInit {
             this.uid = params['uid'];
             this.token = params['token'];
         });
+        this.title.setTitle(pageTitle('New password'));
     }
 
     reset(resetForm: NgForm) {
diff --git a/frontend/src/app/login/verify-email/verify-email.component.ts b/frontend/src/app/login/verify-email/verify-email.component.ts
index cabd244aa..c72967501 100644
--- a/frontend/src/app/login/verify-email/verify-email.component.ts
+++ b/frontend/src/app/login/verify-email/verify-email.component.ts
@@ -4,6 +4,8 @@ import { ActivatedRoute } from '@angular/router';
 import { Observable, Subject, throwError } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 import { AuthService } from '../../services/auth.service';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-verify-email',
@@ -18,7 +20,8 @@ export class VerifyEmailComponent implements OnInit {
 
     constructor(
         private activatedRoute: ActivatedRoute,
-        private authService: AuthService
+        private authService: AuthService,
+        private title: Title,
     ) {
         this.activatedRoute.paramMap.subscribe(
             (params) => (this.key = params.get('key'))
@@ -32,6 +35,7 @@ export class VerifyEmailComponent implements OnInit {
                 return throwError(err);
             })
         );
+        this.title.setTitle(pageTitle('Verify email'));
     }
 
     confirm() {
diff --git a/frontend/src/app/manual/manual.component.ts b/frontend/src/app/manual/manual.component.ts
index 121bee23b..5cda0836b 100644
--- a/frontend/src/app/manual/manual.component.ts
+++ b/frontend/src/app/manual/manual.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
+import { SafeHtml, Title } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 
 import { DialogService } from '../services';
@@ -14,7 +14,12 @@ export class ManualComponent implements OnInit {
     public title: string | undefined;
     public manualHtml: SafeHtml | undefined;
 
-    constructor(private dialogService: DialogService, private activatedRoute: ActivatedRoute) {
+    constructor(
+        private dialogService: DialogService,
+        private activatedRoute: ActivatedRoute,
+        title: Title
+    ) {
+        title.setTitle('Manual - I-analyzer');
     }
 
     ngOnInit() {
diff --git a/frontend/src/app/menu/menu.component.ts b/frontend/src/app/menu/menu.component.ts
index e53328895..1fc049eff 100644
--- a/frontend/src/app/menu/menu.component.ts
+++ b/frontend/src/app/menu/menu.component.ts
@@ -4,12 +4,8 @@ import { BehaviorSubject, Observable, Subject, fromEvent, merge, of, timer } fro
 import { User } from '../models/index';
 import { environment } from '../../environments/environment';
 import { AuthService } from '../services/auth.service';
-import { catchError, filter, map, switchMap, take, takeUntil } from 'rxjs/operators';
+import { filter, map, switchMap, take, takeUntil } from 'rxjs/operators';
 import * as _ from 'lodash';
-import {
-    faBook, faCog, faCogs, faDatabase, faDownload, faHistory, faInfoCircle, faSignOut,
-    faUser
-} from '@fortawesome/free-solid-svg-icons';
 import { navIcons, userIcons } from '../shared/icons';
 
 @Component({
diff --git a/frontend/src/app/privacy/privacy.component.html b/frontend/src/app/privacy/privacy.component.html
index 324a1920d..4e5ee066c 100644
--- a/frontend/src/app/privacy/privacy.component.html
+++ b/frontend/src/app/privacy/privacy.component.html
@@ -2,7 +2,7 @@
     <div class="container is-readable">
         <div class="columns">
             <div class="column is-9">
-                <h1 class="title">{{title}}</h1>
+                <h1 class="title">{{header}}</h1>
                 <div class="content" [innerHTML]="manualHtml"></div>
             </div>
         </div>
diff --git a/frontend/src/app/privacy/privacy.component.ts b/frontend/src/app/privacy/privacy.component.ts
index 49890fa78..17d0ed28b 100644
--- a/frontend/src/app/privacy/privacy.component.ts
+++ b/frontend/src/app/privacy/privacy.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
-import { SafeHtml } from '@angular/platform-browser';
+import { SafeHtml, Title } from '@angular/platform-browser';
 import { DialogService } from '../services/index';
+import { pageTitle } from '../utils/app';
 
 @Component({
     selector: 'ia-privacy',
@@ -8,14 +9,16 @@ import { DialogService } from '../services/index';
     styleUrls: ['./privacy.component.scss'],
 })
 export class PrivacyComponent implements OnInit {
-    public title: string | undefined;
+    public header: string | undefined;
     public manualHtml: SafeHtml | undefined;
-    constructor(private dialogService: DialogService) {}
+
+    constructor(private dialogService: DialogService, private title: Title) {}
 
     ngOnInit() {
         this.dialogService.getManualPage('privacy').then((page) => {
             this.manualHtml = page.html;
-            this.title = page.title;
+            this.header = page.title;
+            this.title.setTitle(pageTitle(this.header));
         });
     }
 }
diff --git a/frontend/src/app/search/search.component.ts b/frontend/src/app/search/search.component.ts
index 186913b04..6f813421b 100644
--- a/frontend/src/app/search/search.component.ts
+++ b/frontend/src/app/search/search.component.ts
@@ -10,6 +10,7 @@ import { AuthService } from '../services/auth.service';
 import { distinct, filter } from 'rxjs/operators';
 import { actionIcons, searchIcons } from '../shared/icons';
 import { RouterStoreService } from '../store/router-store.service';
+import { Title } from '@angular/platform-browser';
 
 @Component({
     selector: 'ia-search',
@@ -71,8 +72,10 @@ export class SearchComponent extends ParamDirective {
         route: ActivatedRoute,
         router: Router,
         private routerStoreService: RouterStoreService,
+        private title: Title,
     ) {
         super(route, router, paramService);
+
     }
 
     @HostListener('window:scroll', [])
@@ -133,6 +136,7 @@ export class SearchComponent extends ParamDirective {
     private setCorpus(corpus: Corpus) {
         this.corpus = corpus;
         this.setQueryModel();
+        this.title.setTitle(`Search ${corpus.title} - I-analyzer`);
     }
 
     private setQueryModel() {
diff --git a/frontend/src/app/settings/settings.component.ts b/frontend/src/app/settings/settings.component.ts
index 855fc747c..48f1cf33f 100644
--- a/frontend/src/app/settings/settings.component.ts
+++ b/frontend/src/app/settings/settings.component.ts
@@ -1,12 +1,18 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../utils/app';
 
 @Component({
     selector: 'ia-settings',
     templateUrl: './settings.component.html',
     styleUrls: ['./settings.component.scss']
 })
-export class SettingsComponent {
+export class SettingsComponent implements OnInit {
 
-    constructor() { }
+    constructor(private title: Title) { }
+
+    ngOnInit(): void {
+        this.title.setTitle(pageTitle('Settings'));
+    }
 
 }
diff --git a/frontend/src/app/tag/tag-overview/tag-overview.component.ts b/frontend/src/app/tag/tag-overview/tag-overview.component.ts
index 0a45e3438..41c442f08 100644
--- a/frontend/src/app/tag/tag-overview/tag-overview.component.ts
+++ b/frontend/src/app/tag/tag-overview/tag-overview.component.ts
@@ -6,6 +6,8 @@ import { CorpusService } from '../../services';
 import { TagService } from '../../services/tag.service';
 import { actionIcons, formIcons } from '../../shared/icons';
 import { findByName } from '../../utils/utils';
+import { Title } from '@angular/platform-browser';
+import { pageTitle } from '../../utils/app';
 
 @Component({
     selector: 'ia-tag-overview',
@@ -26,12 +28,14 @@ export class TagOverviewComponent implements OnInit {
 
     constructor(
         private tagService: TagService,
-        private corpusService: CorpusService
+        private corpusService: CorpusService,
+        private title: Title,
     ) {}
 
     async ngOnInit(): Promise<void> {
         this.corpora = await this.corpusService.get(false);
         this.tagService.fetch();
+        this.title.setTitle(pageTitle('Tags'));
     }
 
     delete(tag: Tag) {
diff --git a/frontend/src/app/utils/app.ts b/frontend/src/app/utils/app.ts
new file mode 100644
index 000000000..0c9270492
--- /dev/null
+++ b/frontend/src/app/utils/app.ts
@@ -0,0 +1,4 @@
+import { environment } from '../../environments/environment';
+
+export const pageTitle = (pageName: string) =>
+    `${pageName} - ${environment.appName}`;
diff --git a/frontend/src/app/word-models/word-models.component.ts b/frontend/src/app/word-models/word-models.component.ts
index 02c6536d3..f1353b265 100644
--- a/frontend/src/app/word-models/word-models.component.ts
+++ b/frontend/src/app/word-models/word-models.component.ts
@@ -6,6 +6,7 @@ import { Corpus, QueryFeedback, User, WordInModelResult } from '../models';
 import { AuthService, CorpusService, ParamService, WordmodelsService } from '../services';
 import { ParamDirective } from '../param/param-directive';
 import { visualizationIcons } from '../shared/icons';
+import { Title } from '@angular/platform-browser';
 
 @Component({
     selector: 'ia-word-models',
@@ -54,7 +55,8 @@ export class WordModelsComponent extends ParamDirective {
         paramService: ParamService,
         private corpusService: CorpusService,
         private authService: AuthService,
-        private wordModelsService: WordmodelsService
+        private wordModelsService: WordmodelsService,
+        private title: Title,
     ) {
         super(route, router, paramService);
     }
@@ -108,6 +110,7 @@ export class WordModelsComponent extends ParamDirective {
     setCorpus(corpus: Corpus): void {
         if (corpus && (!this.corpus || this.corpus.name !== corpus.name)) {
             this.corpus = corpus;
+            this.title.setTitle(`Word models of ${corpus.title} - I-analyzer`);
         }
     }
 

From 0eeb295172220ee48eeb8bacd015249110c84356 Mon Sep 17 00:00:00 2001
From: Luka van der Plas <lukavdplas@mailfence.com>
Date: Wed, 5 Jun 2024 14:05:11 +0200
Subject: [PATCH 2/2] use appname in manual page title

---
 frontend/src/app/manual/manual.component.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/manual/manual.component.ts b/frontend/src/app/manual/manual.component.ts
index 5cda0836b..41d483057 100644
--- a/frontend/src/app/manual/manual.component.ts
+++ b/frontend/src/app/manual/manual.component.ts
@@ -3,6 +3,7 @@ import { SafeHtml, Title } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 
 import { DialogService } from '../services';
+import { pageTitle } from '../utils/app';
 
 @Component({
     selector: 'ia-manual',
@@ -19,7 +20,7 @@ export class ManualComponent implements OnInit {
         private activatedRoute: ActivatedRoute,
         title: Title
     ) {
-        title.setTitle('Manual - I-analyzer');
+        title.setTitle(pageTitle('Manual'));
     }
 
     ngOnInit() {