fix: sider
This commit is contained in:
parent
77b0b8a877
commit
2fcd05aa82
@ -40,7 +40,7 @@ erpnext.HierarchyChart = class {
|
|||||||
me.setup_node_click_action(this);
|
me.setup_node_click_action(this);
|
||||||
me.setup_edit_node_action(this);
|
me.setup_edit_node_action(this);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
make_node_element(node) {
|
make_node_element(node) {
|
||||||
@ -76,7 +76,7 @@ erpnext.HierarchyChart = class {
|
|||||||
me.company = company.get_value();
|
me.company = company.get_value();
|
||||||
|
|
||||||
// svg for connectors
|
// svg for connectors
|
||||||
me.make_svg_markers()
|
me.make_svg_markers();
|
||||||
|
|
||||||
if (me.$hierarchy)
|
if (me.$hierarchy)
|
||||||
me.$hierarchy.remove();
|
me.$hierarchy.remove();
|
||||||
@ -149,7 +149,7 @@ erpnext.HierarchyChart = class {
|
|||||||
me.expand_node(root_node);
|
me.expand_node(root_node);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
expand_node(node) {
|
expand_node(node) {
|
||||||
@ -166,7 +166,7 @@ erpnext.HierarchyChart = class {
|
|||||||
|
|
||||||
// rebuild incoming connections
|
// rebuild incoming connections
|
||||||
let grandparent = $(`#${node.parent_id}`).attr('data-parent');
|
let grandparent = $(`#${node.parent_id}`).attr('data-parent');
|
||||||
this.refresh_connectors(grandparent)
|
this.refresh_connectors(grandparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (node.expandable && !node.expanded) {
|
if (node.expandable && !node.expanded) {
|
||||||
@ -176,8 +176,8 @@ erpnext.HierarchyChart = class {
|
|||||||
|
|
||||||
collapse_node() {
|
collapse_node() {
|
||||||
if (this.selected_node.expandable) {
|
if (this.selected_node.expandable) {
|
||||||
this.selected_node.$children.hide();
|
this.selected_node.$children.hide('fast');
|
||||||
$(`path[data-parent="${this.selected_node.id}"]`).hide();
|
$(`path[data-parent="${this.selected_node.id}"]`).hide('fast');
|
||||||
this.selected_node.expanded = false;
|
this.selected_node.expanded = false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -222,15 +222,14 @@ erpnext.HierarchyChart = class {
|
|||||||
|
|
||||||
if (!node.$children) {
|
if (!node.$children) {
|
||||||
node.$children = $('<ul class="node-children"></ul>')
|
node.$children = $('<ul class="node-children"></ul>')
|
||||||
.hide()
|
.hide()
|
||||||
.appendTo(this.$hierarchy.find('.level:last'));
|
.appendTo(this.$hierarchy.find('.level:last'));
|
||||||
|
|
||||||
node.$children.empty();
|
node.$children.empty();
|
||||||
|
|
||||||
if (child_nodes) {
|
if (child_nodes) {
|
||||||
$.each(child_nodes, (_i, data) => {
|
$.each(child_nodes, (_i, data) => {
|
||||||
this.add_node(node, data);
|
this.add_node(node, data);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.add_connector(node.id, data.id);
|
this.add_connector(node.id, data.id);
|
||||||
}, 250);
|
}, 250);
|
||||||
@ -238,8 +237,8 @@ erpnext.HierarchyChart = class {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
node.$children.show();
|
node.$children.show('fast');
|
||||||
$(`path[data-parent="${node.id}"]`).show();
|
$(`path[data-parent="${node.id}"]`).show('fast');
|
||||||
node.expanded = true;
|
node.expanded = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -443,6 +442,6 @@ erpnext.HierarchyChart = class {
|
|||||||
return;
|
return;
|
||||||
|
|
||||||
$(path).remove();
|
$(path).remove();
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
}
|
};
|
@ -10,7 +10,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
this.wrapper = $(wrapper);
|
this.wrapper = $(wrapper);
|
||||||
this.page = wrapper.page;
|
this.page = wrapper.page;
|
||||||
this.method = method;
|
this.method = method;
|
||||||
this.doctype = doctype
|
this.doctype = doctype;
|
||||||
|
|
||||||
this.page.main.css({
|
this.page.main.css({
|
||||||
'min-height': '300px',
|
'min-height': '300px',
|
||||||
@ -40,7 +40,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
me.setup_node_click_action(this);
|
me.setup_node_click_action(this);
|
||||||
me.setup_edit_node_action(this);
|
me.setup_edit_node_action(this);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
make_node_element(node) {
|
make_node_element(node) {
|
||||||
@ -78,7 +78,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
me.company = company.get_value();
|
me.company = company.get_value();
|
||||||
|
|
||||||
// svg for connectors
|
// svg for connectors
|
||||||
me.make_svg_markers()
|
me.make_svg_markers();
|
||||||
|
|
||||||
if (me.$sibling_group)
|
if (me.$sibling_group)
|
||||||
me.$sibling_group.remove();
|
me.$sibling_group.remove();
|
||||||
@ -158,7 +158,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
me.expand_node(root_node);
|
me.expand_node(root_node);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
expand_node(node) {
|
expand_node(node) {
|
||||||
@ -248,8 +248,8 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
render_child_nodes(node, child_nodes) {
|
render_child_nodes(node, child_nodes) {
|
||||||
if (!node.$children) {
|
if (!node.$children) {
|
||||||
node.$children = $('<ul class="node-children"></ul>')
|
node.$children = $('<ul class="node-children"></ul>')
|
||||||
.hide()
|
.hide()
|
||||||
.appendTo(node.$link.parent());
|
.appendTo(node.$link.parent());
|
||||||
|
|
||||||
node.$children.empty();
|
node.$children.empty();
|
||||||
|
|
||||||
@ -462,7 +462,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
get_avatar(node) {
|
get_avatar(node) {
|
||||||
return `<span class="avatar avatar-small" title="${node.name}">
|
return `<span class="avatar avatar-small" title="${node.name}">
|
||||||
<span class="avatar-frame" src=${node.image} style="background-image: url(${node.image})"></span>
|
<span class="avatar-frame" src=${node.image} style="background-image: url(${node.image})"></span>
|
||||||
</span>`
|
</span>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
expand_sibling_group_node(parent) {
|
expand_sibling_group_node(parent) {
|
||||||
@ -518,7 +518,7 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
return;
|
return;
|
||||||
|
|
||||||
$(path).remove();
|
$(path).remove();
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
refresh_connectors(node_parent, node_id) {
|
refresh_connectors(node_parent, node_id) {
|
||||||
@ -527,4 +527,4 @@ erpnext.HierarchyChartMobile = class {
|
|||||||
$(`path[data-parent="${node_parent}"]`).remove();
|
$(`path[data-parent="${node_parent}"]`).remove();
|
||||||
this.add_connector(node_parent, node_id);
|
this.add_connector(node_parent, node_id);
|
||||||
}
|
}
|
||||||
}
|
};
|
@ -62,16 +62,13 @@
|
|||||||
|
|
||||||
.edit-chart-node {
|
.edit-chart-node {
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-right: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.node-edit-icon {
|
.node-edit-icon {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-chart-node {
|
|
||||||
margin-right: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.node-edit-icon > .icon{
|
.node-edit-icon > .icon{
|
||||||
stroke: var(--blue-500);
|
stroke: var(--blue-500);
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user