Project-Pro/crmPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update Gantt chart integration with new task styles and data structure

Browse Source
This commit is contained in:
Jacek Pyziak
2025-04-12 10:13:02 +02:00
parent 9e3811cf7a
commit ebfc82095d
5 changed files with 144 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
libraries/Simple-Gant-master/frappe-gantt.js
View File

@@ -479,11 +479,11 @@ class Bar {
}
draw() {
this.draw_bar();
this.draw_triangle();
this.draw_progress_bar();
this.draw_label();
this.draw_resize_handles();
this.draw_bar();
this.draw_triangle();
this.draw_progress_bar();
this.draw_label();
this.draw_resize_handles();
// this.draw_circle();
}
@@ -653,26 +653,23 @@ class Bar {
}
setup_click_event() {
$.on(this.bar_group, 'focus ' + this.gantt.options.popup_trigger, e => {
if (this.action_completed || this.gantt.bar_being_dragged) {
// Jeżeli jest przeciąganie, nie reagujemy na kliknięcia
return;
}
$.on(this.bar_group, 'focus ' + this.gantt.options.popup_trigger, e => {
if (this.action_completed) {
// just finished a move action, wait for a few seconds
return;
}
if (e.type === 'click') {
this.gantt.trigger_event('click', [this.task]);
}
this.gantt.unselect_all();
this.group.classList.toggle('active');
this.show_popup();
});
if (e.type === 'click') {
this.gantt.trigger_event('click', [this.task]);
}
this.gantt.unselect_all();
this.group.classList.toggle('active');
this.show_popup();
});
}
triangle_event(){
if(!this.$triangle)
return;
@@ -1407,11 +1404,11 @@ class Gantt {
this.setup_options(options);
this.setup_tasks(tasks);
// initialize with default view mode
this.synchronizing_date(tasks);
this.setup_tasks(tasks);
this.our_menu();
this.change_view_mode();
this.bind_events();
this.synchronizing_date(tasks);
this.setup_tasks(tasks);
// this.our_menu();
this.change_view_mode();
this.bind_events();
}
synchronizing_date(tasks){
@@ -1870,32 +1867,27 @@ class Gantt {
this.bind_bar_events();
let y=0,x=0;
this.$container.addEventListener('contextmenu',ev=>{
ev.preventDefault();
if(!isOpen)
this.clear_menu();
if(this.tasks.length)
this.add_sub.classList.remove("disabled");
else
this.add_sub.classList.add("disabled");
this.contextmenu.style.display="block";
x=ev.offsetX;y=ev.offsetY;
this.contextmenu.style.top=ev.offsetY+'px';
this.contextmenu.style.left=ev.offsetX+'px';
});
this.$container.addEventListener('click',ev=>{
this.contextmenu.style.display="none";
});
/*this.$container.addEventListener('contextmenu',ev=>{
ev.preventDefault();
if(!isOpen)
this.clear_menu();
if(this.tasks.length)
this.add_sub.classList.remove("disabled");
else
this.add_sub.classList.add("disabled");
this.contextmenu.style.display="block";
x=ev.offsetX;y=ev.offsetY;
this.contextmenu.style.top=ev.offsetY+'px';
this.contextmenu.style.left=ev.offsetX+'px';
});
this.$container.addEventListener('click',ev=>{
this.contextmenu.style.display="none";
});
this.add_task.addEventListener('click',ev=>{
@@ -2023,7 +2015,7 @@ class Gantt {
}
});
});*/
}
update_sub_task(task){
@@ -2088,7 +2080,7 @@ class Gantt {
});
$.attr(this.$svg, {
height: grid_height + this.options.padding + 100,
height: grid_height + this.options.padding,
width: '100%'
});
}
@@ -2285,11 +2277,9 @@ class Gantt {
? date_utils.format(date, 'D MMM', this.options.language)
: '',
'Half Day_upper':
date.getDate() !== last_date.getDate()
? date.getMonth() !== last_date.getMonth()
? date_utils.format(date, 'D MMM', this.options.language)
: date_utils.format(date, 'D', this.options.language)
: '',
date.getDate() !== last_date.getDate()
? `${date_utils.format(date, 'D', this.options.language)}, ${['nd', 'pn', 'wt', 'śr', 'cz', 'pt', 'sb'][date.getDay()]}`
: '',
Day_upper:
date.getMonth() !== last_date.getMonth()
? date_utils.format(date, 'MMMM', this.options.language)
@@ -2441,43 +2431,41 @@ class Gantt {
}
$.on(this.$svg, 'mousedown', '.bar-wrapper, .handle', (e, element) => {
const bar_wrapper = $.closest('.bar-wrapper', element);
const bar_wrapper = $.closest('.bar-wrapper', element);
this.hide_popup();
if (element.classList.contains('left')) {
is_resizing_left = true;
} else if (element.classList.contains('right')) {
is_resizing_right = true;
} else if (element.classList.contains('bar-wrapper')) {
is_dragging = true;
}
this.hide_popup();
if (element.classList.contains('left')) {
is_resizing_left = true;
} else if (element.classList.contains('right')) {
is_resizing_right = true;
} else if (element.classList.contains('bar-wrapper')) {
is_dragging = true;
}
bar_wrapper.classList.add('active');
bar_wrapper.classList.add('active');
x_on_start = e.offsetX;
y_on_start = e.offsetY;
x_on_start = e.offsetX;
y_on_start = e.offsetY;
parent_bar_id = bar_wrapper.getAttribute('data-id');
parent_bar_id = bar_wrapper.getAttribute('data-id');
const ids = [
parent_bar_id,
...this.get_all_dependent_tasks(parent_bar_id)
];
const ids = [
parent_bar_id,
...this.get_all_dependent_tasks(parent_bar_id)
];
bars = ids.map(id => this.get_bar(id));
bars = ids.map(id => this.get_bar(id));
this.bar_being_dragged = parent_bar_id;
bars.forEach(bar => {
const $bar = bar.$bar;
$bar.ox = $bar.getX();
$bar.oy = $bar.getY();
$bar.owidth = $bar.getWidth();
$bar.finaldx = 0;
});
});
this.bar_being_dragged = parent_bar_id;
bars.forEach(bar => {
const $bar = bar.$bar;
$bar.ox = $bar.getX();
$bar.oy = $bar.getY();
$bar.owidth = $bar.getWidth();
$bar.finaldx = 0;
});
});
$.on(this.$svg, 'mousemove', e => {
if (!action_in_progress()) return;