Fix for issue #3882 moving the label when the path has been modified

This commit is contained in:
Knut Sveidqvist 2022-12-03 13:21:10 +01:00
parent b68fee7e65
commit 4124d186d0
2 changed files with 35 additions and 17 deletions

View File

@ -57,22 +57,28 @@
<div>Security check</div>
<pre id="diagram" class="mermaid">
flowchart LR
subgraph external
subgraph internal
inside
end
%% Actors
A
subgraph Sub
B --> C
end
outside --> inside
%% Accusations
A --L --> Sub
%% Offense
B --> A
</pre>
<pre id="diagram" class="mermaid">
flowchart LR
subgraph parent
subgraph childB
grandchild
end
end
foo --> childA </pre
>
stateDiagram-v2
[*] --> S1
S1 --> S2: long line using<br/>should work
S1 --> S3: long line using <br>should work
S1 --> S4: long line using \\nshould work
</pre>
<pre id="diagram" class="mermaid2">
gantt
title Style today marker (vertical line should be 5px wide and half-transparent blue)

View File

@ -130,9 +130,21 @@ export const positionEdgeLabel = (edge, paths) => {
if (path) {
// // debugger;
const pos = utils.calcLabelPosition(path);
log.info('Moving label from (', x, ',', y, ') to (', pos.x, ',', pos.y, ') abc78');
// x = pos.x;
// y = pos.y;
log.info(
'Moving label ' + edge.label + ' from (',
x,
',',
y,
') to (',
pos.x,
',',
pos.y,
') abc78'
);
if (paths.updatedPath) {
x = pos.x;
y = pos.y;
}
}
el.attr('transform', 'translate(' + x + ', ' + y + ')');
}
@ -463,7 +475,7 @@ export const insertEdge = function (elem, e, edge, clusterDb, diagramType, graph
.attr('style', edge.style);
// DEBUG code, adds a red circle at each edge coordinate
// edge.points.forEach(point => {
// edge.points.forEach((point) => {
// elem
// .append('circle')
// .style('stroke', 'red')