Download the PHP package codenzia/filament-gantt-lite without Composer
On this page you can find all versions of the php package codenzia/filament-gantt-lite. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download codenzia/filament-gantt-lite
More information about codenzia/filament-gantt-lite
Files in codenzia/filament-gantt-lite
Package filament-gantt-lite
Short Description Lightweight, RTL-first SVG Gantt chart page for Filament v4. Pure in-house code, no third-party Gantt library, full Arabic + English support.
License MIT
Homepage https://github.com/codenzia/filament-gantt-lite
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package filament-gantt-lite
Filament Gantt Lite — Lightweight, RTL-first SVG Gantt for Filament
A lightweight, RTL-first SVG Gantt chart page for Filament v4/v5. Pure in-house code — no dhtmlxGantt, no frappe-gantt, no third-party vendor lock-in. Full Arabic + English support, dark-mode aware, dependency arrows, today line, baseline rendering, holidays, and non-working days — all rendered by a small JS layer over SVG you can read and patch yourself.
Why this exists. Most Filament Gantt plugins wrap a heavyweight commercial JS library, ship 200+ KB of vendor code, and break the moment Filament theming touches them.
filament-gantt-litedoes the opposite — a thin abstract page you extend, an SVG renderer that respects your locale and Tailwind theme, and zero external dependencies. Right-to-left works by design, not as an afterthought.Try it live: A working integration is included in the Codenzia plugins demo at
/admin/demo/gantt-lite.
Features
- SVG-native rendering — no Canvas, no third-party library, no vendor build step.
- RTL-first — Arabic / Hebrew layouts render flawlessly with mirrored bars, time-axis, and dependency arrows.
- Three view modes — Day, Week, Month, switchable at runtime.
- Dependency arrows between tasks (FS, supports
dependenciesandtask_dependenciesfields). - Today line auto-positioned on the time axis.
- Baselines — toggle planned-vs-actual rendering (translucent baseline rect above the actual bar).
- Holidays + non-working days — hatch-fill non-working columns; configurable per-page.
- Optional sidebar tree — render groups → tasks in a left rail; pass
[]to hide. - Dark-mode aware — colours inherit from your Tailwind theme.
- Pure data model — pass an array of task rows; subclass implements
getGanttDataArray(). - No build step — assets are published as plain JS/CSS to
public/.
Requirements
| Dependency | Version |
|---|---|
| PHP | ^8.3 |
| Filament | ^4.0 \|\| ^5.0 |
| Livewire | ^3.0 \|\| ^4.0 |
Installation
Publish the config file:
Publish the JS/CSS assets to public/:
Quick Start
Extend the abstract GanttLite page in your Filament panel and implement getGanttDataArray():
That's it — visit your panel and the SVG Gantt renders with proper RTL detection from app()->getLocale().
Configuration
After publishing, edit config/filament-gantt-lite.php:
Task data shape
Each task in the array returned by getGanttDataArray() must include id, name, start, end. All other fields are optional.
| Field | Type | Description |
|---|---|---|
id |
int / string | Unique task identifier |
name |
string | Display label |
start |
Y-m-d |
Start date |
end |
Y-m-d |
End date |
progress |
int (0-100) | Completion % overlay on the bar |
color |
hex string | Override bar colour |
dependencies |
array of ids | FS dependency arrows |
task_dependencies |
array of ids | Alias accepted for compatibility |
planned_start |
Y-m-d |
If isBaselinesEnabled() is true, renders baseline bar |
planned_end |
Y-m-d |
See above |
avatar |
URL | Optional assignee avatar shown on the bar |
Sidebar tree (optional)
Return a hierarchical tree from getGanttSidebar() to render a left rail:
Return [] (the default) to hide the sidebar entirely.
Customising the page
Override these hooks on your subclass:
The full boot config sent to the JS layer can also be overridden via getGanttBootConfig().
Livewire events
The page emits these events you can hook from other Livewire components:
| Event | Payload | Fired when |
|---|---|---|
gantt-lite:view-mode-changed |
mode: 'Day'\|'Week'\|'Month' |
User switches view mode |
gantt-lite:refreshed |
tasks: array |
refreshGantt() is called |
RTL support
RTL detection is automatic via app()->getLocale() === 'ar'. The SVG renderer mirrors:
- Time-axis direction (right-to-left day flow)
- Task bar growth
- Dependency arrow heads
- Sidebar tree indentation
To force a specific direction independent of locale, override getGanttBootConfig() and set 'rtl' => true/false.
Testing
Roadmap
- Drag-to-reschedule task bars (currently read-only).
- Inline resize handles on bars.
- Critical path highlighting.
- Export to PNG / PDF.
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-gantt-lite with dependencies
filament/filament Version ^4.0 || ^5.0
livewire/livewire Version ^3.0 || ^4.0