https://github.com/polo2ro/angular-teleperiod
period picker on a time line with working hours embeded in an angular directive
https://github.com/polo2ro/angular-teleperiod
angular interval period-picker ui
Last synced: 11 months ago
JSON representation
period picker on a time line with working hours embeded in an angular directive
- Host: GitHub
- URL: https://github.com/polo2ro/angular-teleperiod
- Owner: polo2ro
- Created: 2015-03-10T21:51:37.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2020-09-19T12:32:26.000Z (over 5 years ago)
- Last Synced: 2025-04-09T05:26:48.108Z (12 months ago)
- Topics: angular, interval, period-picker, ui
- Size: 59.6 KB
- Stars: 9
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular-teleperiod
A period picker on a time line with working hours embeded in an Angular directive.
This project is an Angular wrapper for the main projet [teleperiod](https://github.com/polo2ro/teleperiod)
Install
----------
Bower:
```shell
bower install angular-teleperiod --save
```
Directives
----------
```html
```
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
`ready`:
If attribute is set, draw the period picker when ready=true
`periods`:
Optional property to update with the list of selected periods
`selectedevents`:
Optional list of events to replace with a selection
`refreshevents`:
Set this value to "true" to force a reload of all events
`dayFirstMinute`:
Set the first minute of the day, default is 7x60 and day start at 7:00am
`dayLastMinute`:
Set the last minute of the day, default is 20x60 and day end at 8:00pm
`options`:
The attribute can be used to change options from [teleperiod](https://github.com/polo2ro/teleperiod)
__On a tp-timeline tag__
`name`:
The name displayed on the timeline.
`events`:
A scope function used to create the events on the timeline