gustcortarelli / gc-gantt Goto Github PK
View Code? Open in Web Editor NEWA pure JS Gantt chart
A pure JS Gantt chart
On each task, instead of assign resources by name, allow it to be defined by ID
When the gc-gantt is instantiated, it started with a plus icon (to expand) instead of a minus (to collapse)
Allow the user to resize a task (start date or end date).
This process can be performed adding a option on the left and right sides of task drawed element (div element).
For now, the user should be able to resize task inside current drawn date range.
On start and also end columns I want to be able to define the date format on it.
Review and update documentation according to the new features
add a new config property in order to define a date format mask on column header values
Allow the lib to include all necessary files to it work properly
On collapse a group, the children tasks rows are not hidden
Add a new config attribute in order to allow to the user to define the expand and also the collapse icons
Allow to the user filter tasks by resource
Add a new public method that receives one or more resource ids. All tasks that matches should be shown, otherwise it should be hidden. Moreover, when a matched task belongs to a task group, all parent groups of this should be shown
Separate classes: GCTaskGroup, GCTask to another files (each one).
Change gc-chart class structure to make it able to create more than one instance at the same page
Create a new function to support expand/collapse all groups
Allow the user to change a task by dragging and drop on gantt chart
When the gc-gantt is instantiated, an array with resources should be assigned to the class following this structure:
[ {id: 1, resource: "Person A"}, {id: 2, resource: "Person B"}, ... ]
The resource ID will be used on task instead of resource name, to relate a task with the resource.
when there are nested groups, on try to collapse the lowest level, all groups inside are not collapsed
To Reproduce
Expected behavior
All child groups should be hidden
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.