Handle input error in custom input text

[github/Chocobozzz/PeerTube.git] / client / src / app / +page-not-found / page-not-found.component.html

diff --git a/client/src/app/+page-not-found/page-not-found.component.html b/client/src/app/+page-not-found/page-not-found.component.html
index efd3cc9f985b76ef3dfb0abb7459a7978263f26c..70ede26e8327fdc830fb4e6941b0b9c995c78de4 100644 (file)
--- a/client/src/app/+page-not-found/page-not-found.component.html
+++ b/client/src/app/+page-not-found/page-not-found.component.html
@@ -1,18 +1,22 @@
 <div class="root">
   <div *ngIf="status !== 403 && status !== 418" class="box">
     <strong>{{ status }}.</strong>
-    <span class="ml-1 text-muted" i18n>That's an error.</span>
+    <span class="ms-1 muted" i18n>That's an error.</span>
 
-    <div class="text mt-4" i18n>
-      We couldn't find any {{ getRessourceName() }} tied to the URL {{ pathname }} you were looking for.
+    <div class="text mt-4">
+      <ng-container *ngIf="type === 'video'" i18n>We couldn't find any video tied to the URL {{ pathname }} you were looking for.</ng-container>
+      <ng-container *ngIf="type !== 'video'" i18n>We couldn't find any resource tied to the URL {{ pathname }} you were looking for.</ng-container>
     </div>
 
-    <div class="text-muted mt-4">
+    <div class="muted mt-4">
       <span i18n="Possible reasons preceding a list of reasons a `Not Found` error page may occur">Possible reasons:</span>
 
       <ul>
         <li i18n>You may have used an outdated or broken link</li>
-        <li i18n>The {{ getRessourceName() }} may have been moved or deleted</li>
+        <li>
+          <ng-container *ngIf="type === 'video'" i18n>The video may have been moved or deleted</ng-container>
+          <ng-container *ngIf="type !== 'video'" i18n>The resource may have been moved or deleted</ng-container>
+        </li>
         <li i18n>You may have typed the address or URL incorrectly</li>
       </ul>
     </div>
@@ -20,21 +24,22 @@
 
   <div *ngIf="status === 403" class="box">
     <strong>{{ status }}.</strong>
-    <span class="ml-1 text-muted" i18n>You are not authorized here.</span>
+    <span class="ms-1 muted" i18n>You are not authorized here.</span>
 
-    <div class="text mt-4" i18n>
-      You might need to check your account is allowed by the {{ getRessourceName() }} or instance owner.
+    <div class="text mt-4">
+      <ng-container *ngIf="type === 'video'" i18n>You might need to check your account is allowed by the video or instance owner.</ng-container>
+      <ng-container *ngIf="type !== 'video'" i18n>You might need to check your account is allowed by the resource or instance owner.</ng-container>
     </div>
   </div>
 
   <div *ngIf="status === 418" class="box">
     <strong>{{ status }}.</strong>
-    <span class="ml-1 text-muted">I'm a teapot.</span>
+    <span class="ms-1 muted">I'm a teapot.</span>
 
     <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">
       The requested entity body blends sweet bits with a mellow earthiness.
     </div>
-    <div class="text-muted" i18n="This is about Sepia's tea">Sepia seems to like it.</div>
+    <div class="muted" i18n="This is about Sepia's tea">Sepia seems to like it.</div>
   </div>
 
   <img src='/client/assets/images/mascot/{{ getMascotName() }}.svg' alt='{{ status }} mascot'>