SchedulerProTag

Import this file to be able to use the tag <bryntum-schedulerpr> to create a Scheduler Pro.

This is more of a proof of concept than a ready to use class. The dataset of the <data> and <bryntum-schedulerpro> tags is applied to record and Scheduler Pro configs respectively, which means that you can pass any documented config there, not only the ones demonstrated here. Dataset attributes are translated as follows:

• data-view-preset -> viewPreset
• data-start-date -> startDate etc.

<bryntum-schedulerpro data-view-preset="weekAndDay" data-start-date="2018-04-02" data-end-date="2018-04-09">
 <column data-field="name">Name</column>
     <data>
         <events>
             <data data-id="1" data-resource-id="1" data-start-date="2018-04-03" data-end-date="2018-04-05"></data>
             <data data-id="2" data-resource-id="2" data-start-date="2018-04-04" data-end-date="2018-04-06"></data>
             <data data-id="3" data-resource-id="3" data-start-date="2018-04-05" data-end-date="2018-04-07"></data>
         </events>
         <resources>
             <data data-id="1" data-name="Daniel"></data>
             <data data-id="2" data-name="Steven"></data>
             <data data-id="3" data-name="Sergei"></data>
         </resources>
     </data>
</bryntum-scheduler>

To get styling correct, supply the path to the theme you want to use and to the folder that holds Font Awesome:

<bryntum-schedulerpro stylesheet="resources/scheduler.stockholm.css" fa-path="resources/fonts">
</bryntum-scheduler>

NOTE: Remember to call destroy before removing this web component from the DOM to avoid memory leaks.