From d678a4b782f1206bd207a8daeada5f7998ff1c4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jesper=20M=C3=B8ller=20Jensen?= <jmj@umbraco.dk>
Date: Thu, 1 Sep 2022 14:25:13 +0200
Subject: [PATCH] actions: add create page

---
 .../tree-action-create-page.element.ts        | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/tree/actions/tree-action-create-page.element.ts

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/tree/actions/tree-action-create-page.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/tree/actions/tree-action-create-page.element.ts
new file mode 100644
index 0000000000..8a7dac6c7a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/tree/actions/tree-action-create-page.element.ts
@@ -0,0 +1,42 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UmbContextConsumerMixin } from '../../../core/context';
+import type { ManifestEntityAction } from '../../../core/models';
+import { UmbActionService } from '../actions.service';
+
+@customElement('umb-tree-action-create-page')
+export default class UmbTreeActionCreatePageElement extends UmbContextConsumerMixin(LitElement) {
+	static styles = [UUITextStyles, css``];
+
+	private _actionService?: UmbActionService;
+
+	constructor() {
+		super();
+
+		this.consumeContext('umbActionService', (actionService: UmbActionService) => {
+			this._actionService = actionService;
+		});
+	}
+
+	private _next() {
+		this._actionService?.openPage('umb-tree-action-create-page-2');
+	}
+
+	private _back() {
+		this._actionService?.closeTopPage();
+	}
+
+	render() {
+		return html`<h2>Create page 1</h2>
+			<p>This is the first create page, here you can go next or back (it just closes the modal for now)</p>
+			<uui-button label="Back" look="secondary" @click=${this._back}></uui-button>
+			<uui-button label="Next" look="primary" @click=${this._next}></uui-button>`;
+	}
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-tree-action-create-page': UmbTreeActionCreatePageElement;
+	}
+}