move basic modal files
This commit is contained in:
@@ -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 './layouts/basic/modal-layout-basic.element';
|
||||
import '../../src/backoffice/shared/modals/basic/modal-layout-basic.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 './layouts/basic/modal-layout-basic.element';
|
||||
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic/modal-layout-basic.element';
|
||||
import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
|
||||
import { UmbModalToken } from './token/modal-token';
|
||||
import { UmbContextToken } from '@umbraco-cms/context-api';
|
||||
|
||||
@@ -2,12 +2,12 @@ import { css, html, TemplateResult } from 'lit';
|
||||
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
|
||||
import { customElement } from 'lit/decorators.js';
|
||||
import { UUIModalSidebarSize } from '@umbraco-ui/uui-modal-sidebar';
|
||||
import { UmbModalLayoutElement } from '../modal-layout.element';
|
||||
import { UmbModalLayoutElement } from '../../../../../libs/modal/layouts/modal-layout.element';
|
||||
|
||||
export interface UmbBasicModalData {
|
||||
header: TemplateResult | string;
|
||||
header: TemplateResult | string;
|
||||
content: TemplateResult | string;
|
||||
overlaySize?: UUIModalSidebarSize;
|
||||
overlaySize?: UUIModalSidebarSize;
|
||||
}
|
||||
|
||||
@customElement('umb-modal-layout-basic')
|
||||
@@ -16,15 +16,15 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
|
||||
UUITextStyles,
|
||||
css`
|
||||
uui-scroll-container {
|
||||
background-color: var(--uui-color-surface);
|
||||
}
|
||||
background-color: var(--uui-color-surface);
|
||||
}
|
||||
`,
|
||||
];
|
||||
|
||||
private _close() {
|
||||
// As this is a basic modal designed for viewing readonly info
|
||||
// Then we don't need to pass any data back to the parent when
|
||||
// we close/save the modal etc...
|
||||
// As this is a basic modal designed for viewing readonly info
|
||||
// Then we don't need to pass any data back to the parent when
|
||||
// we close/save the modal etc...
|
||||
this.modalHandler?.close();
|
||||
}
|
||||
|
||||
@@ -34,12 +34,12 @@ export class UmbModalLayoutBasicElement extends UmbModalLayoutElement<UmbBasicMo
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<umb-workspace-layout .headline=${this.data?.header}>
|
||||
<umb-workspace-layout .headline=${this.data?.header}>
|
||||
<uui-scroll-container>${this.data?.content}</uui-scroll-container>
|
||||
<uui-button slot="actions" look="secondary" label="Close sidebar" @click="${this._close}">Close</uui-button>
|
||||
</umb-workspace-layout>
|
||||
`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default UmbModalLayoutBasicElement;
|
||||
Reference in New Issue
Block a user