Bryntum Support Forums

Hi,

I'm following the steps in this link https://www.bryntum.com/docs/calendar/#guides/integration/angular.md to integrate Bryntum Calendar in my Angular application but I'm with some troubles.

In this part I have to access folder located in examples/angular/_shared folder.

https://slack-files.com/TCE5WRQR0-F015Y2Y22NT-45d6ff6df6

but in my latest calendar version don't exist the folder examples/angular:

https://slack-files.com/TCE5WRQR0-F016CRGNUEN-386cfff5d6

Could you help me?

Could you please describe the troubles you are facing? The images you added do not load, please attach again.

I inserted a link to images, take a look

This version of calendar does not yet contain Angular wrappers and demo. I'm attaching the upcoming implementation that will be available in next release or nightly builds. Unzip the file in examples, so that you have examples/frameworks. Then change to examples/frameworks/angular/resource-histogram and npm i && npm start will spin up the angular demo.

I'm inside the folder examples/frameworks/angular but it has not "resource-histogram", only the folder filtering.

Please check latest calendar nightly build, it should contain wrappers already.

I downloaded calendar-1.0.1-trial and I'm still with troubles. In the documentation it says thay exists bryntum-angular-shared located in examples/angular/_shared folder, but doesn't exist the folder angular. Take a look: https://slack-files.com/TCE5WRQR0-F017F3RNEUX-51b34c560f.

Could you review the integration guide to angular and tell me what I'm doing wrong?

Actually, the sources of the wrappers are located in examples/frameworks/npm/angular/projects/calendar/src/lib/.

The ticket is here: https://github.com/bryntum/support/issues/1258

Ok, I discovered the file to replace in this part of tutorial:
https://slack-files.com/TCE5WRQR0-F018A4TNMFB-6235e89297

But when it say "You can copy the source wrapper file from the shared library sources to your project.", where in my project I insert the file now located in calendar-1.0.1-trial\examples\frameworks\npm\angular\projects\calendar\src\lib\calendar.component.ts?

You can copy it anywhere in your project, for example, to keep your project folder organized, you can create directory src/app/wrappers and copy the wrapper there. This is only a suggestion; just follow your ways or standards.

Then you have to import it, of course:

@import { CalendarComponent } from 'wrappers/calendar.component';