data-type-views

This commit is contained in:
Niels Lyngsø
2022-12-16 11:02:02 +01:00
parent 8d29bca6a6
commit 7bfa6b2b1e
5 changed files with 19 additions and 19 deletions

View File

@@ -11,7 +11,7 @@ import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
import '../../../../property-editor-uis/shared/property-editor-config/property-editor-config.element';
import '../../../../components/ref-property-editor-ui/ref-property-editor-ui.element';
@customElement('umb-editor-view-data-type-edit')
@customElement('umb-workspace-view-data-type-edit')
export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
static styles = [
UUITextStyles,
@@ -163,6 +163,6 @@ export default UmbEditorViewDataTypeEditElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-view-data-type-edit': UmbEditorViewDataTypeEditElement;
'umb-workspace-view-data-type-edit': UmbEditorViewDataTypeEditElement;
}
}

View File

@@ -4,14 +4,14 @@ import { html } from 'lit-html';
import { data } from '../../../../../core/mocks/data/data-type.data';
import { UmbDataTypeContext } from '../../data-type.context';
import type { UmbEditorViewDataTypeEditElement } from './editor-view-data-type-edit.element';
import type { UmbEditorViewDataTypeEditElement } from './workspace-view-data-type-edit.element';
import './editor-view-data-type-edit.element';
import './workspace-view-data-type-edit.element';
export default {
title: 'Editors/Data Type/Views/Edit',
component: 'umb-editor-view-data-type-edit',
id: 'umb-editor-view-data-type-edit',
component: 'umb-workspace-view-data-type-edit',
id: 'umb-workspace-view-data-type-edit',
decorators: [
(story) =>
html` <umb-context-provider key="umbDataTypeContext" .value=${new UmbDataTypeContext(data[0])}>
@@ -21,5 +21,5 @@ export default {
} as Meta;
export const AAAOverview: Story<UmbEditorViewDataTypeEditElement> = () =>
html` <umb-editor-view-data-type-edit></umb-editor-view-data-type-edit>`;
html` <umb-workspace-view-data-type-edit></umb-workspace-view-data-type-edit>`;
AAAOverview.storyName = 'Overview';

View File

@@ -7,8 +7,8 @@ import type { DataTypeDetails } from '@umbraco-cms/models';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
@customElement('umb-editor-view-data-type-info')
export class UmbEditorViewDataTypeInfoElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
@customElement('umb-workspace-view-data-type-info')
export class UmbWorkspaceViewDataTypeInfoElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
static styles = [UUITextStyles, css``];
@state()
@@ -63,10 +63,10 @@ export class UmbEditorViewDataTypeInfoElement extends UmbContextConsumerMixin(Um
}
}
export default UmbEditorViewDataTypeInfoElement;
export default UmbWorkspaceViewDataTypeInfoElement;
declare global {
interface HTMLElementTagNameMap {
'umb-editor-view-data-type-info': UmbEditorViewDataTypeInfoElement;
'umb-workspace-view-data-type-info': UmbWorkspaceViewDataTypeInfoElement;
}
}

View File

@@ -1,4 +1,4 @@
import './editor-view-data-type-info.element';
import './workspace-view-data-type-info.element';
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
@@ -6,12 +6,12 @@ import { html } from 'lit-html';
import { data } from '../../../../../core/mocks/data/data-type.data';
import { UmbDataTypeContext } from '../../data-type.context';
import type { UmbEditorViewDataTypeInfoElement } from './editor-view-data-type-info.element';
import type { UmbWorkspaceViewDataTypeInfoElement } from './workspace-view-data-type-info.element';
export default {
title: 'Editors/Data Type/Views/Info',
component: 'umb-editor-view-data-type-info',
id: 'umb-editor-view-data-type-info',
component: 'umb-workspace-view-data-type-info',
id: 'umb-workspace-view-data-type-info',
decorators: [
(story) =>
html` <umb-context-provider key="umbDataTypeContext" .value=${new UmbDataTypeContext(data[0])}>
@@ -20,6 +20,6 @@ export default {
],
} as Meta;
export const AAAOverview: Story<UmbEditorViewDataTypeInfoElement> = () =>
html` <umb-editor-view-data-type-info></umb-editor-view-data-type-info>`;
export const AAAOverview: Story<UmbWorkspaceViewDataTypeInfoElement> = () =>
html` <umb-workspace-view-data-type-info></umb-workspace-view-data-type-info>`;
AAAOverview.storyName = 'Overview';

View File

@@ -61,7 +61,7 @@ export class UmbWorkspaceDataTypeElement extends UmbContextProviderMixin(
type: 'workspaceView',
alias: 'Umb.WorkspaceView.DataType.Edit',
name: 'Data Type Workspace Edit View',
loader: () => import('./views/edit/editor-view-data-type-edit.element'),
loader: () => import('./views/edit/workspace-view-data-type-edit.element'),
weight: 90,
meta: {
workspaces: ['Umb.Workspace.DataType'],
@@ -74,7 +74,7 @@ export class UmbWorkspaceDataTypeElement extends UmbContextProviderMixin(
type: 'workspaceView',
alias: 'Umb.WorkspaceView.DataType.Info',
name: 'Data Type Workspace Info View',
loader: () => import('./views/info/editor-view-data-type-info.element'),
loader: () => import('./views/info/workspace-view-data-type-info.element'),
weight: 90,
meta: {
workspaces: ['Umb.Workspace.DataType'],