topic Re: ADF on a existing angular project in Alfresco Forum

ADF on a existing angular project

danny36 — Thu, 22 Apr 2021 15:59:18 GMT

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.

Re: ADF on a existing angular project

EddieMay — Fri, 23 Apr 2021 14:19:41 GMT

Hi @danny36

You may find this thread useful.

HTH,

Re: ADF on a existing angular project

danny36 — Tue, 27 Apr 2021 10:20:20 GMT

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

Re: ADF on a existing angular project

danny36 — Tue, 27 Apr 2021 13:07:09 GMT

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';
~~~~~~~~~

Re: ADF on a existing angular project

danny36 — Mon, 07 Jun 2021 16:06:16 GMT

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

Re: ADF on a existing angular project

Productfolio — Fri, 11 Jun 2021 04:29:03 GMT

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.

Re: ADF on a existing angular project

ricardodelgado — Fri, 24 Jun 2022 16:27:33 GMT

hello how did you solve this error.

Thanks

Re: ADF on a existing angular project

KarekMedAM — Thu, 30 Jun 2022 13:05:16 GMT

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