add log search element

This commit is contained in:
Julia Gru
2023-02-06 10:30:02 +01:00
parent 868e86f480
commit e0cd8f421a
2 changed files with 64 additions and 4 deletions

View File

@@ -0,0 +1,47 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html } from 'lit';
import { customElement } from 'lit/decorators.js';
import { UmbLitElement } from '@umbraco-cms/element';
import '../../../../shared/components/workspace/actions/save/workspace-action-node-save.element.ts';
@customElement('umb-log-search-workspace')
export class UmbLogSearchWorkspaceElement extends UmbLitElement {
static styles = [
UUITextStyles,
css`
:host {
display: block;
}
#header {
display: flex;
padding: 0 var(--uui-size-space-6);
gap: var(--uui-size-space-4);
width: 100%;
}
`,
];
render() {
return html`
<umb-workspace-layout alias="Umb.Workspace.LogSearch">
<div id="header" slot="header">
<a href="/section/settings/language-root">
<uui-button compact>
<uui-icon name="umb:arrow-left"></uui-icon>
</uui-button>
</a>
<uui-input></uui-input>
</div>
</umb-workspace-layout>
`;
}
}
export default UmbLogSearchWorkspaceElement;
declare global {
interface HTMLElementTagNameMap {
'umb-log-search-workspace': UmbLogSearchWorkspaceElement;
}
}

View File

@@ -1,13 +1,26 @@
import { html, LitElement } from 'lit';
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('umb-logviewer-root-workspace')
export class UmbLogViewerRootWorkspaceElement extends LitElement {
static styles = [
css`
:host {
display: block;
}
#header {
display: flex;
padding: 0 var(--uui-size-space-6);
gap: var(--uui-size-space-4);
width: 100%;
}
`,
];
render() {
return html`
<div>
<h1>LogViewer Root Workspace</h1>
</div>
<umb-workspace-layout headline="Log Overview for Today" alias="Umb.Workspace.LogviewerRoot">
</umb-workspace-layout>
`;
}
}