File

src/app/components/footer/footer.component.ts

Description

Footer component

Implements

OnInit

Example

Metadata

selector app-footer
styleUrls footer.component.scss
templateUrl ./footer.component.html

Index

Properties
Methods

Constructor

constructor()

Methods

ngOnInit
ngOnInit()

Initialize component

Returns : void

Properties

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>
      &nbsp;|&nbsp;
      <a routerLink="/imprint">{{ 'LABELS.IMPRINT' | translate }}</a>
      &nbsp;|&nbsp;
      <a routerLink="/data-protection">{{ 'LABELS.DATA_PROTECTION' | translate }}</a>
      &nbsp;|&nbsp;
      <a routerLink="/gtc">{{ 'LABELS.GTC' | translate }}</a>
    </div>
  </div>
</footer>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""