log viewer filter menu

This commit is contained in:
Jesper Møller Jensen
2023-12-04 19:43:39 +13:00
parent 49f584303f
commit 8b047a642b

View File

@@ -64,7 +64,7 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
#renderLogLevelSelector() {
return html`
<div slot="dropdown" id="log-level-selector" @change=${this.setLogLevelDebounce}>
<div id="log-level-selector" @change=${this.setLogLevelDebounce}>
${Object.values(LogLevelModel).map(
(logLevel) =>
html`<uui-checkbox
@@ -73,7 +73,7 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
.value=${logLevel}
label="${logLevel}">
<umb-log-viewer-level-tag .level=${logLevel}></umb-log-viewer-level-tag>
</uui-checkbox>`
</uui-checkbox>`,
)}
<uui-button class="log-level-menu-item" @click=${this.#selectAllLogLevels} label="Select all"
>Select all</uui-button
@@ -87,13 +87,15 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
render() {
return html`
<umb-button-with-dropdown label="Select log levels">
Log Level:
${this._logLevelFilter.length > 0
? this._logLevelFilter.map((level) => html`<span class="log-level-button-indicator">${level}</span>`)
: 'All'}
<umb-dropdown label="Select log levels">
<span slot="label">
Log Level:
${this._logLevelFilter.length > 0
? this._logLevelFilter.map((level) => html`<span class="log-level-button-indicator">${level}</span>`)
: 'All'}
</span>
${this.#renderLogLevelSelector()}
</umb-button-with-dropdown>
</umb-dropdown>
`;
}