search

StephenChou1017 / react-big-scheduler

A scheduler and resource planning component built for React and made for modern browsers (IE10+)
https://stephenchou1017.github.io/scheduler/#/
MIT License
748 stars 415 forks source link

Provide an option of Time(0-23) instead of Resources #7

Open himanshuc3 opened 6 years ago

himanshuc3 commented 6 years ago

Feature Request. This way this could work as a timetable as well though I now its not what it specializes in.

StephenChou1017 commented 6 years ago

@himanshuc3 Hi, you mean vertical resource view just like [this demo]() of the FullCalendar Scheduler? I'm considering 2 questions:

  1. Vertical resource view should support all view types(Day, Week, Month etc) or just the day view? Time(0-23) means the day view.

  2. How to achieve this layout?:-) 2

davidfurlong commented 6 years ago

You could look how http://intljusticemission.github.io/react-big-calendar/examples/index.html does it

WebspressoCo commented 5 years ago

Hi @StephenChou1017, great work on the project so far!

I'm very interested in this library and I'd love to use it but I need vertical resource views, similar to https://fullcalendar.io/releases/fullcalendar-scheduler/1.9.4/demos/vertical-resource-view.html

I'd be happy to implement this / help you implement it, but first I thought that I would ask whether you've already done something similar. If not, do you have any recommendations? As David mentioned, react-big-calendar already implements vertical resource views - we can use that as inspiration.

I'd be happy to discuss this further. If you prefer using email / chat you can find my email in my bio.

StephenChou1017 commented 5 years ago

@WebspressoCo Hi, anyone that wants to make this lib 'bigger' is welcome, thank you:-)

As to the vertical resource view feature, I haven't started yet. But as I said upstairs, it would be better if the vertical views(include resource view and task view, exclude agenda view) support all view types(Day, Week, Month etc), not only the day view and time(0-23).

If so, we can add a property in schedulerData.config.views object, i.e. vertical with default value false. when we wanna to display the day, week and month views in vertical, what we need to do is just setting it to true as below: views: [ {viewName: 'Day', viewType: ViewTypes.Day, showAgenda: false, isEventPerspective: false, vertical: true}, {viewName: 'Week', viewType: ViewTypes.Week, showAgenda: false, isEventPerspective: false, vertical: true}, {viewName: 'Month', viewType: ViewTypes.Month, showAgenda: false, isEventPerspective: false, vertical: true}, {viewName: 'Quarter', viewType: ViewTypes.Quarter, showAgenda: false, isEventPerspective: false, vertical: false}, {viewName: 'Year', viewType: ViewTypes.Year, showAgenda: false, isEventPerspective: false, vertical: false}, ]

What do you think?:-)

AndreiUshakov commented 5 years ago

@StephenChou1017 Hi and congrats with 0.2.7 release! it's awesome!

Badly need this feature, is any update of this? I lead the project based entirely on your component. I need to implement alternative calendar view with resources as columns and vertical time line. resourcesview

As you can see there several days in time line. And empty rows with no events are not shown for space economy. It must be interactive view (not read-only).

There is always an option to do a brand new component, but first I would like to research and improve your calendar. What you suggest to start with? which module and classes? Maybe you plan to implement "resources horizontal" feature in next release?

StephenChou1017 commented 5 years ago

@AndreiUshakov Hi and thank you:-)

This feature is a little big, and I'll try to add it later, when I have time:-)

ghost commented 4 years ago

Hi!

One of our devs have made a working implementation in this fork: https://github.com/tineikt/react-big-scheduler. Unfortunately the project is coming to an end, and we don't have the time/resources to create a proper PR. The functionality was created to serve our needs, but should hopefully provide a good basis.