add footer-component to add copyright

This commit is contained in:
tim-herbst 2021-01-10 16:36:10 +01:00
parent a8bff8965c
commit 83e136b61c
7 changed files with 58 additions and 2 deletions

View File

@ -1,2 +1,3 @@
<app-toolbar></app-toolbar> <app-toolbar></app-toolbar>
<router-outlet></router-outlet> <router-outlet></router-outlet>
<app-footer></app-footer>

View File

@ -37,6 +37,7 @@ import { MiniMapComponent } from './dashboard/mini-map/mini-map.component';
import { ToolbarComponent } from './toolbar/toolbar.component'; import { ToolbarComponent } from './toolbar/toolbar.component';
import { MapInteractionComponent } from './toolbar/map-interaction/map-interaction.component'; import { MapInteractionComponent } from './toolbar/map-interaction/map-interaction.component';
import { DashboardInteractionComponent } from './toolbar/dashboard-interaction/dashboard-interaction.component'; import { DashboardInteractionComponent } from './toolbar/dashboard-interaction/dashboard-interaction.component';
import { FooterComponent } from './footer/footer.component';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -52,7 +53,8 @@ import { DashboardInteractionComponent } from './toolbar/dashboard-interaction/d
MiniMapComponent, MiniMapComponent,
ToolbarComponent, ToolbarComponent,
MapInteractionComponent, MapInteractionComponent,
DashboardInteractionComponent DashboardInteractionComponent,
FooterComponent
], ],
imports: [ imports: [
BrowserModule, BrowserModule,

View File

@ -0,0 +1,5 @@
<div class="footer d-sm-flex justify-content-center align-items-center">
<div class="copyright">
<span>&copy; Marcel Schwarz & Tim Herbst</span>
</div>
</div>

View File

@ -0,0 +1,8 @@
.footer {
height: 2vh;
background: #2f2f2f;
.copyright {
color: white;
}
}

View File

@ -0,0 +1,25 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { FooterComponent } from './footer.component';
describe('FooterComponent', () => {
let component: FooterComponent;
let fixture: ComponentFixture<FooterComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ FooterComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}

View File

@ -1,3 +1,3 @@
#map { #map {
height: 95vh; height: 93vh;
} }