Angular-calendar: day-view-scheduler visual issues

[ALapaque]

Describe the bug

Hi I do have some issues with the view day-view-scheduler below are the description:

First issue :

In my case I have 8 different users to display in the day-view-scheduler and the day-view-column-header resize the column instead of keeping the same size for the container and add a overflow-x

Second issue :

If you drag and event overlapping an other one this will hide one of the event. could we do something like in the other views ?

solution :

Thank your for your help :)

Minimal reproduction of the problem with instructions

Screenshots

Versions

• @angular/core:7.2.2
• angular-calendar:0.28.2
• Browser name and version: Chrome v79.0.3945.117

[matts-bot[bot]]

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me

[ALapaque]

@mattlewis92 any news about this ?

[mattlewis92]

I'm going to rewrite the day view scheduler as it's full of problems like this and others https://github.com/mattlewis92/angular-calendar/issues/1159 https://github.com/mattlewis92/angular-calendar/pull/1139

I've got some plans that should fix all these issues, I will try my best to get it done next weekend! 😄

[ALapaque]

@mattlewis92 That's perfect ! :)
Thanks a lot for your support and your help.

[mattlewis92]

Hey there, I just updated the demo code and it should fix your issues. The day view scheduler now behaves exactly like the week view, except each column is a users events rather than a day. Please give it a go and let me know if it works for you 😄

[ALapaque]

@mattlewis92 Hi,
thanks for the amazing work. looks like it's working perfectly.
I'm just having something is when I'm calling the component it's not recognizing the attribute from CalendarWeekViewComponent any idea on how to fix this ?
This might be a dumb question, but I'm only a java developer since june 2019 :(

Thanks :)

[ALapaque]

Also, I think I've found a little issue.

I'm using the attribute (beforeViewRender) to check my segment and my unavailabilitiesPeriods in order to add a class to a segment and display a background like that if it's an unavailable period

It's working for the dayView weekView but when i'm inspecting in the schedulerView it's not adding my custom-class to the hour-segment.

• it should render like this :

• and it's rendering like this :

• and this is an exemple of this function in weekView :

Thanks :)

[mattlewis92]

Hey, I'm glad to hear it's working nicely for you 😄

I'm just having something is when I'm calling the component it's not recognizing the attribute from CalendarWeekViewComponent any idea on how to fix this ?

I get the same thing, it's a bug with webstorm or the angular language service, it doesn't detect the inheritance.

Also, I think I've found a little issue.

I'm using the attribute (beforeViewRender) to check my segment and my unavailabilitiesPeriods in order to add a class to a segment and display a background like that if it's an unavailable period

It's working for the dayView weekView but when i'm inspecting in the schedulerView it's not adding my custom-class to the hour-segment.

• it should render like this :

• and it's rendering like this :

• and this is an exemple of this function in weekView :

Thanks :)

Can you give this a try? https://github.com/mattlewis92/angular-calendar/commit/4cd268c98313455e96b47c67ad41d1b07c3fb077

[ALapaque]

@mattlewis92 works perfectly :)

Thank you

[kyleabens]

@mattlewis92 can you release this latest commit as a new version? I tried running npm install git+https://github.com/mattlewis92/angular-calendar.git but then my project was unable to find the angular-calendar module. Am I missing something?

[mattlewis92]

@kyleabens the day view scheduler isn't part of the angular-calendar package, it's just a demo: https://mattlewis92.github.io/angular-calendar/#/day-view-scheduler so there's nothing to release on npm