From e0cd8f421a973543b2e601e295653656357076aa Mon Sep 17 00:00:00 2001
From: Julia Gru <56249914+julczka@users.noreply.github.com>
Date: Mon, 6 Feb 2023 10:30:02 +0100
Subject: [PATCH] add log search element

---
 .../log-search/log-search.elements.ts         | 47 +++++++++++++++++++
 .../logviewer-root-workspace.element.ts       | 21 +++++++--
 2 files changed, 64 insertions(+), 4 deletions(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/log-search/log-search.elements.ts

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/log-search/log-search.elements.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/log-search/log-search.elements.ts
new file mode 100644
index 0000000000..609c9d843b
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/log-search/log-search.elements.ts
@@ -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;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/logviewer-root/logviewer-root-workspace.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/logviewer-root/logviewer-root-workspace.element.ts
index f3f77a5ded..daefbd2423 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/logviewer-root/logviewer-root-workspace.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/logviewer/workspace/logviewer-root/logviewer-root-workspace.element.ts
@@ -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>
 		`;
 	}
 }