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

more clean up

Browse Source
This commit is contained in:
Niels Lyngsø
2024-08-06 10:20:56 +02:00
parent fa7ae1e180
commit e2d097f03a
3 changed files with 44 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Umbraco.Web.UI.Client/examples/modal-routed/dashboard.element.ts
View File

@@ -1,12 +1,7 @@
import { css, html, LitElement, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
import type {
UmbModalRouteRegistrationController,
UmbRoute,
UmbRouterSlotChangeEvent,
UmbRouterSlotInitEvent,
} from '@umbraco-cms/backoffice/router';
import type { UmbRoute, UmbRouterSlotChangeEvent, UmbRouterSlotInitEvent } from '@umbraco-cms/backoffice/router';
@customElement('umb-dashboard')
export class UmbDashboardElement extends UmbElementMixin(LitElement) {

36
src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab1.element.ts
View File

@@ -1,38 +1,28 @@
import { css, html, LitElement } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { css, html, LitElement, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
import { EXAMPLE_ROUTED_MODAL } from './modal/example-modal-token';
@customElement('umb-dashboard-tab1')
export class UmbDashboardTab1Element extends UmbElementMixin(LitElement) {
#workspaceModal?: UmbModalRouteRegistrationController;
@state()
@state()
_editLinkPath?: string;
constructor() {
super();
constructor() {
super();
}
}
override render() {
return html`
<div>
<h2>tab 1</h2>
</div>
`
}
override render() {
return html`
<div>
<h2>tab 1</h2>
</div>
`;
}
static override styles = [UmbTextStyles, css``];
}
export default UmbDashboardTab1Element
export default UmbDashboardTab1Element;
declare global {
interface UmbDashboardTab1Element {

64
src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab2.element.ts
View File

@@ -1,56 +1,52 @@
import { css, html, LitElement } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import { EXAMPLE_ROUTED_MODAL } from '../modal/example-modal-token.js';
import { css, html, LitElement, customElement, state } from '@umbraco-cms/backoffice/external/lit';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
import { EXAMPLE_ROUTED_MODAL } from './../modal/example-modal-token';
@customElement('umb-dashboard-tab2')
export class UmbDashboardTab2Element extends UmbElementMixin(LitElement) {
#workspaceModal?: UmbModalRouteRegistrationController;
@state()
@state()
_editLinkPath?: string;
constructor() {
super();
constructor() {
super();
// Using workspace modal context
this.#workspaceModal?.destroy();
this.#workspaceModal = new UmbModalRouteRegistrationController(this, EXAMPLE_ROUTED_MODAL)
.addAdditionalPath('view/:entityKey')
.onSetup(() => {
return {
data: {},
value: {}
};
})
.observeRouteBuilder((routeBuilder) => {
this._editLinkPath = routeBuilder({entityKey : 'abc123'});
});
}
// Using workspace modal context
this.#workspaceModal?.destroy();
this.#workspaceModal = new UmbModalRouteRegistrationController(this, EXAMPLE_ROUTED_MODAL)
.addAdditionalPath('view/:entityKey')
.onSetup(() => {
return {
data: {},
value: {},
};
})
.observeRouteBuilder((routeBuilder) => {
this._editLinkPath = routeBuilder({ entityKey: 'abc123' });
});
}
override render() {
return html`
<div>
<h2>tab 2</h2>
override render() {
return html`
<div>
<h2>tab 2</h2>
<p>This element hosts the UmbModalRouteRegistrationController</p>
<a href=${this._editLinkPath ?? ""}>Open modal</a>
<hr/>
<a href=${this._editLinkPath ?? ''}>Open modal</a>
<hr />
Path: ${this._editLinkPath}
</div>
`
}
Path: ${this._editLinkPath}
</div>
`;
}
static override styles = [UmbTextStyles, css``];
}
export default UmbDashboardTab2Element
export default UmbDashboardTab2Element;
declare global {
interface UmbDashboardTab2Element {