Add short description in about page

[github/Chocobozzz/PeerTube.git] / client / src / app / about / about.component.html

diff --git a/client/src/app/about/about.component.html b/client/src/app/about/about.component.html
index bcb4ed2becfb90652744a11d3596f91d06c02f43..6fa856742fb46108fcc438a887c648ccd562e38d 100644 (file)
--- a/client/src/app/about/about.component.html
+++ b/client/src/app/about/about.component.html
@@ -3,6 +3,10 @@
     Welcome to the {{ instanceName }} instance
   </div>
 
+  <div class="short-description">
+    <div>{{ shortDescription }}</div>
+  </div>
+
   <div class="description">
     <div class="section-title">Description</div>
 
@@ -13,14 +17,26 @@
     <div class="section-title">Terms</div>
 
     <div [innerHTML]="termsHTML"></div>
+  </div>
+
+  <div class="signup">
+    <div class="section-title">Signup</div>
+
+    <div *ngIf="isSignupAllowed">
+      User registration is allowed and
+
+      <ng-template [ngIf]="userVideoQuota !== -1">
+        this instance provides a baseline quota of {{ userVideoQuota | bytes: 0 }} space for the videos of its users.
+      </ng-template>
+
+      <ng-template [ngIf]="userVideoQuota === -1">
+        this instance provides unlimited space for the videos of its users.
+      </ng-template>
+    </div>
 
-    <div *ngIf="userVideoQuota !== -1;else noQuota">
-      This instance provides a baseline quota of {{ userVideoQuota | bytes: 0 }} space for the videos of its users.
+    <div *ngIf="isSignupAllowed === false">
+      User registration is currently not allowed.
     </div>
-    
-    <ng-template #noQuota>
-      This instance provides unlimited space for the videos of its users.
-    </ng-template>
   </div>
 
   <div id="p2p-privacy">