42083

- Add additional manifest and some small changes

Author: dtng95

src/Umbraco.Cms.Integrations.Commerce.Shopify/App_Plugins/UmbracoCms.Integrations/Commerce/Shopify/Render/Products.cshtml

@@ -1,4 +1,4 @@
-@* @inherits Umbraco.Web.Mvc.UmbracoViewPage<List<Umbraco.Cms.Integrations.Commerce.Shopify.Models.ViewModels.ProductViewModel>>
+@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<List<Umbraco.Cms.Integrations.Commerce.Shopify.Models.ViewModels.ProductViewModel>>
 
 @if (Model != null)
 {
@@ -16,4 +16,3 @@
 }
 
 
- *@

src/Umbraco.Cms.Integrations.Commerce.Shopify/Client/src/index.ts

@@ -1,10 +1,14 @@
 import type { UmbEntryPointOnInit } from "@umbraco-cms/backoffice/extension-api";
 import { UMB_AUTH_CONTEXT } from "@umbraco-cms/backoffice/auth";
 import { manifest as shopifyContext } from "./context/manifests";
+import { manifests as picker } from "./property-editor/manifests.js";
+import { manifest as shopifyModal } from "./modal/manifests.js";
 import { OpenAPI } from "./generated";
 
 export const onInit: UmbEntryPointOnInit = (host, extensionRegistry) => {
     extensionRegistry.registerMany([
+        ...picker,
+        shopifyModal,
       shopifyContext
     ]);
 

src/Umbraco.Cms.Integrations.Commerce.Shopify/Client/src/property-editor/index.ts

@@ -0,0 +1,39 @@
+import type { ManifestPropertyEditorUi, ManifestPropertyEditorSchema } from "@umbraco-cms/backoffice/extension-registry";
+
+export const propertyEditorUiManifest : ManifestPropertyEditorUi = {
+    type: "propertyEditorUi",
+    alias: "Shopify.PropertyEditorUi.ProductPicker",
+    name: "Shopify Product Picker Property Editor UI",
+    js: () => import("./shopify-picker-property-editor.element.js"),
+    elementName: "shopify-picker",
+    meta: {
+        label: "Shopify Product Picker",
+        icon: "icon-handshake",
+        group: "pickers",
+        propertyEditorSchemaAlias: "Shopify.ProductPicker"
+    }
+};
+
+const propertyEditorSchema : ManifestPropertyEditorSchema = {
+    type: "propertyEditorSchema",
+    name: "Shopify Product Picker",
+    alias: "Shopify.ProductPicker",
+    meta: {
+        defaultPropertyEditorUiAlias: "Shopify.PropertyEditorUi.ProductPicker",
+        settings: {
+            properties: [
+                {
+                    alias: "Shopify.authorization",
+                    label: "Authorization",
+                    description: "Authorization Details",
+                    propertyEditorUiAlias: "Shopify.PropertyEditorUi.Authorization"
+                }
+            ]
+        }
+    }
+};
+
+export const manifests = [
+    propertyEditorUiManifest,
+    propertyEditorSchema
+];