feat: copyright footer (broker) (#302)

sovity · Jun 5, 2023 · bf273cc · bf273cc
1 parent ce83762
commit bf273cc
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,8 +16,12 @@ the detailed section referring to by linking pull requests or issues.
 
 #### Added
 
+- Added Broker PoC UI:
+  - Refactored Module Structure
+  - Added Catalog Page
+  - Added Connector Page
+  - Added Copyright Footer
 - Tooltips for Asset Properties that show the asset property names.
-- Added Broker UI: Catalog Page, Connector Page
 
 #### Changed
 

diff --git a/src/app/core/services/title-utils.service.ts b/src/app/core/services/title-utils.service.ts
@@ -1,4 +1,4 @@
-import {Injectable} from '@angular/core';
+import {Inject, Injectable} from '@angular/core';
 import {Title} from '@angular/platform-browser';
 import {
   ActivatedRoute,
@@ -8,6 +8,7 @@ import {
 } from '@angular/router';
 import {concat, of} from 'rxjs';
 import {filter, map, shareReplay} from 'rxjs/operators';
+import {APP_CONFIG, AppConfig} from '../config/app-config';
 
 @Injectable()
 export class TitleUtilsService {
@@ -18,14 +19,19 @@ export class TitleUtilsService {
   title$ = this.routeData$.pipe(map((data) => data.title));
 
   constructor(
+    @Inject(APP_CONFIG) private config: AppConfig,
     private router: Router,
     private titleService: Title,
     private activatedRoute: ActivatedRoute,
   ) {}
 
   startUpdatingTitleFromRouteData(defaultTitle: string) {
     this.title$.subscribe((title) => {
-      this.titleService.setTitle(`MDS Broker - ${title ?? defaultTitle}`);
+      let fullTitle = title ?? defaultTitle;
+      if (this.config.routes === 'broker-ui') {
+        fullTitle = `MDS Broker - ${fullTitle}`;
+      }
+      this.titleService.setTitle(fullTitle);
     });
   }
 

diff --git a/src/app/routes/broker-ui/broker-ui.component.html b/src/app/routes/broker-ui/broker-ui.component.html
@@ -14,7 +14,7 @@
         [attr.src]="config.brandLogoSrc"
         [style]="config.brandLogoStyle" />
     </mat-toolbar>
-    <mat-nav-list class="overflow-auto grow">
+    <mat-nav-list class="overflow-auto grow !flex flex-col">
       <ng-container *ngFor="let route of routes">
         <a *ngIf="!route.data?.hideInNav" [routerLink]="[route.path]">
           <mat-list-item
@@ -30,6 +30,10 @@
           </mat-list-item>
         </a></ng-container
       >
+      <div class="grow"></div>
+      <div class="shrink-0 p-x-[15px] p-y-[10px]">
+        &copy; {{ currentYear }} Mobility Data Space
+      </div>
     </mat-nav-list>
   </mat-sidenav>
   <mat-sidenav-content>

diff --git a/src/app/routes/broker-ui/broker-ui.component.scss b/src/app/routes/broker-ui/broker-ui.component.scss
@@ -25,8 +25,8 @@
   background-color: #dedede;
 }
 
-::ng-deep app-navigation .mat-drawer-inner-container {
+::ng-deep .mat-drawer-inner-container {
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  overflow: hidden !important;
 }
diff --git a/src/app/routes/broker-ui/broker-ui.component.ts b/src/app/routes/broker-ui/broker-ui.component.ts
@@ -13,6 +13,7 @@ import {routes} from './broker-ui-routing.module';
   providers: [TitleUtilsService],
 })
 export class BrokerUiComponent implements OnInit {
+  currentYear = new Date().getFullYear();
   isHandset$: Observable<boolean> = this.breakpointObserver
     .observe(Breakpoints.Handset)
     .pipe(