web/elements: add separate flag for chips when checkboxes are enabled

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-08-05 10:15:31 +02:00
parent d861a0cec9
commit 919946609d
3 changed files with 6 additions and 2 deletions

View File

@ -117,6 +117,9 @@ export abstract class Table<T> extends LitElement {
@property({ type: Boolean }) @property({ type: Boolean })
checkbox = false; checkbox = false;
@property({ type: Boolean })
checkboxChip = false;
@property({ attribute: false }) @property({ attribute: false })
selectedElements: T[] = []; selectedElements: T[] = [];
@ -310,7 +313,7 @@ export abstract class Table<T> extends LitElement {
} }
renderTable(): TemplateResult { renderTable(): TemplateResult {
return html` ${this.checkbox return html` ${this.checkbox && this.checkboxChip
? html`<ak-chip-group> ? html`<ak-chip-group>
${this.selectedElements.map((el) => { ${this.selectedElements.map((el) => {
return html`<ak-chip>${this.renderSelectedChip(el)}</ak-chip>`; return html`<ak-chip>${this.renderSelectedChip(el)}</ak-chip>`;

View File

@ -13,6 +13,7 @@ import { first } from "../../utils";
@customElement("ak-group-member-select-table") @customElement("ak-group-member-select-table")
export class MemberSelectTable extends TableModal<User> { export class MemberSelectTable extends TableModal<User> {
checkbox = true; checkbox = true;
checkboxChip = true;
searchEnabled(): boolean { searchEnabled(): boolean {
return true; return true;