Alfresco study37 alfresco_ng2_components
2 likes5,756 views
This document provides instructions for setting up an Angular application that integrates with Alfresco content services using the Alfresco ng2 components library. It includes steps to install dependencies, generate a new application, configure authentication and routing, and add content actions for working with files and folders from Alfresco.
![2/2
…
myCustomAction1(event) {
alert('Custom document action for ' + event.value.entry.name);
}
sendComment(event) {
var commentBody = new this.auth.alfrescoApi.core.CommentBody();
commentBody['content'] = "This is comment from ng2";
this.auth.alfrescoApi.core.commentsApi.addComment(event.value.entry
.id,commentBody);
alert('send comment');
}
vi app/components/files/files.component.ts](https://image.slidesharecdn.com/alfrescostudy37alfrescong2components-170126102906/85/Alfresco-study37-alfresco_ng2_components-13-320.jpg)
Alfresco study37 alfresco_ng2_components
- 3. see https://github.com/Alfresco/alfresco-ng2-components/blob/master/INTRODUCTION.md
- 4. 1/2
- 5. 2/2
- 6. Alfresco angular2 components alfresco ng2 alfresco activiti
- 7. - Alfresco - <!— CORS filter filter mapping —> <!-- CORS Filter Mappings Begin —> <!-- <filter-mapping> <filter-name>CORS</filter-name> <url-pattern>/api/*</url-pattern> <url-pattern>/service/*</url-pattern> $ cp ~/…/enablecores-1.0.jar modules/platform - tomcat/webapps/alfresco/WEB-INF/web.xml
- 8. - - $ npm install -g yo $ npm install -g generator-ng2-alfresco-app
- 9. $ yo ng2-alfresco-app … cd <application name> $ npm install $ npm start
- 10. export class FilesComponent implements OnInit { // currentPath: string = ‘/Sites/swsdp/ documentLibrary’; currentPath: string = ‘/‘; rootFolderId: string = '-root-'; vi app/components/files/files.component.ts
- 11. Dirty hack! … getNodePath(node: MinimalNodeEntity): string { if (node) { let pathWithCompanyHome = node.entry.path.name; // return pathWithCompanyHome.replace('/Company Home', '') + '/' + node.entry.name; return pathWithCompanyHome.replace('/ ', '') + '/' + node.entry.name; } return null; } vi node_modules/ng2-alfresco-documentlist/src/components/ document-list.ts
- 12. 1/2 … <content-action target="folder" title="Activiti: View Form" (execute)="viewActivitiForm($event)"> </content-action> <content-action target="document" title="send comment" (execute)="sendComment($event)"> </content-action> </content-actions> </alfresco-document-list> vi app/components/files/files.component.html
- 13. 2/2 … myCustomAction1(event) { alert('Custom document action for ' + event.value.entry.name); } sendComment(event) { var commentBody = new this.auth.alfrescoApi.core.CommentBody(); commentBody['content'] = "This is comment from ng2"; this.auth.alfrescoApi.core.commentsApi.addComment(event.value.entry .id,commentBody); alert('send comment'); } vi app/components/files/files.component.ts