File

src/app/pages/page-not-found/page-not-found.component.ts

Description

Page not found page component

Implements

OnInit

Example

Metadata

selector app-page-not-found
styleUrls page-not-found.component.scss
templateUrl ./page-not-found.component.html

Index

Properties
Methods

Constructor

constructor()

Methods

ngOnInit
ngOnInit()

Initalize component

Returns : void

Properties

Private log
log:
Default value : Log.create('PageNotFoundComponent')

Logger

import { Component, OnInit } from '@angular/core';
import { Log } from 'ng2-logger';

/**
 * Page not found page component
 * @author Markus Kirschner
 */
@Component({
  selector: 'app-page-not-found',
  templateUrl: './page-not-found.component.html',
  styleUrls: ['./page-not-found.component.scss']
})
export class PageNotFoundComponent implements OnInit {
  /** Logger */
  private log = Log.create('PageNotFoundComponent');

  /**
   * Constructor
   */
  constructor() {}

  /**
   * Initalize component
   */
  ngOnInit() {
    this.log.color = 'orange';
    this.log.d('Component initialized');
  }
}
<div class="row mt-5 pt-5">
  <div class="text-center" style="margin: auto">
    <div>
      <p class="four-size">
        <strong>4</strong>
        <img class="lessMargin" src="https://www.freeiconspng.com/uploads/showing-gallery-for-camera-lens-png-clipart-10.png" width="150px"
          alt="O">
        <strong>4</strong>
      </p>
      <h1>{{ 'TEXTS.PAGE_NOT_FOUND' | translate }}</h1>
      <p class="section-description grey-text">{{ 'TEXTS.PAGE_NOT_FOUND_DESCRIPTION' | translate }}</p>
    </div>
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""