Hello -
I’m trying to highlight particular resources at particular times as I hover over them, both in timeline view and in unit view.
It works great in Unit view, but doesn’t work properly in Timeline view. I had seen from an earlier post (back in June) this was a known issue (http://forum.dhtmlx.com/viewtopic.php?f=6&t=31060), but I was hoping it was resolved, or that you have a patch available.
I’m using scheduler version 4.0.1
Thank you.
var event_step;
var fix_start = function(date) { // always 2am 10am or 6pm
date = new Date(date);
if (date.getHours() >= 18) {
date.setHours(18);
event_step =240;
} else if (date.getHours() >= 10) {
date.setHours(10);
event_step =480;
} else if (date.getHours() >= 2) {
date.setHours(2);
event_step =240;
} else {
date.setHours(0);
}
date.setMinutes(0);
date.setSeconds(0);
return date;
};
var marked = null;
var marked_date = null;
var marked_resource = null;
scheduler.attachEvent("onMouseMove", function(event_id, native_event) {
if (event_id) {
scheduler.unmarkTimespan(marked);
marked_date = null;
return false;
}
var date = scheduler.getActionData(native_event).date;
var resource = scheduler.getActionData(native_event).section;
var fixed_date = fix_start(date);
if (+fixed_date != +marked_date || resource != marked_resource) {
scheduler.unmarkTimespan(marked);
marked_date = fixed_date;
marked_resource = resource;
marked = scheduler.markTimespan({
start_date: fixed_date,
end_date: scheduler.date.add(fixed_date, event_step, "minute"),
css: "highlighted_timespan",
sections: {
timeline: resource
}
});
}
});
scheduler.createTimelineView({
name: "timeline", //to show in place of agenda grid
dx: 100, //width of section
x_unit: "day",
// x_date: "%l, %j %M",
x_date: "<span class=hover>%j %M</span>",
x_step:1,
x_size:14,
x_start: 0,
x_length: 14,
y_unit: resources,
y_property:"unit",
render: "bar",
event_dy:"full",
resize_events:true,
first_hour:9,
last_hour:22
// round_position:true
});
scheduler.date.timeline_start = scheduler.date.week_start;