[ADF-4152] Restructured remaining doc folders and fixed links (#4441)

* [ADF-4152] Moved proc services cloud docs to subfolders * [ADF-4152] Fixed links in PS cloud docs * [ADF-4152] Added subfolders and checked links for extensions and insights docs * [ADF-4152] Moved proc services cloud docs to subfolders * [ADF-4152] Fixed links in PS cloud docs * [ADF-4152] Added subfolders and checked links for extensions and insights docs * [ADF-4152] Fixed links in Proc cloud, Insights and Extensions docs * [ADF-4152] Updated links in user guide * [ADF-4152] Fixed broken links in tutorials * [ADF-4152] Fixed remaining links in core docs * [ADF-4152] Fixed remaining links in proc services docs * [ADF-4152] Fixed remaining links in content services docs * [ADF-4152] Fixed links in breaking changes docs * [ADF-4152] Updated main README index page * [ADF-4152] Fixed glitches with preview ext component docs
2025-07-24 17:32:15 +00:00 · 2019-03-14 22:01:55 +00:00
parent 8edf92f325
commit 31479cfaa4
80 changed files with 737 additions and 900 deletions
--- a/docs/extensions/components/preview-extension.component.md
+++ b/docs/extensions/components/preview-extension.component.md
@@ -0,0 +1,98 @@
+---
+Title: Preview Extension Component
+Added: v3.1.0
+Status: Experimental
+Last reviewed: 2018-04-12
+---
+
+# [Preview Extension component](../../../lib/extensions/src/lib/components/viewer/preview-extension.component.ts "Defined in preview-extension.component.ts")
+
+Displays dynamically-loaded extension components.
+
+See the [ACA monaco extension](https://github.com/eromano/aca-monaco-extension) for
+an example of a real working viewer extension project.
+
+## Class members
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| extension | `string` |  |  |
+| id | `string` |  |  |
+| node | [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/development/src/api/content-rest-api/docs/Node.md) |  | of the content to display |
+| url | `string` |  | URL Of the content in the repository |
+
+## Details
+
+If you want create your custom extension viewer you need to create the following files in a separate project:
+
+The Module needs to know which is the Id of your extension:
+
+```ts
+export class YourExtensionViewerModule {
+  constructor(extensions: ExtensionService) {
+    extensions.setComponents({
+      'your-extension.main.component': YourExtensionViewerComponent
+    });
+  }
+}
+```
+
+Your [viewer component](../../core/components/viewer.component.md) extension business logic:
+
+```ts
+import { Node } from '@alfresco/js-api';
+import { ViewerExtensionInterface } from '@alfresco/adf-extensions';
+
+@Component({
+  selector: 'your-extension-viewer',
+  templateUrl: './your-extension-view.component.html',
+  styleUrls: ['./your-extension-view.component.css'],
+  encapsulation: ViewEncapsulation.None
+})
+export class YourExtensionViewerComponent implements ViewerExtensionInterface {
+
+  showToolbar = true;
+
+  @Input()
+  url: string;
+
+  @Input()
+  node: Node;
+  
+  
+  ....YOUR CUSTOM LOGIC
+}
+```
+
+Your [viewer component](../../core/components/viewer.component.md) template:
+
+```HTML
+<div> This is your custom extension viewer template</div>
+```
+
+Your [viewer component](../../core/components/viewer.component.md) extension.json:
+
+```JSON
+{
+  "$version": "1.0.0",
+  "$name": "my viewer extension",
+  "$description": "my viewer  plugin",
+  "features": {
+    "viewer": {
+      "content": [
+        {
+          "id": "dev.tools.viewer.viewer",
+          "fileExtension": ["png", "jpg"],
+          "component": "your-extension.main.component"
+        }
+      ]
+    }
+  }
+}
+```
+
+## See also
+
+-   [Extension service](../services/extension.service.md)