yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move changestate to root element

Browse Source
This commit is contained in:
Jacob Overgaard
2023-04-05 09:49:17 +02:00
parent 2f7228f930
commit 80ac8c41ad
1 changed files with 2 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/views/search/log-search-view.element.ts
View File

@@ -1,15 +1,9 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { PropertyValueMap, css, html } from 'lit';
import { css, html } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import {
UmbLogViewerWorkspaceContext,
UMB_APP_LOG_VIEWER_CONTEXT_TOKEN,
LogViewerDateRange,
} from '../../logviewer.context';
import { UmbLogViewerWorkspaceContext, UMB_APP_LOG_VIEWER_CONTEXT_TOKEN } from '../../logviewer.context';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import type { UmbObserverController } from '@umbraco-cms/backoffice/observable-api';
import { query } from '@umbraco-cms/backoffice/router';
import type { LogLevelModel } from '@umbraco-cms/backoffice/backend-api';
@customElement('umb-log-viewer-search-view')
export class UmbLogViewerSearchViewElement extends UmbLitElement {
@@ -62,53 +56,6 @@ export class UmbLogViewerSearchViewElement extends UmbLitElement {
});
}
onChangeState = () => {
if (!this.#logViewerContext) return;
const searchQuery = query();
if (searchQuery.lq) {
const sanitizedQuery = decodeURIComponent(searchQuery.lq);
this.#logViewerContext.setFilterExpression(sanitizedQuery);
}
if (searchQuery.loglevels) {
const loglevels = [...searchQuery.loglevels];
// Filter out invalid log levels that do not exist in LogLevelModel
const validLogLevels = loglevels.filter((loglevel) => {
return ['Verbose', 'Debug', 'Information', 'Warning', 'Error', 'Fatal'].includes(loglevel);
});
this.#logViewerContext.setLogLevelsFilter(validLogLevels as LogLevelModel[]);
}
const dateRange: Partial<LogViewerDateRange> = {};
if (searchQuery.startDate) {
dateRange.startDate = searchQuery.startDate;
}
if (searchQuery.endDate) {
dateRange.endDate = searchQuery.endDate;
}
this.#logViewerContext.setDateRange(dateRange);
console.log('query', searchQuery);
};
firstUpdated(props: PropertyValueMap<unknown>) {
super.firstUpdated(props);
window.addEventListener('changestate', this.onChangeState);
this.onChangeState();
}
disconnectedCallback(): void {
super.disconnectedCallback();
window.removeEventListener('changestate', this.onChangeState);
}
#observeCanShowLogs() {
if (this.#canShowLogsObserver) this.#canShowLogsObserver.destroy();
if (!this.#logViewerContext) return;