frappe-gantt

WebJar for frappe-gantt

License

License

MIT
Categories

Categories

Ant Build Tools
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

frappe-gantt
Last Version

Last Version

0.5.0
Release Date

Release Date

Type

Type

jar
Description

Description

frappe-gantt
WebJar for frappe-gantt
Project URL

Project URL

https://www.webjars.org
Source Code Management

Source Code Management

https://github.com/frappe/gantt

Download frappe-gantt

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/frappe-gantt/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>frappe-gantt</artifactId>
    <version>0.5.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/frappe-gantt/
implementation 'org.webjars.npm:frappe-gantt:0.5.0'
// https://jarcasting.com/artifacts/org.webjars.npm/frappe-gantt/
implementation ("org.webjars.npm:frappe-gantt:0.5.0")
'org.webjars.npm:frappe-gantt:jar:0.5.0'
<dependency org="org.webjars.npm" name="frappe-gantt" rev="0.5.0">
  <artifact name="frappe-gantt" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='frappe-gantt', version='0.5.0')
)
libraryDependencies += "org.webjars.npm" % "frappe-gantt" % "0.5.0"
[org.webjars.npm/frappe-gantt "0.5.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Frappe Gantt

A simple, interactive, modern gantt chart library for the web

View the demo »

Install

npm install frappe-gantt

Usage

Include it in your HTML:

<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">

And start hacking:

var tasks = [
  {
    id: 'Task 1',
    name: 'Redesign website',
    start: '2016-12-28',
    end: '2016-12-31',
    progress: 20,
    dependencies: 'Task 2, Task 3',
    custom_class: 'bar-milestone' // optional
  },
  ...
]
var gantt = new Gantt("#gantt", tasks);

You can also pass various options to the Gantt constructor:

var gantt = new Gantt("#gantt", tasks, {
    header_height: 50,
    column_width: 30,
    step: 24,
    view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],
    bar_height: 20,
    bar_corner_radius: 3,
    arrow_curve: 5,
    padding: 18,
    view_mode: 'Day',   
    date_format: 'YYYY-MM-DD',
    custom_popup_html: null
});

If you want to contribute:

  1. Clone this repo.
  2. cd into project directory
  3. yarn
  4. yarn run dev

License: MIT


Project maintained by frappe

org.webjars.npm

Frappe

Versions

Version
0.5.0