From 7337a75bf06dd3ee501b502c1e4251dbf78aa04d Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 9 Nov 2021 15:26:10 +0100
Subject: [PATCH] Add available themes and plugins in feature table

---
 .../instance-features-table.component.html    | 22 +++++++++++++++++++
 .../instance-features-table.component.scss    |  9 ++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)

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 83440e87c..0d4e77b73 100644
--- a/client/src/app/shared/shared-instance/instance-features-table.component.html
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.html
@@ -128,5 +128,27 @@
         <my-feature-boolean [value]="serverConfig.search.remoteUri.users"></my-feature-boolean>
       </td>
     </tr>
+
+    <tr>
+      <th i18n class="label" colspan="2">Plugins & Themes</th>
+    </tr>
+
+    <tr>
+      <th i18n class="sub-label" scope="row">Available themes</th>
+      <td>
+        <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>
 </div>
diff --git a/client/src/app/shared/shared-instance/instance-features-table.component.scss b/client/src/app/shared/shared-instance/instance-features-table.component.scss
index d8efd8cdf..6107909a2 100644
--- a/client/src/app/shared/shared-instance/instance-features-table.component.scss
+++ b/client/src/app/shared/shared-instance/instance-features-table.component.scss
@@ -34,6 +34,11 @@ table {
     font-weight: $font-semibold;
     color: pvar(--mainForegroundColor);
   }
+
+  .plugin,
+  .theme {
+    &:not(:last-child):after {
+      content: '•';
+    }
+  }
 }
-
-