Bumped to version v5.2.1

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-instance / instance-features-table.component.html

diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.html b/client/src/app/shared/shared-instance/instance-features-table.component.html
index f6a3b7f0b07df24b5a5de32f2963e3e956b8689a..37f53b7c698a57731dbfda29f93072a641af0b7c 100644 (file)
--- a/client/src/app/shared/shared-instance/instance-features-table.component.html
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.html
@@ -1,6 +1,6 @@
-<div class="feature-table">
+<div *ngIf="serverConfig" class="feature-table">
 
-  <table class="table" *ngIf="serverConfig">
+  <table *ngIf="serverConfig">
     <caption i18n>Features found on this instance</caption>
     <tr>
       <th i18n class="label" scope="row">PeerTube version</th>
@@ -11,17 +11,16 @@
     <tr>
       <th i18n class="label" scope="row">
         <div>Default NSFW/sensitive videos policy</div>
-        <div class="more-info">can be redefined by the users</div>
+        <span class="fs-7 fw-normal fst-italic">can be redefined by the users</span>
       </th>
 
       <td class="value">{{ buildNSFWLabel() }}</td>
     </tr>
 
     <tr>
-      <th i18n class="label" scope="row">User registration allowed</th>
-      <td>
-        <my-feature-boolean [value]="serverConfig.signup.allowed"></my-feature-boolean>
-      </td>
+      <th i18n class="label" scope="row">User registration</th>
+
+      <td class="value">{{ buildRegistrationLabel() }}</td>
     </tr>
 
     <tr>
@@ -63,6 +62,31 @@
       </td>
     </tr>
 
+    <tr>
+      <th i18n class="label" colspan="2">Live streaming</th>
+    </tr>
+
+    <tr>
+      <th i18n class="sub-label" scope="row">Live streaming enabled</th>
+      <td>
+        <my-feature-boolean [value]="serverConfig.live.enabled"></my-feature-boolean>
+      </td>
+    </tr>
+
+    <tr *ngIf="serverConfig.live.enabled">
+      <th i18n class="sub-label" scope="row">Transcode live video in multiple resolutions</th>
+      <td>
+        <my-feature-boolean [value]="serverConfig.live.transcoding.enabled && serverConfig.live.transcoding.enabledResolutions.length > 1"></my-feature-boolean>
+      </td>
+    </tr>
+
+    <tr *ngIf="serverConfig.live.enabled">
+      <th i18n class="sub-label" scope="row">Max parallel lives</th>
+      <td i18n>
+        {{ maxUserLives }} per user / {{ maxInstanceLives }} per instance
+      </td>
+    </tr>
+
     <tr>
       <th i18n class="label" colspan="2">Import</th>
     </tr>
@@ -81,26 +105,43 @@
       </td>
     </tr>
 
+    <tr>
+      <th i18n class="sub-label" scope="row">Channel synchronization with other platforms (YouTube, Vimeo, ...)</th>
+      <td>
+        <my-feature-boolean [value]="serverConfig.import.videoChannelSynchronization.enabled"></my-feature-boolean>
+      </td>
+    </tr>
 
     <tr>
-      <th i18n class="label" colspan="2">Player</th>
+      <th i18n class="label" colspan="2">Search</th>
     </tr>
 
     <tr>
-      <th i18n class="sub-label" scope="row">P2P enabled</th>
+      <th i18n class="sub-label" scope="row">Users can resolve distant content</th>
       <td>
-        <my-feature-boolean [value]="serverConfig.tracker.enabled"></my-feature-boolean>
+        <my-feature-boolean [value]="serverConfig.search.remoteUri.users"></my-feature-boolean>
       </td>
     </tr>
 
     <tr>
-      <th i18n class="label" colspan="2">Search</th>
+      <th i18n class="label" colspan="2">Plugins & Themes</th>
     </tr>
 
     <tr>
-      <th i18n class="sub-label" scope="row">Users can resolve distant content</th>
+      <th i18n class="sub-label" scope="row">Available themes</th>
       <td>
-        <my-feature-boolean [value]="serverConfig.search.remoteUri.users"></my-feature-boolean>
+        <span class="theme" *ngFor="let theme of serverConfig.theme.registered">
+          {{ theme.name }}
+        </span>
+      </td>
+    </tr>
+
+    <tr>
+      <th i18n class="sub-label" scope="row">Plugins enabled</th>
+      <td>
+        <span class="plugin" *ngFor="let plugin of serverConfig.plugin.registered">
+          {{ plugin.name }}
+        </span>
       </td>
     </tr>
   </table>