yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rename basic modal files

Browse Source
This commit is contained in:
Mads Rasmussen
2023-03-08 14:26:09 +01:00
parent 43ee6ed924
commit 6c32ca67c5
4 changed files with 45 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/libs/modal/modal.context.ts
View File

@@ -7,7 +7,7 @@ import '../../src/backoffice/users/current-user/modals/current-user/current-user
import '../../src/backoffice/shared/modals/icon-picker/icon-picker-modal.element';
import '../../src/backoffice/settings/languages/language-picker/language-picker-modal-layout.element';
import '../../src/backoffice/shared/modals/link-picker/link-picker-modal.element';
import '../../src/backoffice/shared/modals/basic/modal-layout-basic.element';
import '../../src/backoffice/shared/modals/basic/basic-modal.element';
import './layouts/search/modal-layout-search.element.ts';
import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
@@ -21,7 +21,7 @@ import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-edit
import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker/link-picker-modal.element';
import { UmbModalHandler } from './modal-handler';
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic/modal-layout-basic.element';
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic/basic-modal.element';
import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
import { UmbModalToken } from './token/modal-token';
import { UmbContextToken } from '@umbraco-cms/context-api';

0
src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.element.ts → src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.element.ts
View File

43
src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/basic-modal.stories.ts Normal file
View File

@@ -0,0 +1,43 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit';
import { UmbModalLayoutBasicElement, UmbBasicModalData } from './basic-modal.element';
export default {
title: 'API/Modals/Layouts/Basic',
component: 'umb-modal-layout-basic',
id: 'modal-layout-basic',
} as Meta;
const htmlContent = html` <uui-table aria-label="Example table" aria-describedby="#some-element-id">
<!-- Apply styles to the uui-table-column to style the columns. You must have the same number of this elements as you have columns -->
<uui-table-column style="width: 20%;"></uui-table-column>
<uui-table-column style="width: 80%;"></uui-table-column>
<uui-table-head>
<uui-table-head-cell>Title 1</uui-table-head-cell>
<uui-table-head-cell>Title 2</uui-table-head-cell>
</uui-table-head>
<uui-table-row>
<uui-table-cell>Cell 1</uui-table-cell>
<uui-table-cell>Cell 2</uui-table-cell>
</uui-table-row>
<uui-table-row>
<uui-table-cell>Cell 3</uui-table-cell>
<uui-table-cell>Cell 4</uui-table-cell>
</uui-table-row>
</uui-table>`;
const data: UmbBasicModalData = {
header: html`<uui-icon name="umb:bug"></uui-icon> Debug: Contexts`,
content: htmlContent,
overlaySize: 'small',
};
export const Overview: Story<UmbModalLayoutBasicElement> = () => html`
<!-- TODO: figure out if generics are allowed for properties:
https://github.com/runem/lit-analyzer/issues/149
https://github.com/runem/lit-analyzer/issues/163 -->
<umb-modal-layout-basic .data=${data as any}></umb-modal-layout-basic>
`;

47
src/Umbraco.Web.UI.Client/src/backoffice/shared/modals/basic/modal-layout-basic.stories.ts
View File

@@ -1,47 +0,0 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit';
import { UmbModalLayoutBasicElement, UmbBasicModalData } from './modal-layout-basic.element';
export default {
title: 'API/Modals/Layouts/Basic',
component: 'umb-modal-layout-basic',
id: 'modal-layout-basic',
} as Meta;
const htmlContent = html`
<uui-table aria-label="Example table" aria-describedby="#some-element-id">
<!-- Apply styles to the uui-table-column to style the columns. You must have the same number of this elements as you have columns -->
<uui-table-column style="width: 20%;"></uui-table-column>
<uui-table-column style="width: 80%;"></uui-table-column>
<uui-table-head>
<uui-table-head-cell>Title 1</uui-table-head-cell>
<uui-table-head-cell>Title 2</uui-table-head-cell>
</uui-table-head>
<uui-table-row>
<uui-table-cell>Cell 1</uui-table-cell>
<uui-table-cell>Cell 2</uui-table-cell>
</uui-table-row>
<uui-table-row>
<uui-table-cell>Cell 3</uui-table-cell>
<uui-table-cell>Cell 4</uui-table-cell>
</uui-table-row>
</uui-table>`;
const data: UmbBasicModalData = {
header: html`<uui-icon name="umb:bug"></uui-icon> Debug: Contexts`,
content: htmlContent,
overlaySize: 'small'
};
export const Overview: Story<UmbModalLayoutBasicElement> = () => html`
<!-- TODO: figure out if generics are allowed for properties:
https://github.com/runem/lit-analyzer/issues/149
https://github.com/runem/lit-analyzer/issues/163 -->
<umb-modal-layout-basic .data=${data as any}></umb-modal-layout-basic>
`;