From 75a2edfaa4aef5f583ff218608225fce01fbbe73 Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Wed, 24 Aug 2022 17:30:42 +0200 Subject: [PATCH] add files for performance profiling dashboard --- ...dashboard-performance-profiling.element.ts | 24 +++++++++++++++++++ ...dashboard-performance-profiling.stories.ts | 15 ++++++++++++ 2 files changed, 39 insertions(+) create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts new file mode 100644 index 0000000000..a7d4200d28 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts @@ -0,0 +1,24 @@ +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; +import { css, html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; + +@customElement('umb-dashboard-performance-profiling') +export class UmbDashboardPerformanceProfilingElement extends LitElement { + static styles = [UUITextStyles, css``]; + + render() { + return html` + +

Performance Profiling

+
+ `; + } +} + +export default UmbDashboardPerformanceProfilingElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-dashboard-performance-profiling': UmbDashboardPerformanceProfilingElement; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts new file mode 100644 index 0000000000..fedf360d27 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts @@ -0,0 +1,15 @@ +import { Meta, Story } from '@storybook/web-components'; +import { html } from 'lit-html'; + +import type { UmbDashboardPerformanceProfilingElement } from './dashboard-performance-profiling.element'; +import './dashboard-performance-profiling.element'; + +export default { + title: 'Dashboards/Performance Profiling', + component: 'umb-dashboard-performance-profiling', + id: 'umb-dashboard-performance-profiling', +} as Meta; + +export const AAAOverview: Story = () => + html` `; +AAAOverview.storyName = 'Overview';