jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

infinite extensions

Browse Source
This commit is contained in:
safwansamsudeen 2024-12-05 14:58:40 +05:30
parent af1c94b56a
commit d740d407b4
3 changed files with 52 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/bar.js
View File

@ -595,7 +595,6 @@ export default class Bar {
actual_duration_in_days++;
}
}
console.log(this.actual_duration_in_days);
this.actual_duration_in_days = actual_duration_in_days;
this.duration =

1
src/defaults.js
View File

@ -118,6 +118,7 @@ const DEFAULT_OPTIONS = {
today_button: true,
view_mode_select: false,
default_snap: '1d',
extend_by_units: 7,
holiday_highlight: {
green: 'weekend',
},

51
src/index.js
View File

@ -858,6 +858,8 @@ export default class Gantt {
set_scroll_position(date) {
if (!date || date === 'start') {
date = this.gantt_start;
} else if (date === 'end') {
date = this.gantt_end;
} else if (date === 'today') {
return this.scroll_today();
} else if (typeof date === 'string') {
@ -948,6 +950,54 @@ export default class Gantt {
});
});
let extended = false;
$.on(this.$container, 'mousewheel', (e) => {
if (!extended && e.currentTarget.scrollLeft === 0) {
extended = true;
this.gantt_start = date_utils.add(
this.gantt_start,
-this.options.extend_by_units,
this.config.unit,
);
let old_scroll = this.options.scroll_to;
this.options.scroll_to = null;
this.setup_date_values();
this.render();
e.currentTarget.scrollLeft =
this.config.column_width * this.options.extend_by_units;
this.options.scroll_to = old_scroll;
this.set_scroll_position();
setTimeout(() => (extended = false), 1000);
}
if (
!extended &&
e.currentTarget.scrollWidth - e.currentTarget.scrollLeft ===
e.currentTarget.clientWidth
) {
let old_scroll_left = e.currentTarget.scrollLeft;
extended = true;
this.gantt_end = date_utils.add(
this.gantt_end,
this.options.extend_by_units,
this.config.unit,
);
let old_scroll = this.options.scroll_to;
this.options.scroll_to = 'end';
this.setup_date_values();
this.render();
this.options.scroll_to = old_scroll_left;
e.currentTarget.scrollTo({
left:
old_scroll_left +
this.config.column_width * this.options.extend_by_units,
behavior: 'smooth',
});
setTimeout(() => (extended = false), 1000);
}
});
$.on(this.$container, 'scroll', (e) => {
let elements = document.querySelectorAll('.bar-wrapper');
let localBars = [];
@ -956,6 +1006,7 @@ export default class Gantt {
if (x_on_scroll_start) {
dx = e.currentTarget.scrollLeft - x_on_scroll_start;
}
const upperTexts = Array.from(
document.querySelectorAll('.upper-text'),
);