diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts index c08a7c54f0..1f8f5ff006 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/backoffice.element.ts @@ -24,12 +24,11 @@ const CORE_PACKAGES = [ import('./packages/umbraco-package'), import('./search/umbraco-package'), import('./templating/umbraco-package'), + import('./umbraco-news/umbraco-package'), ]; @defineElement('umb-backoffice') export class UmbBackofficeElement extends UmbLitElement { - - constructor() { super(); this.provideContext(UMB_MODAL_CONTEXT_TOKEN, new UmbModalContext(this)); @@ -48,7 +47,7 @@ export class UmbBackofficeElement extends UmbLitElement { `; } - + static styles = [ UUITextStyles, css` diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/manifests.ts index e059b11888..ea839b7115 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/manifests.ts @@ -15,20 +15,6 @@ const dashboards: Array = [ sections: ['Umb.Section.Content'], }, }, - { - type: 'dashboard', - alias: 'Umb.Dashboard.Welcome', - name: 'Welcome Dashboard', - loader: () => import('../../documents/dashboards/welcome/dashboard-welcome.element'), - weight: 20, - meta: { - label: 'Welcome', - pathname: 'welcome', - }, - conditions: { - sections: ['Umb.Section.Content'], - }, - }, ]; export const manifests = [...dashboards]; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.stories.ts deleted file mode 100644 index 20d0abcacb..0000000000 --- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.stories.ts +++ /dev/null @@ -1,16 +0,0 @@ -import './dashboard-welcome.element'; - -import { Meta, Story } from '@storybook/web-components'; -import { html } from 'lit'; - -import type { UmbDashboardWelcomeElement } from './dashboard-welcome.element'; - -export default { - title: 'Dashboards/Welcome', - component: 'umb-dashboard-welcome', - id: 'umb-dashboard-welcome', -} as Meta; - -export const AAAOverview: Story = () => - html` `; -AAAOverview.storyName = 'Overview'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/index.ts b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/index.ts new file mode 100644 index 0000000000..a4503b4b0a --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/index.ts @@ -0,0 +1,19 @@ +import { UmbEntrypointOnInit } from '@umbraco-cms/backoffice/extensions-api'; +import { ManifestDashboard } from '@umbraco-cms/backoffice/extensions-registry'; + +const dashboard: ManifestDashboard = { + type: 'dashboard', + alias: 'Umb.Dashboard.UmbracoNews', + name: 'Umbraco News Dashboard', + loader: () => import('./umbraco-news-dashboard.element'), + weight: 20, + meta: { + label: 'Welcome', + pathname: 'welcome', + }, + conditions: { + sections: ['Umb.Section.Content'], + }, +}; + +export const onInit: UmbEntrypointOnInit = (_host, extensionRegistry) => extensionRegistry.register(dashboard); diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.element.ts similarity index 69% rename from src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.element.ts rename to src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.element.ts index 7445e1ed95..5f04bc0463 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/dashboards/welcome/dashboard-welcome.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.element.ts @@ -2,10 +2,8 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; import { css, html, LitElement } from 'lit'; import { customElement } from 'lit/decorators.js'; -@customElement('umb-dashboard-welcome') -export class UmbDashboardWelcomeElement extends LitElement { - - +@customElement('umb-umbraco-news-dashboard') +export class UmbUmbracoNewsDashboardElement extends LitElement { render() { return html` @@ -14,7 +12,7 @@ export class UmbDashboardWelcomeElement extends LitElement { `; } - + static styles = [ UUITextStyles, css` @@ -26,10 +24,10 @@ export class UmbDashboardWelcomeElement extends LitElement { ]; } -export default UmbDashboardWelcomeElement; +export default UmbUmbracoNewsDashboardElement; declare global { interface HTMLElementTagNameMap { - 'umb-dashboard-welcome': UmbDashboardWelcomeElement; + 'umb-umbraco-news-dashboard': UmbUmbracoNewsDashboardElement; } } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.stories.ts new file mode 100644 index 0000000000..ff3205e00d --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-news-dashboard.stories.ts @@ -0,0 +1,16 @@ +import './umbraco-news-dashboard.element'; + +import { Meta, Story } from '@storybook/web-components'; +import { html } from 'lit'; + +import type { UmbUmbracoNewsDashboardElement } from './umbraco-news-dashboard.element'; + +export default { + title: 'Dashboards/Umbraco News', + component: 'umb-umbraco-news-dashboard', + id: 'umb-umbraco-news-dashboard', +} as Meta; + +export const AAAOverview: Story = () => + html` `; +AAAOverview.storyName = 'Overview'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-package.ts b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-package.ts new file mode 100644 index 0000000000..da1985a2c3 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/umbraco-news/umbraco-package.ts @@ -0,0 +1,10 @@ +export const name = 'Umbraco.Core.UmbracoNews'; +export const version = '0.0.1'; +export const extensions = [ + { + name: 'Umbraco News Entry Point', + alias: 'Umb.EntryPoint.UmbracoNews', + type: 'entryPoint', + loader: () => import('./index'), + }, +];