From ca2a4ffb59c1a9609ba8abbbec1ca445e878ec0a Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sat, 10 Apr 2021 20:12:57 +0200
Subject: [PATCH] web/elements: render ChipGroup when checkboxes are enabled

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/elements/table/Table.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/elements/table/Table.ts b/web/src/elements/table/Table.ts
index 06d32bf99..89761e78c 100644
--- a/web/src/elements/table/Table.ts
+++ b/web/src/elements/table/Table.ts
@@ -13,6 +13,8 @@ import AKGlobal from "../../authentik.css";
 
 import "./TablePagination";
 import "../EmptyState";
+import "../chips/Chip";
+import "../chips/ChipGroup";
 import { EVENT_REFRESH } from "../../constants";
 
 export class TableColumn {
@@ -235,7 +237,15 @@ export abstract class Table<T> extends LitElement {
     }
 
     renderTable(): TemplateResult {
-        return html`<div class="pf-c-toolbar">
+        return html`
+            ${this.checkbox ?
+                html`<ak-chip-group>
+                        ${this.selectedElements.map(el => {
+                            return html`<ak-chip>${this.renderSelectedChip(el)}</ak-chip>`;
+                        })}
+                    </ak-chip-group>`:
+                html``}
+            <div class="pf-c-toolbar">
                 <div class="pf-c-toolbar__content">
                     ${this.renderSearch()}
                     <div class="pf-c-toolbar__bulk-select">