An open API service indexing awesome lists of open source software.

https://github.com/vaadin-component-factory/vcf-timeline


https://github.com/vaadin-component-factory/vcf-timeline

Last synced: 24 days ago
JSON representation

Awesome Lists containing this project

README

        

# Timeline component for Vaadin Flow

Timeline component uses [vis-timeline](https://visjs.github.io/vis-timeline/docs/timeline/) library to display data in time.

This component is part of Vaadin Component Factory.

## Description

Timeline component provides support to the following features:

- Create a timeline with a defined visible range.
- Make items readonly.
- Update items content.
- Give items a style by defining a class name.
- Edit an item by resizing it.
- Edit an item by drag and drop.
- Multiple items selection.
- Possiblity to define zoom options (e.g. 1 day, 3 days, 5 days).
- Items are shown connected by an horizontal line between them. (*)
- Show tooltips for items.
- Possibility to revert resizing or dragging if condition is not met.
- Autoscrolling when reaching limits of visible range.
- Tooltip on item update.

(*) Horizontal lines implementation is based on [timeline-arrows](https://github.com/javdome/timeline-arrows).

## Development instructions

- Build the project and install the add-on locally:
```
mvn clean install
```
- For starting the demo server go to timeline-demo and run:
```
mvn jetty:run
```
This deploys demo at http://localhost:8080

## How to use it

Create a new component Timeline:

```java
Timeline timeline = new Timeline(items);
```

## Examples

See examples on [timeline-demo](https://github.com/vaadin-component-factory/vcf-timeline/tree/master/timeline-demo/src/main/java/com/vaadin/componentfactory/timeline).

## Missing features or bugs

You can report any issue or missing feature on [GitHub](https://github.com/vaadin-component-factory/vcf-timeline/issues).