delete log levels if there are none

This commit is contained in:
Jacob Overgaard
2023-04-11 15:46:57 +02:00
parent 439d885adb
commit bfb5a2b041

View File

@@ -68,6 +68,8 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
if (logLevels.length) {
q = { ...q, loglevels: logLevels.join(',') };
} else {
delete q.loglevels;
}
window.history.pushState({}, '', `${path()}?${toQueryString(q)}`);
@@ -87,16 +89,16 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
#renderLogLevelSelector() {
return html`
<div slot="dropdown" id="log-level-selector" @change=${() => this.setLogLevelDebounce()}>
<div slot="dropdown" id="log-level-selector" @change=${this.setLogLevelDebounce}>
${Object.values(LogLevelModel).map(
(logLevel) =>
html`<uui-checkbox
class="log-level-menu-item"
.checked=${this._logLevelFilter.includes(logLevel)}
.value=${logLevel}
label="${logLevel}"
><umb-log-viewer-level-tag .level=${logLevel}></umb-log-viewer-level-tag
></uui-checkbox>`
label="${logLevel}">
<umb-log-viewer-level-tag .level=${logLevel}></umb-log-viewer-level-tag>
</uui-checkbox>`
)}
<uui-button class="log-level-menu-item" @click=${this.#selectAllLogLevels} label="Select all"
>Select all</uui-button
@@ -110,8 +112,8 @@ export class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement {
render() {
return html`
<umb-button-with-dropdown label="Select log levels"
>Log Level:
<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'}