collection layout -> collection view
This commit is contained in:
@@ -5,7 +5,7 @@ import { map } from 'rxjs';
|
||||
import { TooltipMenuItem } from '../tooltip-menu';
|
||||
import '../tooltip-menu/tooltip-menu.element';
|
||||
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
|
||||
import type { ManifestCollectionLayout } from '@umbraco-cms/models';
|
||||
import type { ManifestCollectionView } from '@umbraco-cms/models';
|
||||
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
|
||||
|
||||
@customElement('umb-collection-toolbar')
|
||||
@@ -53,10 +53,10 @@ export class UmbCollectionToolbarElement extends UmbObserverMixin(LitElement) {
|
||||
public useSearch = true;
|
||||
|
||||
@state()
|
||||
private _layouts: Array<ManifestCollectionLayout> = [];
|
||||
private _layouts: Array<ManifestCollectionView> = [];
|
||||
|
||||
@state()
|
||||
private _currentLayout?: ManifestCollectionLayout;
|
||||
private _currentLayout?: ManifestCollectionView;
|
||||
|
||||
@state()
|
||||
private _search = '';
|
||||
@@ -71,7 +71,7 @@ export class UmbCollectionToolbarElement extends UmbObserverMixin(LitElement) {
|
||||
}
|
||||
|
||||
private _observeCollectionLayouts() {
|
||||
this.observe<Array<ManifestCollectionLayout>>(
|
||||
this.observe<Array<ManifestCollectionView>>(
|
||||
umbExtensionsRegistry?.extensionsOfType('collectionLayout').pipe(
|
||||
map((extensions) => {
|
||||
return extensions.filter((extension) => extension.meta.entityType === 'media');
|
||||
|
||||
@@ -7,7 +7,7 @@ import '../../components/collection/collection-toolbar.element';
|
||||
import '../../components/collection/collection-view.element';
|
||||
import { IRoutingInfo } from 'router-slot';
|
||||
import { createExtensionElement } from '@umbraco-cms/extensions-api';
|
||||
import type { ManifestCollectionLayout } from '@umbraco-cms/models';
|
||||
import type { ManifestCollectionView } from '@umbraco-cms/models';
|
||||
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
|
||||
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
|
||||
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
|
||||
@@ -32,7 +32,7 @@ export class UmbCollectionViewMediaElement extends UmbContextConsumerMixin(UmbOb
|
||||
private _routes: Array<any> = [];
|
||||
|
||||
@state()
|
||||
private _collectionViews: Array<ManifestCollectionLayout> = [];
|
||||
private _collectionViews: Array<ManifestCollectionView> = [];
|
||||
|
||||
@state()
|
||||
private _currentLayoutPathName = '';
|
||||
@@ -61,7 +61,7 @@ export class UmbCollectionViewMediaElement extends UmbContextConsumerMixin(UmbOb
|
||||
}
|
||||
|
||||
private _observeCollectionLayouts() {
|
||||
this.observe<Array<ManifestCollectionLayout>>(
|
||||
this.observe<Array<ManifestCollectionView>>(
|
||||
umbExtensionsRegistry?.extensionsOfType('collectionLayout').pipe(
|
||||
map((extensions) => {
|
||||
return extensions.filter((extension) => extension.meta.entityType === 'media');
|
||||
@@ -82,7 +82,7 @@ export class UmbCollectionViewMediaElement extends UmbContextConsumerMixin(UmbOb
|
||||
return {
|
||||
path: `${layout.meta.pathName}`,
|
||||
component: () => createExtensionElement(layout),
|
||||
setup: (_element: ManifestCollectionLayout, info: IRoutingInfo) => {
|
||||
setup: (_element: ManifestCollectionView, info: IRoutingInfo) => {
|
||||
this._currentLayoutPathName = info.match.route.path;
|
||||
},
|
||||
};
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
import type { ManifestCollectionLayout } from '@umbraco-cms/models';
|
||||
import type { ManifestCollectionView } from '@umbraco-cms/models';
|
||||
|
||||
export const manifests: Array<ManifestCollectionLayout> = [
|
||||
export const manifests: Array<ManifestCollectionView> = [
|
||||
{
|
||||
type: 'collectionLayout',
|
||||
alias: 'Umb.CollectionLayout.Grid',
|
||||
|
||||
@@ -17,7 +17,7 @@ import type {
|
||||
ManifestPackageView,
|
||||
ManifestExternalLoginProvider,
|
||||
ManifestHeaderApp,
|
||||
ManifestCollectionLayout,
|
||||
ManifestCollectionView,
|
||||
ManifestCollectionBulkAction,
|
||||
} from '../../models';
|
||||
import { createExtensionElement } from '../create-extension-element.function';
|
||||
@@ -86,7 +86,7 @@ export class UmbExtensionRegistry {
|
||||
extensionsOfType(type: 'entrypoint'): Observable<Array<ManifestEntrypoint>>;
|
||||
extensionsOfType(type: 'custom'): Observable<Array<ManifestCustom>>;
|
||||
extensionsOfType(type: 'externalLoginProvider'): Observable<Array<ManifestExternalLoginProvider>>;
|
||||
extensionsOfType(type: 'collectionLayout'): Observable<Array<ManifestCollectionLayout>>;
|
||||
extensionsOfType(type: 'collectionLayout'): Observable<Array<ManifestCollectionView>>;
|
||||
extensionsOfType(type: 'collectionBulkAction'): Observable<Array<ManifestCollectionBulkAction>>;
|
||||
extensionsOfType<T extends ManifestTypes>(type: string): Observable<Array<T>>;
|
||||
extensionsOfType(type: string): Observable<Array<ManifestTypes>> {
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
import type { ManifestElement } from './models';
|
||||
|
||||
export interface ManifestCollectionLayout extends ManifestElement {
|
||||
type: 'collectionLayout';
|
||||
meta: MetaCollectionLayout;
|
||||
}
|
||||
|
||||
export interface MetaCollectionLayout {
|
||||
label: string;
|
||||
icon: string;
|
||||
entityType: string;
|
||||
pathName: string;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
import type { ManifestElement } from './models';
|
||||
|
||||
export interface ManifestCollectionView extends ManifestElement {
|
||||
type: 'collectionView';
|
||||
meta: MetaCollectionView;
|
||||
}
|
||||
|
||||
export interface MetaCollectionView {
|
||||
label: string;
|
||||
icon: string;
|
||||
entityType: string;
|
||||
pathName: string;
|
||||
}
|
||||
@@ -13,7 +13,7 @@ import type { ManifestPropertyAction } from './property-action.models';
|
||||
import type { ManifestPackageView } from './package-view.models';
|
||||
import type { ManifestExternalLoginProvider } from './external-login-provider.models';
|
||||
import type { ManifestCollectionBulkAction } from './collection-bulk-action.models';
|
||||
import type { ManifestCollectionLayout } from './collection-layout.models';
|
||||
import type { ManifestCollectionView } from './collection-view.models';
|
||||
|
||||
export * from './header-app.models';
|
||||
export * from './section.models';
|
||||
@@ -30,7 +30,7 @@ export * from './property-action.models';
|
||||
export * from './package-view.models';
|
||||
export * from './external-login-provider.models';
|
||||
export * from './collection-bulk-action.models';
|
||||
export * from './collection-layout.models';
|
||||
export * from './collection-view.models';
|
||||
|
||||
export type ManifestTypes =
|
||||
| ManifestHeaderApp
|
||||
@@ -51,7 +51,7 @@ export type ManifestTypes =
|
||||
| ManifestEntrypoint
|
||||
| ManifestCustom
|
||||
| ManifestCollectionBulkAction
|
||||
| ManifestCollectionLayout;
|
||||
| ManifestCollectionView;
|
||||
|
||||
export type ManifestStandardTypes =
|
||||
| 'headerApp'
|
||||
@@ -71,7 +71,7 @@ export type ManifestStandardTypes =
|
||||
| 'entrypoint'
|
||||
| 'externalLoginProvider'
|
||||
| 'collectionBulkAction'
|
||||
| 'collectionLayout';
|
||||
| 'collectionView';
|
||||
|
||||
export type ManifestElementType =
|
||||
| ManifestSection
|
||||
@@ -88,7 +88,7 @@ export type ManifestElementType =
|
||||
| ManifestPackageView
|
||||
| ManifestExternalLoginProvider
|
||||
| ManifestCollectionBulkAction
|
||||
| ManifestCollectionLayout;
|
||||
| ManifestCollectionView;
|
||||
|
||||
export interface ManifestBase {
|
||||
type: string;
|
||||
|
||||
Reference in New Issue
Block a user