Multi Schedule & Resize Out Range

[ripper04]

Hi Ateliee,
Thank you for your plugin.

I have 2 problem:

1. I have proble with multi Schedule.
   I have #schedule1, #schedule2 with the same config.
   When I drag sc_bar to change of #schedule2, It disappear.
   This is my config:

$("#schedule1").timeSchedule({
		startTime: "07:00",
		endTime: "21:00",
		widthTime: 60 * 10,
		timeLineY: 60,
		verticalScrollbar: 20,
		timeLineBorder: 2,
		bundleMoveWidth: 6,
		draggable: true,
		resizable: true,
		rows: {
			'0': {
				title: 'Title Area1',
				schedule: [
					{
						start: '09:00',
						end: '12:00',
						text: 'Text Area',
						data: {
						}
					},
					{
						start: '11:00',
						end: '14:00',
						text: 'Text Area',
						data: {
						}
					}
				]
			},
			'1': {
				title: 'Title Area2',
				schedule: [
					{
						start: '16:00',
						end: '17:00',
						text: 'Text Area',
						data: {
						}
					}
				]
			}
		}
	});

2. When I resize out range of start and end, It is not limited in range..
   What should I do?

Thanks you for reading,
Have a nice day!

[ateliee]

I have proble with multi Schedule.
I have #schedule1, #schedule2 with the same config.
When I drag sc_bar to change of #schedule2, It disappear.
This is my config:

Version 3.0.1 supports multiple schedule displays.
Please check it.

When I resize out range of start and end, It is not limited in range..
What should I do?

I'm not sure, so if you give me some more details, I might be able to help.

thank you!

[ripper04]

Hi ateliee,
Thanks you very much for update.
It's support for multiple sc displays.

When I resize out range, I had problem like picture:

I think we had containment for resizable.

And I think We can handle with left and right of sc_bar.

[ateliee]

Thanks for pointing out.

This has been fixed in version 3.0.2.
It seems that the settings in Resizable of jquery.ui were not enough.

$node.resizable({
    containment: $this.find('.sc_main_scroll'),
});

Check it out if you like

[ripper04]

Thanks you for updating.
It's worked!

I can't handle left to resize for left side.
Do you have any options for resize both left and right?

[ateliee]

Added the option of resizeLeft from version 3.1.0.
try it.

https://github.com/ateliee/jquery.schedule/releases/tag/v3.1.0

[ripper04]

Thanks you for update! It's worked!

If I click right handle and I drag for outside, It stop in end time. It's right!
But If I click left handle and I drag for outside, It not stop in start time.
In below image, It not stop in 07:00, It return for old value (before i resize)