Merge branch 'master' of git.ozg-sh.de:mgm/goofy

goofy-client/apps/goofy/src/app/app.component.html

 <ng-container *ngIf="apiRoot$ | async as apiRoot">
 	<!-- TODO replace by spinner-component -->
 	<ng-container *ngIf="apiRoot.loaded">
-		<goofy-client-header
-			[darkMode]="darkMode$ | async"
-			[navigationCollapse]="navigationCollapse$ | async"
-			(toggleMenuEvent)="toggleNavigation($event)"
-			(darkModeEmitter)="changeColorMode($event)"
-		>
-		</goofy-client-header>
+
+		<goofy-client-header-container></goofy-client-header-container>
 
 		<div class="container">
-			<goofy-client-navigation [isSmall]="navigationCollapse$ | async"></goofy-client-navigation>
+			<goofy-client-navigation></goofy-client-navigation>
 			<main><router-outlet></router-outlet></main>
 			<section>
 				<goofy-client-build-info [apiRoot]="apiRoot.resource"></goofy-client-build-info>

goofy-client/apps/goofy/src/app/app.component.ts

-import { DOCUMENT } from '@angular/common';
-import { Component, Inject, Renderer2 } from '@angular/core';
+import { Component } from '@angular/core';
 import { ApiRootResource, ApiRootService } from '@goofy-client/api-root-shared';
 import { StateResource } from '@goofy-client/tech-shared';
 import { IconService } from '@goofy-client/ui';
