ADF on a existing angular project

[danny36]

Hi,

I'm try to usa alfreso adf componente and services on my existing angular project but I have many many problem with imports and it's not possible to compiling and run my application.

There is a tutorial? thanks.

[EddieMay]

Hi @danny36 

You may find this thread useful.

HTH,

[danny36]

Error: The target entry-point "@alfresco/adf-content-services" has missing dependencies:
- @angular/material/button
- @angular/material/card
- @angular/material/checkbox
- @angular/material/chips
- @angular/material/core
- @angular/material/datepicker
- @angular/material/dialog
- @angular/material/expansion
- @angular/material/icon
- @angular/material/input
- @angular/material/list
- @angular/material/menu
- @angular/material/progress-bar
- @angular/material/progress-spinner
- @angular/material/radio
- @angular/material/select
- @angular/material/slide-toggle
- @angular/material/slider
- @angular/material/tree
- @angular/material/badge
- @alfresco/js-api
- @alfresco/adf-core
- moment-es6
- @angular/flex-layout
- @angular/cdk/a11y
- @mat-datetimepicker/core
- @mat-datetimepicker/moment
- @ngx-translate/core
- @angular/cdk/tree
- @angular/material/table
- @angular/material/tooltip
- moment
- @angular/cdk/collections

[danny36]

after install alla dependecy I give this two errors on fresh angular project (ng new myapp) :

Error: node_modules/@alfresco/adf-core/viewer/components/pdf-viewer.component.d.ts:22:10 - error TS2305: Module '"../../../../pdfjs-dist/types/pdf"' has no exported member 'PDFDocumentProxy'.

22 import { PDFDocumentProxy, PDFSource } from 'pdfjs-dist';
~~~~~~~~~~~~~~~~

Error: node_modules/@alfresco/adf-core/viewer/components/pdf-viewer.component.d.ts:22:28 - error TS2305: Module '"../../../../pdfjs-dist/types/pdf"' has no exported member 'PDFSource'.

22 import { PDFDocumentProxy, PDFSource } from 'pdfjs-dist';
~~~~~~~~~

[danny36]

I have installed this project to test adf components; regarding my question, I ask if it is possible now to use this angular project into another existing angular project?

https://github.com/Alfresco/generator-alfresco-adf-app 

[ricardodelgado]

hello how did you solve this error.

Thanks

[Productfolio]

Alfresco provides ADF (Application Development Framework) to make it easy to build custom web applications and manage the content in Alfresco Platform Repository. In order to integrate an existing angular development app with Alfresco ADF component, click a button in the app to call an ADF process name ‘certification process.’ In the same Productfolio, click the button ‘ show all my tasks.’ This way, you will be mapping the button to the task app in ADF component.

[KarekMedAM]

I tried it too and had same errors, so I installed all the dependencies required and every time I solve a dependency another one pops up. So I decided to generate an ADF project, get rid of the interface and start using ADF component and services in this new Angular app just how I wanted. you can start by generating the ADF app and then continue developing your app using Angular