fixes grouping example

stephenjmaher · stephenjmaher · commit 8bd7849c9068 · 2025-04-03T06:41:21.000+01:00
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
                 font-size: 0.775em;
             }
         </style>
-        <!-- <script  src="./src/index.js"></script> -->
+        <script src="dist/frappe-gantt.umd.js"></script>
     </head>
     <body>
         <div class="container">
@@ -338,22 +338,20 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                 {
                     start: daysSince(-2),
                     end: daysSince(2),
-                    name: 'Write new content',
-                    id: 'Task 1',
-                    progress: 5,
-                    // important: true,
-                    group: 0,
-                },
-                {
                     name: 'Redesign website',
                     id: 'Task 0',
                     progress: random(),
-                    group: 0,
                 },
                 {
                     start: daysSince(3),
+                    duration: '6d',
+                    name: 'Write new content',
+                    id: 'Task 1',
                     progress: random(),
+                    important: true,
                     dependencies: 'Task 0',
+                },
+                {
                     start: daysSince(4),
                     duration: '2d',
                     name: 'Apply new styles',
@@ -376,6 +374,15 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                     name: 'Redesign website',
                     id: 'Task 0',
                     progress: random(),
+                    group : 0,
+                },
+                {
+                    start: daysSince(-5),
+                    end: daysSince(0),
+                    name: 'Redesign website - part 2',
+                    id: 'Task 0',
+                    progress: random(),
+                    group : 0,
                 },
                 {
                     start: daysSince(-15),
@@ -384,20 +391,32 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                     id: 'Task 1',
                     progress: random(),
                     important: true,
+                    group : 1,
+                },
+                {
+                    start: daysSince(7),
+                    duration: '2d',
+                    name: 'Edit new content',
+                    id: 'Task 1',
+                    progress: random(),
+                    important: true,
+                    group : 1,
                 },
                 {
                     start: daysSince(10),
                     duration: '14d',
                     name: 'Review',
                     id: 'Task 3',
                     progress: random(),
+                    group : 2,
                 },
                 {
                     start: daysSince(-3),
                     duration: '4d',
                     name: 'Publish',
                     id: 'Task 4',
                     progress: random(),
+                    group : 3,
                 },
             ];
 
@@ -463,6 +482,7 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                     duration: '7d',
                     name: 'Create prototype',
                     id: 'Task 3',
+                    dependencies: 'Task 2',
                     progress: random(),
                 },
                 {
@@ -474,9 +494,11 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                     progress: random(),
                     important: true,
                 },
+                {
                     start: daysSince(5),
                     end: daysSince(10),
                     name: 'Write technical documentation',
+                    id: 'Task 5',
                     progress: random(),
                 },
                 {
@@ -508,6 +530,7 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                     id: 'Task 9',
                     progress: random(),
                     important: true,
+                },
             ];
 
             const HOLIDAYS = [
@@ -534,15 +557,17 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                 today_button: true,
                 view_mode_select: true,
                 holidays: null,
+                enable_grouping: true,
+                groups: [0, 1, 2, 3],
             });
 
             const holidays = new Gantt('#holidays', tasksSpread, {
                 holidays: {
                     '#bfdbfe': [],
                     '#a3e635': HOLIDAYS,
                 },
-                enable_grouping:  true,
-                groups: [0,1,2,3,4],
+                enable_grouping: true,
+                groups: [0, 1, 2, 3],
             });
 
             const ignore = new Gantt('#ignore', tasks, {
@@ -562,6 +587,8 @@ <h2>Frappe Gantt - <em>for you</em>.</h2>
                 snap_at: '1d',
                 auto_move_label: false,
                 scroll_to: 'today',
+                enable_grouping: true,
+                groups: [0, 1, 2, 3],
             });
 
             const UPDATES = [
