diff --git a/package.json b/package.json
index 624bbaa..879091f 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
"@angular/platform-browser": "^17.3.5",
"@angular/platform-browser-dynamic": "^17.3.5",
"@angular/router": "^17.3.5",
- "@fontsource/roboto": "^5.0.12",
+ "@fontsource/roboto": "^5.0.13",
"@ngx-translate/core": "^15.0.0",
"@ngx-translate/http-loader": "^8.0.0",
"core-js": "^3.37.0",
@@ -58,8 +58,8 @@
"@types/jasmine": "~5.1.4",
"@types/jasminewd2": "~2.0.13",
"@types/node": "~20.12.7",
- "@typescript-eslint/eslint-plugin": "7.7.0",
- "@typescript-eslint/parser": "7.7.0",
+ "@typescript-eslint/eslint-plugin": "7.7.1",
+ "@typescript-eslint/parser": "7.7.1",
"axios": "^1.6.8",
"browserslist": "^4.23.0",
"browserslist-useragent-regexp": "^4.1.3",
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6765f24..103c6ec 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,23 +1,35 @@
-
+
{{ pageTitle | translate }}
-
-
-
+ @if (showLogin) {
+
+ }
+ @if (webSocketOpen) {
+
+ }
+ @else {
+
+ }
v{{appVersion}}
@@ -92,188 +104,214 @@
-
+ @if (fastSwitching) {
+
+ }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7f9df0f..98890b3 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -20,7 +20,7 @@ import * as supportedBrowsers from '../assets/supportedBrowsers';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
- styleUrls: ['./app.component.scss']
+ styleUrl: './app.component.scss'
})
export class AppComponent implements OnInit {
// Make DisplayMode enum visible to html code
@@ -39,7 +39,7 @@ export class AppComponent implements OnInit {
constructor(private translateService: TranslateService, private pageTitleService: PageTitleService,
private openlpService: OpenLPService, private dialog: MatDialog, private bottomSheet: MatBottomSheet,
private windowRef: WindowRef, private shortcutsService: ShortcutsService, private settingsService: SettingsService) {
- this.pageTitleService.pageTitleChanged$.subscribe(pageTitle => this.pageTitle = pageTitle.toUpperCase());
+ this.pageTitleService.pageTitleChanged$.subscribe(pageTitle => this.pageTitle = pageTitle);
this.openlpService.stateChanged$.subscribe(item => this.state = item);
this.openlpService.webSocketStateChanged$.subscribe(status => this.webSocketOpen = status === WebSocketStatus.Open);
this.shortcutsService.shortcutsChanged$.subscribe(shortcuts => this.addShortcuts(shortcuts));
diff --git a/src/app/components/alert/alert.component.html b/src/app/components/alert/alert.component.html
index eaa4995..7600af9 100644
--- a/src/app/components/alert/alert.component.html
+++ b/src/app/components/alert/alert.component.html
@@ -1,14 +1,16 @@
{{ 'SEND_AN_ALERT' | translate }}