src/app/pages/page-not-found/page-not-found.component.ts
Page not found page component
selector | app-page-not-found |
styleUrls | page-not-found.component.scss |
templateUrl | ./page-not-found.component.html |
Properties |
|
Methods |
constructor()
|
ngOnInit |
ngOnInit()
|
Initalize component
Returns :
void
|
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>