client/src/app/+error-page/error-page.component.ts

   1 import { Component, OnInit } from '@angular/core'
   2 import { Title } from '@angular/platform-browser'
   3 import { Router } from '@angular/router'
   4 import { HttpStatusCode } from '@shared/models'
   5
   6 @Component({
   7   selector: 'my-error-page',
   8   templateUrl: './error-page.component.html',
   9   styleUrls: [ './error-page.component.scss' ]
  10 })
  11 export class ErrorPageComponent implements OnInit {
  12   status = HttpStatusCode.NOT_FOUND_404
  13   type: 'video' | 'other' = 'other'
  14
  15   public constructor (
  16     private titleService: Title,
  17     private router: Router
  18   ) {
  19     const state = this.router.getCurrentNavigation()?.extras.state
  20     this.type = state?.type || this.type
  21     this.status = state?.obj.status || this.status
  22   }
  23
  24   ngOnInit () {
  25     if (this.pathname.includes('teapot')) {
  26       this.status = HttpStatusCode.I_AM_A_TEAPOT_418
  27       this.titleService.setTitle($localize`I'm a teapot` + ' - PeerTube')
  28     }
  29   }
  30
  31   get pathname () {
  32     return window.location.pathname
  33   }
  34
  35   getMascotName () {
  36     switch (this.status) {
  37       case HttpStatusCode.I_AM_A_TEAPOT_418:
  38         return 'happy'
  39       case HttpStatusCode.FORBIDDEN_403:
  40         return 'arguing'
  41       case HttpStatusCode.NOT_FOUND_404:
  42       default:
  43         return 'defeated'
  44     }
  45   }
  46 }