V16: Adds a state for "forbidden" for entities that return 403 (Access denied)

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

@@ -342,6 +342,24 @@ export default {
 		blueprintDescription:
 			'En indholdskabelon er foruddefineret indhold, som en redaktør kan vælge at bruge\n      som grundlag for at oprette nyt indhold\n    ',
 	},
+	entityDetail: {
+		notFoundTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Elementet';
+			return `${entityName} blev ikke fundet`;
+		},
+		notFoundDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Den/det ønskede ${entityName} kunne ikke findes. Dette kan skyldes, at den/det er blevet slettet, eller at du ikke har adgang. Kontakt din administrator for hjælp.`;
+		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Elementet';
+			return `${entityName} er ikke tilgængelig`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Du har ikke adgang til den/det ønskede ${entityName}. Kontakt din administrator for hjælp.`;
+		},
+	},
 	media: {
 		clickToUpload: 'Klik for at uploade',
 		orClickHereToUpload: 'eller klik her for at vælge filer',
@@ -2605,6 +2623,9 @@ export default {
 	routing: {
 		routeNotFoundTitle: 'Ikke fundet',
 		routeNotFoundDescription: 'Den side du leder efter kunne ikke findes. Kontroller adressen og prøv igen.',
+		routeForbiddenTitle: 'Adgang nægtet',
+		routeForbiddenDescription:
+			'Du har ikke tilladelse til at få adgang til denne ressource. Kontakt venligst din administrator for hjælp.',
 	},
 	codeEditor: {
 		label: 'Code editor',

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

@@ -344,6 +344,24 @@ export default {
 		blueprintDescription:
 			'Eine Inhaltsvorlage ist vordefinierter Inhalt,\n      den ein Redakteur als Basis für neuen Inhalt verwenden kann\n    ',
 	},
+	entityDetail: {
+		notFoundTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Element';
+			return `${entityName} nicht gefunden`;
+		},
+		notFoundDescription: (entityType: string) => {
+			const entityName = entityType ?? 'element';
+			return `Der angeforderte ${entityName} konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.`;
+		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'Element';
+			return `${entityName} nicht verfügbar`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'dieses Element';
+			return `Sie haben keine Berechtigung, auf ${entityName} zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.`;
+		},
+	},
 	media: {
 		clickToUpload: 'Für Upload klicken',
 		orClickHereToUpload: 'oder klicken Sie hier um eine Datei zu wählen',
@@ -2007,4 +2025,12 @@ export default {
 		searchResult: 'Element zurückgegeben',
 		searchResults: 'Elemente zurückgegeben',
 	},
+	routing: {
+		routeNotFoundTitle: 'Seite wurde nicht gefunden',
+		routeNotFoundDescription:
+			'Die angeforderte Seite konnte nicht gefunden werden. Bitte überprüfen Sie die URL und versuchen Sie es erneut.',
+		routeForbiddenTitle: 'Zugriff verweigert',
+		routeForbiddenDescription:
+			'Sie haben keine Berechtigung, auf diese Seite zuzugreifen. Bitte wenden Sie sich an Ihren Administrator, um Unterstützung zu erhalten.',
+	},
 } as UmbLocalizationDictionary;

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

@@ -373,6 +373,14 @@ export default {
 			const entityName = entityType ?? 'item';
 			return `The requested ${entityName} could not be found. Please check the URL and try again.`;
 		},
+		forbiddenTitle: (entityType: string) => {
+			const entityName = entityType ?? 'item';
+			return `Access denied to this ${entityName}`;
+		},
+		forbiddenDescription: (entityType: string) => {
+			const entityName = entityType ?? 'item';
+			return `You do not have permission to access this ${entityName}. Please contact your administrator for assistance.`;
+		},
 	},
 	media: {
 		clickToUpload: 'Click to upload',
@@ -2735,6 +2743,9 @@ export default {
 	routing: {
 		routeNotFoundTitle: 'Not found',
 		routeNotFoundDescription: 'The requested route could not be found. Please check the URL and try again.',
+		routeForbiddenTitle: 'Access denied',
+		routeForbiddenDescription:
+			'You do not have permission to access this resource. Please contact your administrator for assistance.',
 	},
 	codeEditor: {
 		label: 'Code editor',

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

@@ -39,6 +39,7 @@ import * as manifestsHandlers from './handlers/manifests.handlers.js';
 import * as serverHandlers from './handlers/server.handlers.js';
 import { handlers as documentBlueprintHandlers } from './handlers/document-blueprint/index.js';
 import { handlers as temporaryFileHandlers } from './handlers/temporary-file/index.js';
+import { handlers as segmentHandlers } from './handlers/segment.handlers.js';
 
 const handlers = [
 	...backofficeHandlers,
@@ -80,6 +81,7 @@ const handlers = [
 	...userHandlers,
 	...documentBlueprintHandlers,
 	...temporaryFileHandlers,
+	...segmentHandlers,
 	...serverHandlers.serverInformationHandlers,
 	serverHandlers.serverRunningHandler,
 	...manifestsHandlers.manifestEmptyHandlers,

src/Umbraco.Web.UI.Client/src/mocks/data/data-type/data-type.data.ts

@@ -31,6 +31,18 @@ export const data: Array<UmbMockDataTypeModel> = [
 		isDeletable: true,
 		canIgnoreStartNodes: false,
 	},
+	{
+		id: 'forbidden',
+		parent: null,
+		name: 'Forbidden Data Type',
+		editorAlias: 'Umbraco.TextBox',
+		editorUiAlias: 'Umb.PropertyEditorUi.TextBox',
+		values: [],
+		hasChildren: false,
+		isFolder: false,
+		isDeletable: true,
+		canIgnoreStartNodes: false,
+	},
 	{
 		id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae',
 		parent: null,

src/Umbraco.Web.UI.Client/src/mocks/data/dictionary/dictionary.data.ts

@@ -11,6 +11,23 @@ export type UmbMockDictionaryModel = DictionaryItemResponseModel &
 	DictionaryOverviewResponseModel;
 
 export const data: Array<UmbMockDictionaryModel> = [
+	{
+		name: 'Forbidden',
+		id: 'forbidden',
+		parent: null,
+		hasChildren: false,
+		translatedIsoCodes: ['en-us'],
+		translations: [
+			{
+				isoCode: 'en-us',
+				translation: 'This is a forbidden dictionary item',
+			},
+			{
+				isoCode: 'da',
+				translation: 'Dette er et forbudt ordbogsobjekt',
+			},
+		],
+	},
 	{
 		name: 'Hello',
 		id: 'aae7d0ab-53ba-485d-b8bd-12537f9925cb',

src/Umbraco.Web.UI.Client/src/mocks/data/document-blueprint/document-blueprint.data.ts

@@ -18,6 +18,7 @@ export const data: Array<UmbMockDocumentBlueprintModel> = [
 		},
 		hasChildren: false,
 		isFolder: false,
+		parent: null,
 		name: 'The Simplest Document Blueprint',
 		variants: [
 			{
@@ -40,4 +41,35 @@ export const data: Array<UmbMockDocumentBlueprintModel> = [
 			},
 		],
 	},
+	{
+		id: 'forbidden',
+		documentType: {
+			id: 'the-simplest-document-type-id',
+			icon: 'icon-document',
+		},
+		hasChildren: false,
+		isFolder: false,
+		parent: null,
+		name: 'A Forbidden Document Blueprint',
+		variants: [
+			{
+				state: DocumentVariantStateModel.DRAFT,
+				publishDate: '2023-02-06T15:32:24.957009',
+				culture: 'en-US',
+				segment: null,
+				name: 'A Forbidden Document Blueprint',
+				createDate: '2023-02-06T15:32:05.350038',
+				updateDate: '2023-02-06T15:32:24.957009',
+			},
+		],
+		values: [
+			{
+				editorAlias: 'Umbraco.TextBox',
+				alias: 'prop1',
+				culture: null,
+				segment: null,
+				value: 'my blueprint value',
+			},
+		],
+	},
 ];

src/Umbraco.Web.UI.Client/src/mocks/data/document-type/document-type.data.ts

@@ -1870,4 +1870,58 @@ export const data: Array<UmbMockDocumentTypeModel> = [
 			keepLatestVersionPerDayForDays: null,
 		},
 	},
+	{
+		allowedTemplates: [],
+		defaultTemplate: { id: 'the-simplest-document-type-id' },
+		id: 'forbidden',
+		alias: 'forbidden',
+		name: 'A forbidden document type',
+		description: null,
+		icon: 'icon-document',
+		allowedAsRoot: true,
+		variesByCulture: false,
+		variesBySegment: false,
+		isElement: false,
+		hasChildren: false,
+		parent: null,
+		isFolder: false,
+		properties: [
+			{
+				id: '1680d4d2-cda8-4ac2-affd-a69fc10382b1',
+				container: { id: 'the-simplest-document-type-id-container' },
+				alias: 'prop1',
+				name: 'Prop 1',
+				description: null,
+				dataType: { id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae' },
+				variesByCulture: false,
+				variesBySegment: false,
+				sortOrder: 0,
+				validation: {
+					mandatory: false,
+					mandatoryMessage: null,
+					regEx: null,
+					regExMessage: null,
+				},
+				appearance: {
+					labelOnTop: false,
+				},
+			},
+		],
+		containers: [
+			{
+				id: 'the-simplest-document-type-id-container',
+				parent: null,
+				name: 'Content',
+				type: 'Group',
+				sortOrder: 0,
+			},
+		],
+		allowedDocumentTypes: [],
+		compositions: [],
+		cleanup: {
+			preventCleanup: false,
+			keepAllVersionsNewerThanDays: null,
+			keepLatestVersionPerDayForDays: null,
+		},
+	},
 ];

src/Umbraco.Web.UI.Client/src/mocks/data/document/document.data.ts

@@ -28,7 +28,7 @@ export const data: Array<UmbMockDocumentModel> = [
 			{
 				state: DocumentVariantStateModel.DRAFT,
 				publishDate: '2023-02-06T15:32:24.957009',
-				culture: 'en-us',
+				culture: 'en-US',
 				segment: null,
 				name: 'The Simplest Document',
 				createDate: '2023-02-06T15:32:05.350038',
@@ -1227,5 +1227,50 @@ export const data: Array<UmbMockDocumentModel> = [
 			},
 		],
 	},
+	{
+		ancestors: [],
+		urls: [],
+		template: null,
+		id: 'forbidden',
+		createDate: '2023-02-06T15:32:05.350038',
+		parent: null,
+		documentType: {
+			id: 'the-simplest-document-type-id',
+			icon: 'icon-document',
+		},
+		hasChildren: false,
+		noAccess: false,
+		isProtected: false,
+		isTrashed: false,
+		variants: [
+			{
+				state: DocumentVariantStateModel.PUBLISHED,
+				publishDate: '2023-02-06T15:32:24.957009',
+				culture: 'en-US',
+				segment: null,
+				name: 'A forbidden document',
+				createDate: '2023-02-06T15:32:05.350038',
+				updateDate: '2023-02-06T15:32:24.957009',
+			},
+			{
+				state: DocumentVariantStateModel.PUBLISHED,
+				publishDate: '2023-02-06T15:32:24.957009',
+				culture: 'da-dk',
+				segment: null,
+				name: 'Et utilgængeligt dokument',
+				createDate: '2023-02-06T15:32:05.350038',
+				updateDate: '2023-02-06T15:32:24.957009',
+			},
+		],
+		values: [
+			{
+				editorAlias: 'Umbraco.TextBox',
+				alias: 'prop1',
+				culture: null,
+				segment: null,
+				value: 'default value here',
+			},
+		],
+	},
 	...permissionsTestData,
 ];

src/Umbraco.Web.UI.Client/src/mocks/data/language/language.data.ts

@@ -16,4 +16,10 @@ export const data: Array<UmbMockLanguageModel> = [
 		isMandatory: false,
 		fallbackIsoCode: 'en-US',
 	},
+	{
+		name: 'Forbidden',
+		isoCode: 'forbidden',
+		isDefault: false,
+		isMandatory: false,
+	},
 ];

src/Umbraco.Web.UI.Client/src/mocks/data/media-type/media-type.data.ts

@@ -304,4 +304,54 @@ export const data: Array<UmbMockMediaTypeModel> = [
 		isDeletable: false,
 		aliasCanBeChanged: false,
 	},
+	{
+		name: 'A Forbidden Media Type',
+		id: 'forbidden',
+		parent: null,
+		description: 'Clicking on this results in a 403 Forbidden error',
+		alias: 'forbidden',
+		icon: 'icon-document',
+		properties: [
+			{
+				id: '19',
+				container: { id: 'c3cd2f12-b7c4-4206-8d8b-27c061589f75' },
+				alias: 'umbracoFile',
+				name: 'File',
+				description: '',
+				dataType: { id: 'dt-uploadFieldFiles' },
+				variesByCulture: false,
+				variesBySegment: false,
+				sortOrder: 0,
+				validation: {
+					mandatory: true,
+					mandatoryMessage: null,
+					regEx: null,
+					regExMessage: null,
+				},
+				appearance: {
+					labelOnTop: false,
+				},
+			},
+		],
+		containers: [
+			{
+				id: 'c3cd2f12-b7c4-4206-8d8b-27c061589f75',
+				parent: null,
+				name: 'Content',
+				type: 'Group',
+				sortOrder: 0,
+			},
+		],
+		allowedAsRoot: true,
+		variesByCulture: false,
+		variesBySegment: false,
+		isElement: false,
+		allowedMediaTypes: [{ mediaType: { id: 'forbidden' }, sortOrder: 0 }],
+		compositions: [],
+		isFolder: false,
+		hasChildren: false,
+		collection: { id: 'dt-collectionView' },
+		isDeletable: true,
+		aliasCanBeChanged: false,
+	},
 ];