Our powerful JS Calendar component


Post by freePlusxx01 »

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.
Image
https://slack-files.com/TCE5WRQR0-F015Y2Y22NT-45d6ff6df6

but in my latest calendar version don't exist the folder examples/angular:
Image
https://slack-files.com/TCE5WRQR0-F016CRGNUEN-386cfff5d6

Could you help me?

Last edited by freePlusxx01 on Wed Jul 01, 2020 8:14 pm, edited 1 time in total.

Post by mats »

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


Post by freePlusxx01 »

I inserted a link to images, take a look


Post by saki »

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.

Attachments
frameworks.zip
(4.52 MiB) Downloaded 170 times

Post by freePlusxx01 »

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


Post by Maxim Gorkovsky »

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


Post by freePlusxx01 »

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?


Post by saki »

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


Post by freePlusxx01 »

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?


Post by saki »

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

Post Reply