Our pure JavaScript Scheduler component


Post by TFAlex »

Maybe this topic covers two issues, but I guess you can make separate tickets if that's the case.
The first one can simply be reproduced in your "Working time demo" example.
Steps to reproduce:
- Select "Day" in the Dropdown
- Lower "TO DAY" to e.g. 5 or 4
Result: the vertical lines are now out of sync (see these screenshots).
bryntum-vertical-lines-01.PNG
bryntum-vertical-lines-01.PNG (42.63 KiB) Viewed 1404 times
bryntum-vertical-lines-02.PNG
bryntum-vertical-lines-02.PNG (41.67 KiB) Viewed 1404 times
The second one can be reproduced using the following view preset:
{
        name: ViewName.TimelineHour,
        daysVisible: 5,
        preset: {
          defaultSpan: 12,
          displayDateFormat: this.dateTimeFormat.shortTimeFormat,

          shiftIncrement: 1,
          shiftUnit: 'day',
          tickWidth: 24,

          timeResolution: {
            increment: 1,
            unit: 'hour',
          },

          headerConfig: {
            bottom: {
              increment: 15,
              renderer: (date: Date) => format(date, 'mm'),
              unit: 'minute',
            },
            middle: {
              renderer: action((date: Date) => this.dateTimeFormat.formatShortTime(date)),
              unit: 'hour',
            },
            top: {
              align: 'left',
              renderer: action(
                (date: Date) =>
                  `${this.dateTimeFormat.formatDateWithShortWeekday(
                    date
                  )} KW ${this.dateTimeFormat.formatWeeknumber(date)}`
              ),
              unit: 'day',
            },
          },

          linesFor: 'middle',
        },
      }
- Start with working hours from 8-17
- While viewing the scheduler, change the working hours to 6-17
Results:
- Just as above, the vertical lines are out of sync
- The current timeline still starts at 8 o'clock (ok, maybe I need to do something here myself, I don't know)
- The width of the header cells gets wrong (maybe that's also my fault ;-))
bryntum-vertical-lines-03.PNG
bryntum-vertical-lines-03.PNG (16.2 KiB) Viewed 1404 times
TimeFleX - more than just a groupcalendar - www.timeflex.de

Post by TFAlex »

Somehow couldn't add the forth screenshot to the post, so here it is:
bryntum-vertical-lines-04.PNG
bryntum-vertical-lines-04.PNG (20.02 KiB) Viewed 1403 times
TimeFleX - more than just a groupcalendar - www.timeflex.de

Post by pmiklashevich »

Hello Alex,

The first test case is valid. Here is the ticket: https://app.assembla.com/spaces/bryntum/tickets/8066

About the second one. Where should I put the viewPreset config? I see some variables in it. Also please keep in mind that linesFor is not used in 2.0. The config is called columnLinesFor.

Best,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post by TFAlex »

I'm sorry, I pasted something from our store without actually explaining it ... But you know where to find our application preview. You can reproduce it there at "Ansichtsoptionen" and "Sichtbare Tage".
I attached you two screenshots from the web inspector showing where the problem occurs.
First, when the visible days are 5 (only workdays should be visible), the width values are calculated correctly:
bryntum-workdays-hidden.PNG
bryntum-workdays-hidden.PNG (27.9 KiB) Viewed 1372 times
Then, when toggling to also show the weekends, the width value of the "b-grid-header"-Element is not updated:
bryntum-workdays-visible.PNG
bryntum-workdays-visible.PNG (25.76 KiB) Viewed 1372 times
If you do the math, you can see that the width does no longer fit the sum of the top header cells.
If you need further information, just ask me.
TimeFleX - more than just a groupcalendar - www.timeflex.de

Post by pmiklashevich »

Hello Alex,
You can reproduce it there at "Ansichtsoptionen" and "Sichtbare Tage".
He he, learning German lang is not a part of the forum support ;)

Yeah, I know where to look at to find your app, but I'm afraid it's hard to understand what to do since menu is in German.

As far as I get you, both cases are related to the same problem, so having the first issue reproduced is enough for the testcase.

We'll contact you as soon as we have a solution.

Cheers,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post by TFAlex »

pmiklashevich wrote: Thu Apr 18, 2019 8:37 pm
You can reproduce it there at "Ansichtsoptionen" and "Sichtbare Tage".
He he, learning German lang is not a part of the forum support ;)
Why not? You can get it for free from me :) I'll try to get the english translations in there as soon as I can, to make it easier for you. Those just mean "view options" and "visible days".
TimeFleX - more than just a groupcalendar - www.timeflex.de

Post Reply