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

rename umb-workspace-footer-layout

Browse Source
This commit is contained in:
Niels Lyngsø
2023-04-27 14:40:02 +02:00
parent 9dceffa8e1
commit 126e961418
5 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/workspace/document-workspace-split-view.element.ts
View File

@@ -53,9 +53,9 @@ export class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
)}
</div>
<umb-workspace-footer-layout alias="Umb.Workspace.Document">
<umb-workspace-footer alias="Umb.Workspace.Document">
<div id="breadcrumbs">Breadcrumbs</div>
</umb-workspace-footer-layout>`
</umb-workspace-footer>`
: nothing;
}

2
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/index.ts
View File

@@ -57,7 +57,7 @@ import './history/history-item.element';
import './workspace/workspace-action/workspace-action.element';
import './workspace/workspace-layout/workspace-layout.element';
import './workspace/workspace-footer-layout/workspace-footer-layout.element';
import './workspace/workspace-footer/workspace-footer.element';
import './template-card/template-card.element';
import './code-editor';

10
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-footer-layout/workspace-footer-layout.element.ts → src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-footer/workspace-footer.element.ts
View File

@@ -6,7 +6,7 @@ import type { ManifestWorkspaceAction } from '@umbraco-cms/backoffice/extensions
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
/**
* @element umb-workspace-footer-layout
* @element umb-workspace-footer
* @description Uses the alias to insert extensions that targets this workspace-alias.
* @slot - Slot for workspace footer items
* @slot actions - Slot for workspace actions
@@ -15,10 +15,8 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
* @extends {UmbLitElement}
*/
// TODO: stop naming this something with layout. as its not just an layout. it hooks up with extensions.
@customElement('umb-workspace-footer-layout')
@customElement('umb-workspace-footer')
export class UmbWorkspaceFooterLayoutElement extends UmbLitElement {
private _alias = '';
/**
* Alias of the workspace. The Layout will render the workspace actions that are registered for this workspace alias.
@@ -54,7 +52,7 @@ export class UmbWorkspaceFooterLayoutElement extends UmbLitElement {
</umb-footer-layout>
`;
}
static styles = [
UUITextStyles,
css`
@@ -73,6 +71,6 @@ export class UmbWorkspaceFooterLayoutElement extends UmbLitElement {
declare global {
interface HTMLElementTagNameMap {
'umb-workspace-footer-layout': UmbWorkspaceFooterLayoutElement;
'umb-workspace-footer': UmbWorkspaceFooterLayoutElement;
}
}

12
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-footer-layout/workspace-footer-layout.stories.ts → src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-footer/workspace-footer.stories.ts
View File

@@ -1,19 +1,19 @@
import '../workspace-layout/workspace-layout.element';
import './workspace-footer-layout.element';
import './workspace-footer.element';
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit';
import type { UmbWorkspaceFooterLayoutElement } from './workspace-footer-layout.element';
import type { UmbWorkspaceFooterLayoutElement } from './workspace-footer.element';
export default {
title: 'Workspaces/Shared/Footer Layout',
component: 'umb-workspace-footer-layout',
id: 'umb-workspace-footer-layout',
component: 'umb-workspace-footer',
id: 'umb-workspace-footer',
} as Meta;
export const AAAOverview: Story<UmbWorkspaceFooterLayoutElement> = () => html` <umb-workspace-footer-layout>
export const AAAOverview: Story<UmbWorkspaceFooterLayoutElement> = () => html` <umb-workspace-footer>
<div><uui-button color="" look="placeholder">Footer slot</uui-button></div>
<div slot="actions"><uui-button color="" look="placeholder">Actions slot</uui-button></div>
</umb-workspace-footer-layout>`;
</umb-workspace-footer>`;
AAAOverview.storyName = 'Overview';

4
src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-layout/workspace-layout.element.ts
View File

@@ -138,10 +138,10 @@ export class UmbWorkspaceLayoutElement extends UmbLitElement {
${this.enforceNoFooter
? ''
: html`
<umb-workspace-footer-layout alias=${this.alias}>
<umb-workspace-footer alias=${this.alias}>
<slot name="footer"></slot>
<slot name="actions" slot="actions"></slot>
</umb-workspace-footer-layout>
</umb-workspace-footer>
`}
</umb-body-layout>
`;