angular-teleperiod

A period picker on a time line with working hours embeded in an angular directive. This project is an agular wrapper for the main projet teleperiod

Directives

<div tp-teleperiod>
    <tp-period-picker workingtimes="loadWorkingTimes" events="loadEvents" dtstart="selected.dtstart" dtend="selected.dtend"></tp-period-picker>
    <tp-timeline name="Scholar holidays" events="loadVacationsPreview"></tp-timeline>
</div>

the tp-teleperiod attribute will display a sliding calendar view with one period picker and optional timelines.

Attributes

On the tp-period-picker tag

workingtimes: A scope function used to create the working times periods, the function will be called while browsing the calendar view with an interval object as parameter

loadEvents: A scope function used to create additional events on the calendar view, the function will be called while browsing the calendar view with an interval object as parameter

dtstart: A scope property to update with the start date of the selection

dtend: A scope property to update with the end date of the selection

periods: Optional property to update with the list of selected periods

On a tp-timeline tag

name: The name displayed on the timeline.

events: A scope function used to create the events on the timeline

Built With

• angular.js
• javascript