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

   1 <div class="root">
   2   <div *ngIf="status !== 401 && status !== 403 && status !== 418" class="box">
   3     <strong>{{ status }}.</strong>
   4     <span class="ms-1 muted" i18n>That's an error.</span>
   5
   6     <div class="text mt-4">
   7       <ng-container *ngIf="type === 'video'" i18n>We couldn't find any video tied to the URL {{ pathname }} you were looking for.</ng-container>
   8       <ng-container *ngIf="type !== 'video'" i18n>We couldn't find any resource tied to the URL {{ pathname }} you were looking for.</ng-container>
   9     </div>
  10
  11     <div class="muted mt-4">
  12       <span i18n="Possible reasons preceding a list of reasons a `Not Found` error page may occur">Possible reasons:</span>
  13
  14       <ul>
  15         <li i18n>You may have used an outdated or broken link</li>
  16         <li>
  17           <ng-container *ngIf="type === 'video'" i18n>The video may have been moved or deleted</ng-container>
  18           <ng-container *ngIf="type !== 'video'" i18n>The resource may have been moved or deleted</ng-container>
  19         </li>
  20         <li i18n>You may have typed the address or URL incorrectly</li>
  21       </ul>
  22     </div>
  23   </div>
  24
  25   <div *ngIf="status === 401" class="box">
  26     <strong>{{ status }}.</strong>
  27     <span class="ms-1 muted" i18n>You are not authorized here.</span>
  28
  29     <div class="text mt-4">
  30       <ng-container *ngIf="type === 'video'" i18n>You might need to login to see the video.</ng-container>
  31       <ng-container *ngIf="type !== 'video'" i18n>You might need to login to see the resource.</ng-container>
  32     </div>
  33
  34     <my-login-link className="peertube-button-big-link orange-button mt-5"></my-login-link>
  35   </div>
  36
  37   <div *ngIf="status === 403" class="box">
  38     <strong>{{ status }}.</strong>
  39     <span class="ms-1 muted" i18n>You are not authorized here.</span>
  40
  41     <div class="text mt-4">
  42       <ng-container *ngIf="type === 'video'" i18n>You might need to check your account is allowed by the video or instance owner.</ng-container>
  43       <ng-container *ngIf="type !== 'video'" i18n>You might need to check your account is allowed by the resource or instance owner.</ng-container>
  44     </div>
  45   </div>
  46
  47   <div *ngIf="status === 418" class="box">
  48     <strong>{{ status }}.</strong>
  49     <span class="ms-1 muted">I'm a teapot.</span>
  50
  51     <div class="text mt-4" i18n="Description of a tea flavour, keeping the 'requested entity body' as a technical expression referring to a web request">
  52       The requested entity body blends sweet bits with a mellow earthiness.
  53     </div>
  54     <div class="muted" i18n="This is about Sepia's tea">Sepia seems to like it.</div>
  55   </div>
  56
  57   <img src='/client/assets/images/mascot/{{ getMascotName() }}.svg' alt='{{ status }} mascot' class="mb-4 h-auto">
  58 </div>