SchedulerTag

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

This is more of a proof of concept than a ready to use class. The dataset of the <data> and <bryntum-scheduler> tags is applied to record and Scheduler 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-scheduler 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-scheduler 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.