@umbraco-cms/backoffice 14.0.0-d335c2c2 → 14.0.0-d87d656d

package/dist-cms/mocks/data/partial-views.data.d.ts

@@ -1,11 +1,27 @@
 import { UmbEntityData } from './entity.data.js';
-import { FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel } from '../../external/backend-api/index.js';
-export declare const data: Array<FileSystemTreeItemPresentationModel>;
-declare class UmbPartialViewsData extends UmbEntityData<FileSystemTreeItemPresentationModel> {
+import { CreateTextFileViewModelBaseModel, FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel, PartialViewResponseModel, PartialViewSnippetResponseModel, SnippetItemResponseModel } from '../../external/backend-api/index.js';
+type PartialViewsDataItem = PartialViewResponseModel & FileSystemTreeItemPresentationModel & {
+    id: string;
+};
+export declare const treeData: Array<PartialViewsDataItem>;
+declare class UmbPartialViewsTreeData extends UmbEntityData<FileSystemTreeItemPresentationModel> {
     constructor();
     getTreeRoot(): PagedFileSystemTreeItemPresentationModel;
     getTreeItemChildren(parentPath: string): PagedFileSystemTreeItemPresentationModel;
     getTreeItem(paths: Array<string>): Array<FileSystemTreeItemPresentationModel>;
 }
+export declare const umbPartialViewsTreeData: UmbPartialViewsTreeData;
+export declare const snippets: Array<PartialViewSnippetResponseModel>;
+declare class UmbPartialViewSnippetsData extends UmbEntityData<SnippetItemResponseModel> {
+    constructor();
+    getSnippets(): Array<SnippetItemResponseModel>;
+    getSnippetByName(name: string): SnippetItemResponseModel | undefined;
+}
+declare class UmbPartialViewsData extends UmbEntityData<PartialViewResponseModel> {
+    constructor();
+    getPartialView(path: string): PartialViewResponseModel | undefined;
+    insertPartialView(item: CreateTextFileViewModelBaseModel): PartialViewsDataItem;
+}
+export declare const umbPartialViewSnippetsData: UmbPartialViewSnippetsData;
 export declare const umbPartialViewsData: UmbPartialViewsData;
 export {};

package/dist-cms/mocks/data/partial-views.data.js

@@ -1,78 +1,111 @@
 import { UmbEntityData } from './entity.data.js';
-import { createFileSystemTreeItem } from './utils.js';
-export const data = [
+import { createFileSystemTreeItem, createTextFileItem } from './utils.js';
+export const treeData = [
     {
+        id: 'blockgrid',
         path: 'blockgrid',
         isFolder: true,
         name: 'blockgrid',
         type: 'partial-view',
-        icon: 'umb:folder',
         hasChildren: true,
     },
     {
+        id: 'blocklist',
         path: 'blocklist',
         isFolder: true,
         name: 'blocklist',
         type: 'partial-view',
-        icon: 'umb:folder',
         hasChildren: true,
     },
     {
+        id: 'grid',
         path: 'grid',
         isFolder: true,
         name: 'grid',
         type: 'partial-view',
-        icon: 'umb:folder',
         hasChildren: true,
     },
     {
+        id: 'blockgrid/area.cshtml',
         path: 'blockgrid/area.cshtml',
         isFolder: false,
         name: 'area.cshtml',
         type: 'partial-view',
-        icon: 'umb:article',
         hasChildren: false,
+        content: `@using Umbraco.Extensions
+		@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridArea>
+		
+		<div class="umb-block-grid__area"
+			 data-area-col-span="@Model.ColumnSpan"
+			 data-area-row-span="@Model.RowSpan"
+			 data-area-alias="@Model.Alias"
+			 style="--umb-block-grid--grid-columns: @Model.ColumnSpan;--umb-block-grid--area-column-span: @Model.ColumnSpan; --umb-block-grid--area-row-span: @Model.RowSpan;">
+			@await Html.GetBlockGridItemsHtmlAsync(Model)
+		</div>
+		`,
     },
     {
+        id: 'blockgrid/items.cshtml',
         path: 'blockgrid/items.cshtml',
         isFolder: false,
         name: 'items.cshtml',
         type: 'partial-view',
-        icon: 'umb:article',
         hasChildren: false,
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
     },
     {
+        id: 'blocklist/default.cshtml',
         path: 'blocklist/default.cshtml',
         isFolder: false,
         name: 'default.cshtml',
         type: 'partial-view',
-        icon: 'umb:article',
         hasChildren: false,
+        content: `@using Umbraco.Extensions
+		@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridModel>
+		@{
+			if (Model?.Any() != true) { return; }
+		}
+		
+		<div class="umb-block-grid"
+			 data-grid-columns="@(Model.GridColumns?.ToString() ?? "12");"
+			 style="--umb-block-grid--grid-columns: @(Model.GridColumns?.ToString() ?? "12");">
+			@await Html.GetBlockGridItemsHtmlAsync(Model)
+		</div>
+		`,
     },
     {
-        path: 'grid/editors',
+        id: 'grid/embed.cshtm',
+        path: 'grid/embed.cshtm',
         isFolder: false,
-        name: 'editors',
+        name: 'embed.cshtml',
         type: 'partial-view',
-        icon: 'umb:folder',
         hasChildren: false,
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<dynamic>
+
+		@if (Model is not null)
+		{
+		  string embedValue = Convert.ToString(Model.value);
+		  embedValue = embedValue.DetectIsJson() ? Model.value.preview : Model.value;
+		
+		  <div class="video-wrapper">
+			@Html.Raw(embedValue)
+		  </div>
+		}
+		`,
     },
     {
+        id: 'grid/default.cshtml',
         path: 'grid/default.cshtml',
         isFolder: false,
         name: 'items.cshtml',
         type: 'partial-view',
-        icon: 'umb:article',
         hasChildren: false,
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
     },
 ];
-// Temp mocked database
-// TODO: all properties are optional in the server schema. I don't think this is correct.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-class UmbPartialViewsData extends UmbEntityData {
+class UmbPartialViewsTreeData extends UmbEntityData {
     constructor() {
-        super(data);
+        super(treeData);
     }
     getTreeRoot() {
         const items = this.data.filter((item) => item.path?.includes('/') === false);
@@ -91,4 +124,230 @@ class UmbPartialViewsData extends UmbEntityData {
         return items.map((item) => createFileSystemTreeItem(item));
     }
 }
+export const umbPartialViewsTreeData = new UmbPartialViewsTreeData();
+export const snippets = [
+    {
+        name: 'Empty',
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
+    },
+    {
+        name: 'Breadcrumb',
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
+		@using Umbraco.Cms.Core.Routing
+		@using Umbraco.Extensions
+		
+		@inject IPublishedUrlProvider PublishedUrlProvider
+		@*
+			This snippet makes a breadcrumb of parents using an unordered HTML list.
+		
+			How it works:
+			- It uses the Ancestors() method to get all parents and then generates links so the visitor can go back
+			- Finally it outputs the name of the current page (without a link)
+		*@
+		
+		@{ var selection = Model.Ancestors().ToArray(); }
+		
+		@if (selection?.Length > 0)
+		{
+			<ul class="breadcrumb">
+				@* For each page in the ancestors collection which have been ordered by Level (so we start with the highest top node first) *@
+				@foreach (var item in selection.OrderBy(x => x.Level))
+				{
+					<li><a href="@item.Url(PublishedUrlProvider)">@item.Name</a> <span class="divider">/</span></li>
+				}
+		
+				@* Display the current page as the last item in the list *@
+				<li class="active">@Model.Name</li>
+			</ul>
+		}`,
+    },
+    {
+        name: 'EditProfile',
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
+
+		@using Umbraco.Cms.Core.Services
+		@using Umbraco.Cms.Web.Common.Security
+		@using Umbraco.Cms.Web.Website.Controllers
+		@using Umbraco.Cms.Web.Website.Models
+		@using Umbraco.Extensions
+		@inject MemberModelBuilderFactory memberModelBuilderFactory;
+		@inject IMemberExternalLoginProviders memberExternalLoginProviders
+		@inject IExternalLoginWithKeyService externalLoginWithKeyService
+		@{
+		
+			// Build a profile model to edit
+			var profileModel = await memberModelBuilderFactory
+				.CreateProfileModel()
+				// If null or not set, this will redirect to the current page
+				.WithRedirectUrl(null)
+				// Include editable custom properties on the form
+				.WithCustomProperties(true)
+				.BuildForCurrentMemberAsync();
+		
+			var success = TempData["FormSuccess"] != null;
+		
+			var loginProviders = await memberExternalLoginProviders.GetMemberProvidersAsync();
+			var externalSignInError = ViewData.GetExternalSignInProviderErrors();
+		
+			var currentExternalLogin = profileModel is null
+				? new Dictionary<string, string>()
+				: externalLoginWithKeyService.GetExternalLogins(profileModel.Key).ToDictionary(x=>x.LoginProvider, x=>x.ProviderKey);
+		}
+		
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js"></script>
+		
+		@if (profileModel != null)
+		{
+			if (success)
+			{
+				@* This message will show if profileModel.RedirectUrl is not defined (default) *@
+				<p class="text-success">Profile updated</p>
+			}
+		
+			using (Html.BeginUmbracoForm<UmbProfileController>("HandleUpdateProfile", new { RedirectUrl = profileModel.RedirectUrl }))
+			{
+				<h2>Update your account.</h2>
+				<hr />
+				<div asp-validation-summary="All" class="text-danger"></div>
+				<div class="mb-3">
+					<label asp-for="@profileModel.Name" class="form-label"></label>
+					<input asp-for="@profileModel.Name" class="form-control" aria-required="true" />
+					<span asp-validation-for="@profileModel.Name" class="form-text text-danger"></span>
+				</div>
+				<div class="mb-3">
+					<label asp-for="@profileModel.Email" class="form-label"></label>
+					<input asp-for="@profileModel.Email" class="form-control" autocomplete="username" aria-required="true" />
+					<span asp-validation-for="@profileModel.Email" class="form-text text-danger"></span>
+				</div>
+		
+				@if (!string.IsNullOrWhiteSpace(profileModel.UserName))
+				{
+					<div class="mb-3">
+						<label asp-for="@profileModel.UserName" class="form-label"></label>
+						<input asp-for="@profileModel.UserName" class="form-control" autocomplete="username" aria-required="true" />
+						<span asp-validation-for="@profileModel.UserName" class="form-text text-danger"></span>
+					</div>
+				}
+		
+				@if (profileModel.MemberProperties != null)
+				{
+					for (var i = 0; i < profileModel.MemberProperties.Count; i++)
+					{
+						<div class="mb-3">
+							@Html.LabelFor(m => profileModel.MemberProperties[i].Value, profileModel.MemberProperties[i].Name)
+							<input asp-for="@profileModel.MemberProperties[i].Value" class="form-control" />
+							@Html.HiddenFor(m => profileModel.MemberProperties[i].Alias)
+							<span asp-validation-for="@profileModel.MemberProperties[i].Value" class="form-text text-danger"></span>
+						</div>
+					}
+				}
+		
+				<button type="submit" class="btn btn-primary">Update</button>
+		
+				if (loginProviders.Any())
+				{
+					<hr/>
+					<h4>Link external accounts</h4>
+		
+					if (externalSignInError?.AuthenticationType is null && externalSignInError?.Errors.Any() == true)
+					{
+						@Html.DisplayFor(x => externalSignInError.Errors);
+					}
+		
+					@foreach (var login in loginProviders)
+					{
+						if (currentExternalLogin.TryGetValue(login.ExternalLoginProvider.AuthenticationType, out var providerKey))
+						{
+							@using (Html.BeginUmbracoForm<UmbExternalLoginController>(nameof(UmbExternalLoginController.Disassociate)))
+							{
+								<input type="hidden" name="providerKey" value="@providerKey"/>
+								<button type="submit" name="provider" value="@login.ExternalLoginProvider.AuthenticationType">
+									Un-Link your @login.AuthenticationScheme.DisplayName account
+								</button>
+		
+								if (externalSignInError?.AuthenticationType == login.ExternalLoginProvider.AuthenticationType)
+								{
+									@Html.DisplayFor(x => externalSignInError.Errors);
+								}
+							}
+						}
+						else
+						{
+							@using (Html.BeginUmbracoForm<UmbExternalLoginController>(nameof(UmbExternalLoginController.LinkLogin)))
+							{
+								<button type="submit" name="provider" value="@login.ExternalLoginProvider.AuthenticationType">
+									Link your @login.AuthenticationScheme.DisplayName account
+								</button>
+		
+								if (externalSignInError?.AuthenticationType == login.ExternalLoginProvider.AuthenticationType)
+								{
+									@Html.DisplayFor(x => externalSignInError.Errors);
+								}
+							}
+						}
+		
+					}
+				}
+			}
+		}`,
+    },
+    {
+        name: 'Login',
+        content: 'login',
+    },
+    {
+        name: 'LoginStatus',
+        content: 'loginStatus',
+    },
+    {
+        name: 'MultinodeTree-picker',
+        content: 'MultinodeTree-picker',
+    },
+    {
+        name: 'Navigation',
+        content: 'Navigation',
+    },
+    {
+        name: 'RegisterMember',
+        content: 'RegisterMember',
+    },
+    {
+        name: 'SiteMap',
+        content: 'SiteMap',
+    },
+];
+class UmbPartialViewSnippetsData extends UmbEntityData {
+    constructor() {
+        super(snippets);
+    }
+    getSnippets() {
+        return this.data;
+    }
+    getSnippetByName(name) {
+        return this.data.find((item) => item.name === name);
+    }
+}
+class UmbPartialViewsData extends UmbEntityData {
+    constructor() {
+        super(treeData);
+    }
+    getPartialView(path) {
+        return createTextFileItem(this.data.find((item) => item.path === path));
+    }
+    insertPartialView(item) {
+        const newItem = {
+            ...item,
+            path: `${item.parentPath}/${item.name}.cshtml}`,
+            id: `${item.parentPath}/${item.name}.cshtml}`,
+            isFolder: false,
+            hasChildren: false,
+            type: 'partial-view',
+        };
+        this.insert(newItem);
+        return newItem;
+    }
+}
+export const umbPartialViewSnippetsData = new UmbPartialViewSnippetsData();
 export const umbPartialViewsData = new UmbPartialViewsData();

package/dist-cms/mocks/data/relation-type.data.js

@@ -71,47 +71,37 @@ export const data = [
 export const treeData = [
     {
         id: 'e0d39ff5-71d8-453f-b682-9d8d31ee5e06',
-        $type: 'EntityTreeItemViewModel',
         isContainer: false,
         parentId: null,
         name: 'Relate Document On Copy',
-        icon: 'umb:trafic',
         type: 'relation-type',
     },
     {
         id: 'ac68cde6-763f-4231-a751-1101b57defd2',
-        $type: 'EntityTreeItemViewModel',
         isContainer: false,
         parentId: null,
         name: 'Relate Parent Document On Delete',
-        icon: 'umb:trafic',
         type: 'relation-type',
     },
     {
         id: '6f9b800c-762c-42d4-85d9-bf40a77d689e',
-        $type: 'EntityTreeItemViewModel',
         isContainer: false,
         parentId: null,
         name: 'Relate Parent Media Folder On Delete',
-        icon: 'umb:trafic',
         type: 'relation-type',
     },
     {
         id: 'd421727d-43de-4205-b4c6-037404f309ad',
-        $type: 'EntityTreeItemViewModel',
         isContainer: false,
         parentId: null,
         name: 'Related Media',
-        icon: 'umb:trafic',
         type: 'relation-type',
     },
     {
         id: 'e9a0a28e-2d5b-4229-ac00-66f2df230513',
-        $type: 'EntityTreeItemViewModel',
         isContainer: false,
         parentId: null,
         name: 'Related Document',
-        icon: 'umb:trafic',
         type: 'relation-type',
     },
 ];

package/dist-cms/mocks/data/stylesheet.data.js

@@ -6,7 +6,6 @@ export const data = [
         isFolder: false,
         name: 'Stylesheet File 1.css',
         type: 'stylesheet',
-        icon: 'umb:brackets',
         hasChildren: false,
         content: `Stylesheet content 1`,
     },
@@ -15,7 +14,6 @@ export const data = [
         isFolder: false,
         name: 'Stylesheet File 2.css',
         type: 'stylesheet',
-        icon: 'umb:brackets',
         hasChildren: false,
         content: `Stylesheet content 2`,
     },
@@ -24,7 +22,6 @@ export const data = [
         isFolder: true,
         name: 'Folder 1',
         type: 'stylesheet',
-        icon: 'umb:folder',
         hasChildren: true,
         content: `Stylesheet content 3`,
     },
@@ -33,7 +30,6 @@ export const data = [
         isFolder: false,
         name: 'Stylesheet File 3.css',
         type: 'stylesheet',
-        icon: 'umb:brackets',
         hasChildren: false,
         content: `Stylesheet content 3`,
     },

package/dist-cms/mocks/data/template.data.d.ts

@@ -1,41 +1,22 @@
 import { UmbEntityData } from './entity.data.js';
-import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel, TemplateItemResponseModel } from '../../external/backend-api/index.js';
+import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel, TemplateItemResponseModel, TemplateQuerySettingsResponseModel, TemplateQueryResultResponseModel } from '../../external/backend-api/index.js';
 type TemplateDBItem = TemplateResponseModel & EntityTreeItemResponseModel;
 export declare const data: Array<TemplateDBItem>;
 export declare const createTemplateScaffold: (masterTemplateAlias: string) => string;
-export declare const templateQuerySettings: {
-    contentTypeAliases: never[];
-    properties: {
-        alias: string;
-        type: string;
-    }[];
-    operators: {
-        operator: string;
-        applicableTypes: string[];
-    }[];
-};
+export declare const templateQueryResult: TemplateQueryResultResponseModel;
+export declare const templateQuerySettings: TemplateQuerySettingsResponseModel;
 declare class UmbTemplateData extends UmbEntityData<TemplateDBItem> {
     constructor();
     getById(id: string): TemplateResponseModel | undefined;
     getItemById(id: string): TemplateItemResponseModel | null;
     getScaffold(masterTemplateId?: string | null): TemplateScaffoldResponseModel;
     getItems(ids: string[]): TemplateItemResponseModel[];
-    getTemplateQuerySettings: () => {
-        contentTypeAliases: never[];
-        properties: {
-            alias: string;
-            type: string;
-        }[];
-        operators: {
-            operator: string;
-            applicableTypes: string[];
-        }[];
-    };
+    getTemplateQuerySettings: () => TemplateQuerySettingsResponseModel;
+    getTemplateQueryResult: () => TemplateQueryResultResponseModel;
     create(templateData: CreateTemplateRequestModel): {
         name?: string | undefined;
         alias?: string | undefined;
         content?: string | null | undefined;
-        $type: string;
         id: string;
     };
     update(template: TemplateResponseModel): TemplateResponseModel;