Our state of the art Gantt chart


Post by SIM-LTD »

Hi

Following a previous post
From us:
Our Test app includes both Scheduler 2.0.3 and the Nightly Gantt 1.X-2019-05-23.
From you:
Please try scheduler-next nightly build together with gantt-next nightly build. They should work in pair since both target next major release.
We have 2 issues:
1) Gantt Chart gets shorten up when using the separator for resizing the grid/Gantt (see screenshot)
2) In both "Gantt" and "Scheduler" the Timeline Indicator are too short (see screenshot)

The issue occurs when using :
1) Both Scheduler 2.0.3 AND Gantt 1.0.1
OR when using :
2) Both Scheduler 2.X-2019-05-24-Release Nightly Build AND Gantt 1.X-2019-05-25-Release Nightly build

By the way, the "Next" is not usable :
Both Scheduler2.X-2019-05-24-NEXT and Gantt.1.X.2019-05-24-NEXT are not usable (size 302Ko)
So your advice using the NEXT nightly build is not possible.
Attachments
Capture d’écran 2019-05-24 à 18.59.13.png
Capture d’écran 2019-05-24 à 18.59.13.png (188.28 KiB) Viewed 2216 times
Capture d’écran 2019-05-24 à 18.58.49.png
Capture d’écran 2019-05-24 à 18.58.49.png (235.04 KiB) Viewed 2216 times

Post by SIM-LTD »

Adding 2 more screenshots about the Gantt Chart under v1.0.1

Indeed, Chart Gantt is not displayed correctly...
Attachments
Capture d’écran 2019-05-26 à 16.39.48.png
Capture d’écran 2019-05-26 à 16.39.48.png (304.11 KiB) Viewed 2206 times
Capture d’écran 2019-05-26 à 16.40.19.png
Capture d’écran 2019-05-26 à 16.40.19.png (247.75 KiB) Viewed 2206 times

Post by pmiklashevich »

Please when you report an issue, provide some steps of how to reproduce it with one of our shipped samples. Or please provide a runnable testcase with minimal code to reproduce the issue.
The issue occurs when using :
1) Both Scheduler 2.0.3 AND Gantt 1.0.1
Do you see the Gantt with broken timeline only in your application when you combine scheduler and gantt on the same page?

Pavlo Miklashevych
Sr. Frontend Developer


Post by SIM-LTD »

Hi Pavel,

The issue occurs only when both "Scheduler.module.js" + "Gantt.modules.js" are in the same application.

Sorry to be straight but, we've been dealing with the issue when both components are used in the same application for quite a little while now;and we wonder why you do not have a such of the basic sample (internally) to see if all your component "Scheduler / Gantt" work properly when there are together.

The test case is quite simple: just take the sample you send us "Scheduler" and "Gantt" under VueCLI.

Then just merge both applications to get only one where both module "Scheduler.modules.js" and Gantt.modules.js" are present.

Then, add one page "App.vue"
<div id="nav">
      <router-link to="/">scheduler</router-link> |
      <router-link to="/gantt">Gantt</router-link>
    </div>
Add a router:
import Vue from "vue";
import Router from "vue-router";
import Scheduler from "./views/Scheduler.vue";
import Gantt from "./views/Gantt.vue";

Vue.use(Router);

export default new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      name: "home",
      component: Scheduler
    },
    {
      path: "/gantt",
      name: "Gantt",
      component: Gantt
    },
  ]
});
That's it. You'll have one application with both "Scheduler and Gantt" where you can make a full scale test.

The screenShot we have posted speaks for itself.

1) For the Gantt :
When you use the Grey Bar Separator, to reduce the Grid part and extend the Chart part, then the Gant Chart gets shrunk and remains like this...

2) For the Scheduler:
Doing the same thing does not affect the Schedule Chart. The Scheduler is ok

This issue was not there in the previous release Gantt.1.0.0 + Scheduler 2.0.0
But as you took into account that both components could be used in one app, you have made couple (nice) improvement to make it happen; It turned out that now the Gantt got a small issue.

Post by pmiklashevich »

Hello again,

I've created a simple application (you'll find in attachment), that uses scheduler.module.js and gantt.module.js and I couldn't reproduce your issue. I tried to drag by the grey splitter but all subgrids and timelines are rendered as they should. I don't see anything similar to your screenshots. Could you please try it out and see if you can reproduce your issue within the testcase? I pushed the demo to our dev repo to be able to return to it any time you or someone else report an issue with scheduler and gantt on the same page. Though I didn't reproduce your issue, I found and reported number of other issues related to partnering scheduler and gantt. Here they are:
https://app.assembla.com/spaces/bryntum/tickets/8538-refactor-dependency-model/details
https://app.assembla.com/spaces/bryntum/tickets/8540-refactor-assignment-model/details
https://app.assembla.com/spaces/bryntum/tickets/8541-when-scheduler-partners-gantt-locked-grid-width-is-taken-randomly-either-from/details
https://app.assembla.com/spaces/bryntum/tickets/8542-timeline-is-broken-when-scheduler-partners-gantt/details
https://app.assembla.com/spaces/bryntum/tickets/8543-when-scheduler-partners-gantt-zoom-in-out-fails-with-exception/details

Please keep in mind that using taskStore as a source of data for Scheduler is not supported yet. Will be possible with Scheduler Pro product which is coming.

About your issue it could be due to CSS/styles or something in your code. So please zip up your project and attach here so we can inspect it ourselves.

Best,
Pavel
Attachments
gnt-sch.zip
(1.87 KiB) Downloaded 146 times

Pavlo Miklashevych
Sr. Frontend Developer


Post by SIM-LTD »

Hi Pavel

Look, we have also prepared for you a simple app under VueCLI (and not under JS like the one you have created and gave us)
This app is based on "Scheduler VueCLI" sample demo and "Gantt VueCLI" provided by Mats...

We simply merge those both under one app : schedule_gantt that we have attached herewith.
The only update you got to do is to place in the folder assets: all element (Schedule & Gantt Module + CSS) of course the folder font and image has to be filled with the elements which are on the standard folder provided in the package.

Please keep in mind that this is built under VueCLI

Once your project in place, Please try this out with :

1) Scheduler 2.0.0 (or 2.0.1) and Gantt 1.0.0
you'll get an error "Duplicate float Roots" and both scheduler and Gantt behaves strangely

2) Scheduler 2.0.3 and Gantt 1.0.0
both Scheduler and Gantt Works. small issue with the timeline indicators...

3) Scheduler 2.0.3 and Gantt 1.0.1 (This is our issue now in this post)
Gantt is not displayed properly. And when resizing with the separator the Gantt gets shrunk.
Of course, you have to take into account these issues you just mentioned and created a ticket...

We did our best to give you the scope of our test case. Please keep this test case under your pillow; in order to run couple test before releasing new version of both module.

Thank you for your patient and your help
Attachments
scheduler-gantt.zip
(4.18 MiB) Downloaded 178 times

Post by mats »

As mentioned in other threads, you should try using the Scheduler-next nightly build, or you're running code bases which are incompatible as you have noticed.

Post by SIM-LTD »

Hi

As per the other threads (pos), we have tied that out :

Gantt 1.0.1 + scheduler-2.x-2019-05-25-next give the same issue.
Gantt 1.0.1 + scheduler-2.x-2019-05-25-release give the same issue.

Sorry, but we made the test

Post by pmiklashevich »

Hey again, I'll check your testcase tomorrow and come back to you. Cheers!

Pavlo Miklashevych
Sr. Frontend Developer


Post by SIM-LTD »

Thank you very much, We do appreciate
Looking forward to reding you

Post Reply