Collection: Add table kind collection view

src/Umbraco.Web.UI.Client/examples/collection/collection/repository/collection.repository.ts

@@ -17,30 +17,40 @@ export class ExampleCollectionRepository
 				entityType: 'example',
 				name: 'Example Item 1',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 1',
+				status: 'Published',
 			},
 			{
 				unique: 'bc9b6e24-4b11-4dd6-8d4e-7c4f70e59f3c',
 				entityType: 'example',
 				name: 'Example Item 2',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 2',
+				status: 'Draft',
 			},
 			{
 				unique: '5a2f4e3a-ef7e-470e-8c3c-3d859c02ae0d',
 				entityType: 'example',
 				name: 'Example Item 3',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 3',
+				status: 'Published',
 			},
 			{
 				unique: 'f4c3d8b8-6d79-4c87-9aa9-56b1d8fda702',
 				entityType: 'example',
 				name: 'Example Item 4',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 4',
+				status: 'Draft',
 			},
 			{
 				unique: 'c9f0a8a3-1b49-4724-bde3-70e31592eb6e',
 				entityType: 'example',
 				name: 'Example Item 5',
 				icon: 'icon-newspaper',
+				description: 'This is a description of Example Item 5',
+				status: 'Published',
 			},
 		];
 

src/Umbraco.Web.UI.Client/examples/collection/collection/repository/types.ts

@@ -1,10 +1,10 @@
-import type { UmbCollectionFilterModel } from '@umbraco-cms/backoffice/collection';
+import type { UmbCollectionFilterModel, UmbCollectionItemModel } from '@umbraco-cms/backoffice/collection';
+import type { UmbWithDescriptionModel } from '@umbraco-cms/backoffice/models';
 
-export interface ExampleCollectionItemModel {
-	unique: string;
-	entityType: string;
+export interface ExampleCollectionItemModel extends UmbCollectionItemModel, UmbWithDescriptionModel {
 	name: string;
 	icon: string;
+	status: string;
 }
 
 export interface ExampleCollectionFilterModel extends UmbCollectionFilterModel {}

src/Umbraco.Web.UI.Client/examples/collection/collection/table-view/manifests.ts

@@ -4,14 +4,16 @@ import { UMB_COLLECTION_ALIAS_CONDITION } from '@umbraco-cms/backoffice/collecti
 export const manifests: Array<UmbExtensionManifest> = [
 	{
 		type: 'collectionView',
+		kind: 'table',
 		alias: 'Example.CollectionView.Table',
 		name: 'Example Table Collection View',
-		js: () => import('./collection-view.element.js'),
-		weight: 100,
 		meta: {
-			label: 'Table',
-			icon: 'icon-table',
-			pathName: 'table',
+			columns: [
+				{
+					label: '#general_status',
+					field: 'status',
+				},
+			],
 		},
 		conditions: [
 			{

src/Umbraco.Web.UI.Client/examples/collection/entity-actions/goodbye.action.ts

@@ -0,0 +1,9 @@
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+
+export class ExampleGoodbyeEntityAction extends UmbEntityActionBase<never> {
+	override async execute() {
+		alert(`Goodbye from "${this.args.unique}"!`);
+	}
+}
+
+export { ExampleGoodbyeEntityAction as api };

src/Umbraco.Web.UI.Client/examples/collection/entity-actions/hello.action.ts

@@ -0,0 +1,9 @@
+import { UmbEntityActionBase } from '@umbraco-cms/backoffice/entity-action';
+
+export class ExampleHelloEntityAction extends UmbEntityActionBase<never> {
+	override async execute() {
+		alert(`Hello from "${this.args.unique}"!`);
+	}
+}
+
+export { ExampleHelloEntityAction as api };

src/Umbraco.Web.UI.Client/examples/collection/entity-actions/manifests.ts

@@ -0,0 +1,26 @@
+export const manifests: Array<UmbExtensionManifest> = [
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Example.EntityAction.Hello',
+		name: 'Example Hello Entity Action',
+		forEntityTypes: ['example'],
+		api: () => import('./hello.action.js'),
+		meta: {
+			icon: 'icon-handshake',
+			label: 'Say Hello',
+		},
+	},
+	{
+		type: 'entityAction',
+		kind: 'default',
+		alias: 'Example.EntityAction.Goodbye',
+		name: 'Example Goodbye Entity Action',
+		forEntityTypes: ['example'],
+		api: () => import('./goodbye.action.js'),
+		meta: {
+			icon: 'icon-chat',
+			label: 'Say Goodbye',
+		},
+	},
+];

src/Umbraco.Web.UI.Client/examples/collection/index.ts

@@ -1,9 +1,11 @@
 import { manifests as collectionManifests } from './collection/manifests.js';
 import { manifests as dashboardManifests } from './dashboard-with-collection/manifests.js';
+import { manifests as entityActionManifests } from './entity-actions/manifests.js';
 import { manifests as workspaceViewManifests } from './workspace-view-with-collection/manifests.js';
 
 export const manifests: Array<UmbExtensionManifest> = [
 	...collectionManifests,
 	...dashboardManifests,
+	...entityActionManifests,
 	...workspaceViewManifests,
 ];

src/Umbraco.Web.UI.Client/src/assets/lang/da.ts

@@ -852,6 +852,7 @@ export default {
 		delete: 'Slet',
 		deleted: 'Slettet',
 		deleting: 'Sletter...',
+		description: 'Beskrivelse',
 		design: 'Design',
 		details: 'Detaljer',
 		dictionary: 'Ordbog',