-import { Observable, of } from 'rxjs';
-import { AppService, localStorageDark } from '@goofy-client/app-shared';
+import { Observable } from 'rxjs';
 
 @Component({
 	selector: 'goofy-client-root',
@@ -16,42 +14,11 @@ export class AppComponent {
 
 	apiRoot$: Observable<StateResource<ApiRootResource>>;
 
-	navigationCollapse$: Observable<boolean>;
-	darkMode$: Observable<boolean>;
-
 	constructor(
-		iconService: IconService,
-		private appService: AppService,
-		private renderer: Renderer2,
-		@Inject(DOCUMENT) private document: Document,
-		apiRootService: ApiRootService
+		apiRootService: ApiRootService,
+		iconServie: IconService
 	) {
-		this.navigationCollapse$ = this.appService.getNavigationCollapse();
-		this.darkMode$ = this.appService.getDarkMode();
 		this.apiRoot$ = apiRootService.getApiRoot();
-
-		iconService.registerIcons();
-
-		this.subscribeToDarkMode();
-	}
-
-	private subscribeToDarkMode(): void {
-		this.darkMode$.subscribe(darkMode => darkMode ? this.addClass(localStorageDark) : this.removeClass(localStorageDark));
-	}
-
-	private addClass(styleClass: string): void {
-		this.renderer.addClass(this.document.body, styleClass);
-	}
-
-	private removeClass(styleClass: string): void {
-		this.renderer.removeClass(this.document.body, styleClass);
-	}
-
-	toggleNavigation(isToggle: boolean): void {
-		this.appService.setNavigationCollapse(isToggle);
-	}
-
-	changeColorMode(darkMode: boolean): void {
-		this.appService.setDarkMode(darkMode);
+		iconServie.registerIcons();
 	}
 }
\ No newline at end of file

goofy-client/apps/goofy/src/styles/layout/_main.scss

 .l-scroll-area {
 	height: calc(100vh - 112px);
 	background-color: #fff;
-	display: block;
 }
 
 body.dark .l-scroll-area {

goofy-client/apps/goofy/src/styles/main.scss

@@ -6,7 +6,7 @@
 @import "layout/main";
 @import "~libs/vorgang/src/lib/vorgang-detail/vorgang-detail.theme";
 @import "~libs/navigation/src/lib/navigation/navigation.theme";
-@import "~libs/navigation/src/lib/header/header.theme";
+@import "~libs/navigation/src/lib/header-container/header/header.theme";
 @import "~libs/vorgang/src/lib/vorgang-list-container/vorgang-list/vorgang-list-item/vorgang-list-item";
 
 @include mat-core();

goofy-client/libs/api-root-shared/src/lib/api-root.module.spec.ts

-import { TestBed } from "@angular/core/testing";
+import { TestBed } from '@angular/core/testing';
 import { ApiRootModule } from './api-root.module';
 
 describe('ApiRootModule', () => {

goofy-client/libs/api-root-shared/src/lib/api-root.repository.spec.ts

 import { Mock, mock, useFromMock } from '@goofy-client/test-utils';
 import { HttpService } from '@ngxp/rest';
 import { Environment } from 'libs/environment-shared/src/lib/environment.model';
-import { ApiRootRepository } from "./api-root.repository"
-import { createEnvironment } from "../../../environment-shared/test/environment";
+import { createEnvironment } from '../../../environment-shared/test/environment';
+import { ApiRootRepository } from './api-root.repository';
 
 var repository: ApiRootRepository;
 var httpService: Mock<HttpService>;

goofy-client/libs/app-shared/src/lib/app-shared.module.spec.ts

-import { TestBed } from "@angular/core/testing";
+import { TestBed } from '@angular/core/testing';
 import { AppSharedModule } from './app-shared.module';
 
 describe('AppSharedModule', () => {

goofy-client/libs/app-shared/src/lib/app.service.spec.ts

-import { AppService } from "./app.service";
+import { AppService } from './app.service';
 
 describe('AppService', () => {
 	let service: AppService;

goofy-client/libs/navigation/src/lib/build-info/build-info.component.html

-<p>Version: {{ apiRoot.version }} | BuildTime: {{ apiRoot.buildTime | date: 'dd.MM.yy HH:mm:ss' }}</p>
\ No newline at end of file
+<p>Version: {{ apiRoot.version }} | BuildTime: {{ apiRoot.buildTime | date: "dd.MM.yy HH:mm:ss" }}</p>
\ No newline at end of file

goofy-client/libs/navigation/src/lib/header-container/header-container.component.html

+<goofy-client-header
+	[darkMode]="darkMode$ | async"
+	[navigationCollapse]="navigationCollapse$ | async"
+	(toggleMenuEvent)="toggleNavigation($event)"
+	(darkModeEmitter)="changeColorMode($event)">
+</goofy-client-header>
\ No newline at end of file

goofy-client/libs/navigation/src/lib/header-container/header-container.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AppService } from '@goofy-client/app-shared';
+import { BehaviorSubject } from 'rxjs';
+import { HeaderContainerComponent } from './header-container.component';
+import { mock, mockComponent, headerMockComponent } from '@goofy-client/test-utils';
+
+describe('HeaderContainerComponent', () => {
+  let component: HeaderContainerComponent;
+	let fixture: ComponentFixture<HeaderContainerComponent>;
+	
+	const darkModeSubj: BehaviorSubject<boolean> = new BehaviorSubject(false);
+	const appService = { ...mock(AppService), getDarkMode: () => darkModeSubj };
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+			declarations: [
+				HeaderContainerComponent,
+				mockComponent(headerMockComponent),
+			],
+			providers: [
+				{
+					provide: AppService,
+					useValue: appService
+				}
+			]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HeaderContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+	});
+});
\ No newline at end of file

goofy-client/libs/navigation/src/lib/header-container/header-container.component.ts

+import { DOCUMENT } from '@angular/common';
+import { Component, Inject, Renderer2 } from '@angular/core';
+import { Observable } from 'rxjs';
+import { AppService, localStorageDark } from '@goofy-client/app-shared';
+
+@Component({
+  selector: 'goofy-client-header-container',
+  templateUrl: './header-container.component.html',
+  styleUrls: ['./header-container.component.scss']
+})
+export class HeaderContainerComponent {
+	
+	navigationCollapse$: Observable<boolean>;
+	darkMode$: Observable<boolean>;
+
+	constructor(
+		private appService: AppService,
+		private renderer: Renderer2,
+		@Inject(DOCUMENT) private document: Document,
+	) {
+		this.navigationCollapse$ = this.appService.getNavigationCollapse();
+		this.darkMode$ = this.appService.getDarkMode();
+
+		this.subscribeToDarkMode();
+	}
+
+ 	private subscribeToDarkMode(): void {
+		this.darkMode$.subscribe(darkMode => darkMode ? this.addClass(localStorageDark) : this.removeClass(localStorageDark));
+	}
+
+	private addClass(styleClass: string): void {
+		this.renderer.addClass(this.document.body, styleClass);
+	}
+
+	private removeClass(styleClass: string): void {
+		this.renderer.removeClass(this.document.body, styleClass);
+	}
+
+	toggleNavigation(isToggle: boolean): void {
+		this.appService.setNavigationCollapse(isToggle);
+	}
+
+	changeColorMode(darkMode: boolean): void {
+		this.appService.setDarkMode(darkMode);
+	}
+}
\ No newline at end of file