src/app/components/footer/footer.component.ts
Footer component
selector | app-footer |
styleUrls | footer.component.scss |
templateUrl | ./footer.component.html |
Properties |
Methods |
constructor()
|
ngOnInit |
ngOnInit()
|
Initialize component
Returns :
void
|
Private log |
log:
|
Default value : Log.create('FooterComponent')
|
Logger |
Public year |
year:
|
Default value : new Date().getFullYear()
|
Year |
import { Component, OnInit } from '@angular/core';
import { Log } from 'ng2-logger';
/**
* Footer component
* @author Daniel Sogl
*/
@Component({
selector: 'app-footer',
templateUrl: './footer.component.html',
styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {
/** Logger */
private log = Log.create('FooterComponent');
/** Year */
public year = new Date().getFullYear();
/**
* Constructor
*/
constructor() {}
/**
* Initialize component
*/
ngOnInit() {
this.log.color = 'orange';
this.log.d('Component initialized');
}
}
<footer class="page-footer center-on-small-only pt-0 mt-5 fixed-bottom indigo">
<div class="footer-copyright">
<div class="container-fluid">Made with
<i class="fa fa-heart" style="color: red" aria-hidden="true"></i>
© {{ year }} Copyright:
<a routerLink="/"> eventpicking.de </a>
|
<a routerLink="/imprint">{{ 'LABELS.IMPRINT' | translate }}</a>
|
<a routerLink="/data-protection">{{ 'LABELS.DATA_PROTECTION' | translate }}</a>
|
<a routerLink="/gtc">{{ 'LABELS.GTC' | translate }}</a>
</div>
</div>
</footer>