jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

feat: snap_by_day option

Browse Source
This commit is contained in:
safwansamsudeen 2024-12-02 12:21:57 +05:30
parent 8c526b5ed6
commit c13c0cde4d
3 changed files with 48 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
src/bar.js
View File

@ -538,13 +538,6 @@ export default class Bar {
}
compute_duration() {
console.log(
date_utils.diff(
this.task._end,
this.task._start,
this.gantt.config.unit,
),
);
this.duration =
date_utils.diff(
this.task._end,
@ -558,31 +551,31 @@ export default class Bar {
rem,
position;
if (this.gantt.view_is('Week')) {
rem = dx % (this.gantt.config.column_width / 7);
position =
odx -
rem +
(rem < this.gantt.config.column_width / 14
? 0
: this.gantt.config.column_width / 7);
} else if (this.gantt.view_is('Month')) {
rem = dx % (this.gantt.config.column_width / 30);
position =
odx -
rem +
(rem < this.gantt.config.column_width / 60
? 0
: this.gantt.config.column_width / 30);
} else {
rem = dx % this.gantt.config.column_width;
position =
odx -
rem +
(rem < this.gantt.config.column_width / 2
? 0
: this.gantt.config.column_width);
}
// if (this.gantt.view_is('Week')) {
// rem = dx % (this.gantt.config.column_width / 7);
// position =
// odx -
// rem +
// (rem < this.gantt.config.column_width / 14
// ? 0
// : this.gantt.config.column_width / 7);
// } else if (this.gantt.view_is('Month')) {
// rem = dx % (this.gantt.config.column_width / 30);
// position =
// odx -
// rem +
// (rem < this.gantt.config.column_width / 60
// ? 0
// : this.gantt.config.column_width / 30);
// } else {
rem = dx % this.gantt.config.column_width;
position =
odx -
rem +
(rem < this.gantt.config.column_width / 2
? 0
: this.gantt.config.column_width);
// }
return position;
}

1
src/defaults.js
View File

@ -110,6 +110,7 @@ const DEFAULT_OPTIONS = {
auto_move_label: true,
today_button: true,
view_mode_select: false,
snap_by_day: false,
};
export { DEFAULT_OPTIONS, DEFAULT_VIEW_MODES };

53
src/index.js
View File

@ -575,7 +575,6 @@ export default class Gantt {
computeGridHighlightDimensions(view_mode) {
const today = new Date();
if (today < this.gantt_start || today > this.gantt_end) return null;
if (this.view_is(VIEW_MODE.DAY)) {
let diff_in_units = date_utils.diff(
today,
@ -590,18 +589,19 @@ export default class Gantt {
};
}
let x = 0;
for (let date of this.dates) {
const todayDate = new Date();
const startDate = new Date(date);
const endDate = new Date(date);
switch (view_mode) {
case VIEW_MODE.WEEK:
switch (view_mode.name) {
case VIEW_MODE.WEEK.name:
endDate.setDate(date.getDate() + 7);
break;
case VIEW_MODE.MONTH:
case VIEW_MODE.MONTH.name:
endDate.setMonth(date.getMonth() + 1);
break;
case VIEW_MODE.YEAR:
case VIEW_MODE.YEAR.name:
endDate.setFullYear(date.getFullYear() + 1);
break;
}
@ -829,7 +829,6 @@ export default class Gantt {
(units_since_first_task / this.config.step) *
this.config.column_width -
this.config.column_width;
console.log(scroll_pos);
parent_element.scrollTo({ left: 400, behavior: 'smooth' });
}
@ -1101,32 +1100,24 @@ export default class Gantt {
let odx = dx,
rem,
position;
if (this.view_is(VIEW_MODE.WEEK)) {
rem = dx % (this.config.column_width / 7);
position =
odx -
rem +
(rem < this.config.column_width / 14
? 0
: this.config.column_width / 7);
} else if (this.view_is(VIEW_MODE.MONTH)) {
rem = dx % (this.config.column_width / 30);
position =
odx -
rem +
(rem < this.config.column_width / 60
? 0
: this.config.column_width / 30);
} else {
rem = dx % this.config.column_width;
position =
odx -
rem +
(rem < this.config.column_width / 2
? 0
: this.config.column_width);
let unit_length = 1;
if (this.options.snap_by_day) {
const { duration, scale } = date_utils.parse_duration(
this.config.view_mode.step,
);
unit_length =
duration *
({ hour: 1 / 24, week: 7, month: 30, year: 365 }[scale] || 1);
}
rem = dx % (this.config.column_width / unit_length);
position =
odx -
rem +
(rem < this.config.column_width / unit_length / 2
? 0
: this.config.column_width / unit_length);
return position;
}