mock handlers audit log and tracked reference

src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts

@@ -21,6 +21,7 @@ import { handlers as memberGroupHandlers } from './handlers/member-group.handler
 import { handlers as memberHandlers } from './handlers/member.handlers.js';
 import { handlers as memberTypeHandlers } from './handlers/member-type.handlers.js';
 import { handlers as templateHandlers } from './handlers/template.handlers.js';
+import { handlers as trackedReferenceHandlers } from './handlers/tracked-reference.handlers.js';
 import { handlers as languageHandlers } from './handlers/language.handlers.js';
 import { handlers as cultureHandlers } from './handlers/culture.handlers.js';
 import { handlers as redirectManagementHandlers } from './handlers/redirect-management.handlers.js';
@@ -66,6 +67,7 @@ const handlers = [
 	...tagHandlers,
 	...telemetryHandlers,
 	...templateHandlers,
+	...trackedReferenceHandlers,
 	...upgradeHandlers,
 	...userGroupsHandlers,
 	...userHandlers,

src/Umbraco.Web.UI.Client/src/mocks/data/audit-log.data.ts

@@ -0,0 +1,3 @@
+import { AuditLogResponseModel } from '@umbraco-cms/backoffice/backend-api';
+
+export const logs: Array<AuditLogResponseModel> = [];

src/Umbraco.Web.UI.Client/src/mocks/data/tracked-reference.data.ts

@@ -0,0 +1,16 @@
+import { RelationItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
+
+export const items: Array<RelationItemResponseModel> = [
+	{
+		nodeId: 'simple-document-id',
+		nodeName: 'Simple Document',
+		nodeType: 'document',
+		nodePublished: true,
+		contentTypeIcon: 'icon-document',
+		contentTypeName: 'Simple Document Type',
+		contentTypeAlias: 'blogPost',
+		relationTypeIsBidirectional: false,
+		relationTypeIsDependency: true,
+		relationTypeName: 'Related Document',
+	},
+];

src/Umbraco.Web.UI.Client/src/mocks/e2e-handlers.ts

@@ -15,6 +15,7 @@ import { handlers as languageHandlers } from './handlers/language.handlers.js';
 import { handlers as redirectManagementHandlers } from './handlers/redirect-management.handlers.js';
 import { handlers as packageHandlers } from './handlers/package.handlers.js';
 import { handlers as configHandlers } from './handlers/config.handlers.js';
+import { handlers as trackedReferenceHandlers } from './handlers/tracked-reference.handlers.js';
 
 export const handlers = [
 	serverHandlers.serverRunningHandler,
@@ -35,4 +36,5 @@ export const handlers = [
 	...redirectManagementHandlers,
 	...packageHandlers,
 	...configHandlers,
+	...trackedReferenceHandlers,
 ];

src/Umbraco.Web.UI.Client/src/mocks/handlers/audit-log.handlers.ts

@@ -0,0 +1,19 @@
+import { logs } from '../data/audit-log.data.js';
+const { rest } = window.MockServiceWorker;
+import { umbracoPath } from '@umbraco-cms/backoffice/utils';
+import {
+	PagedAuditLogResponseModel,
+	PagedAuditLogWithUsernameResponseModel,
+} from '@umbraco-cms/backoffice/backend-api';
+
+export const handlers = [
+	rest.get(umbracoPath('/audit-log'), (_req, res, ctx) => {
+		return res(ctx.status(200), ctx.json<PagedAuditLogWithUsernameResponseModel>({ total: 0, items: [] }));
+	}),
+	rest.get(umbracoPath('/audit-log/:id'), (_req, res, ctx) => {
+		return res(ctx.status(200), ctx.json<PagedAuditLogResponseModel>({ total: 0, items: [] }));
+	}),
+	rest.get(umbracoPath('/audit-log/type/:logType'), (_req, res, ctx) => {
+		return res(ctx.status(200), ctx.json<PagedAuditLogResponseModel>({ total: 0, items: [] }));
+	}),
+];

src/Umbraco.Web.UI.Client/src/mocks/handlers/tracked-reference.handlers.ts

@@ -0,0 +1,18 @@
+import { items } from '../data/tracked-reference.data.js';
+const { rest } = window.MockServiceWorker;
+import { umbracoPath } from '@umbraco-cms/backoffice/utils';
+import { PagedRelationItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
+
+export const handlers = [
+	rest.get(umbracoPath('/tracked-reference/:id'), (_req, res, ctx) => {
+		const id = _req.params.id as string;
+		if (!id) return;
+
+		const PagedTrackedReference = {
+			total: items.length,
+			items: items,
+		};
+
+		return res(ctx.status(200), ctx.json<PagedRelationItemResponseModel>(PagedTrackedReference));
+	}),
+];

src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info-reference.element.ts

@@ -1,4 +1,4 @@
-import { css, html, customElement, state, nothing, repeat } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, state, nothing, repeat, property } from '@umbraco-cms/backoffice/external/lit';
 import { UUIPaginationEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
@@ -10,6 +10,9 @@ export class UmbDocumentWorkspaceViewInfoReferenceElement extends UmbLitElement
 	#itemsPerPage = 10;
 	#trackedReferenceRepository;
 
+	@property()
+	documentUnique = '';
+
 	@state()
 	private _currentPage = 1;
 
@@ -17,31 +20,22 @@ export class UmbDocumentWorkspaceViewInfoReferenceElement extends UmbLitElement
 	private _total = 0;
 
 	@state()
-	private _items?: Array<RelationItemResponseModel> = [
-		{
-			nodeId: '3f23cc76-a645-4032-82b3-c16458e97215',
-			nodeName: 'hey',
-			nodeType: 'document',
-			nodePublished: true,
-			contentTypeIcon: 'icon-document',
-			contentTypeAlias: 'blockListTest',
-			contentTypeName: 'Block List Test',
-			relationTypeName: 'Related Document',
-			relationTypeIsBidirectional: false,
-			relationTypeIsDependency: true,
-		},
-	];
+	private _items?: Array<RelationItemResponseModel> = [];
 
 	constructor() {
 		super();
 		this.#trackedReferenceRepository = new UmbDocumentTrackedReferenceRepository(this);
+	}
 
+	protected firstUpdated(): void {
 		this.#getReferences();
 	}
 
 	async #getReferences() {
 		const { data } = await this.#trackedReferenceRepository.requestTrackedReference(
-			'3f23cc76-a645-4032-82b3-c16458e97215',
+			this.documentUnique,
+			this._currentPage - 1 * this.#itemsPerPage,
+			this.#itemsPerPage,
 		);
 		if (!data) return;
 
@@ -52,6 +46,8 @@ export class UmbDocumentWorkspaceViewInfoReferenceElement extends UmbLitElement
 	#onPageChange(event: UUIPaginationEvent) {
 		if (this._currentPage === event.target.current) return;
 		this._currentPage = event.target.current;
+
+		this.#getReferences();
 	}
 
 	render() {

src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/views/info/document-workspace-view-info.element.ts

@@ -118,7 +118,8 @@ export class UmbDocumentWorkspaceViewInfoElement extends UmbLitElement {
 					${this.#renderLinksSection()}
 				</uui-box>
 
-				<umb-document-workspace-view-info-reference></umb-document-workspace-view-info-reference>
+				<umb-document-workspace-view-info-reference
+					.documentUnique=${this._documentTypeId}></umb-document-workspace-view-info-reference>
 
 				<umb-document-workspace-view-info-history
 					.documentUnique=${this._documentTypeId}></umb-document-workspace-view-info-history>