summaryrefslogtreecommitdiffstats
path: root/dox-sequence-diagram-ui
diff options
context:
space:
mode:
authorStanislav Vishnevetsky <shlomo-stanisla.vishnevetskiy@amdocs.com>2017-08-27 16:09:23 +0300
committerstanvishne <shlomo-stanisla.vishnevetskiy@amdocs.com>2017-08-28 14:04:19 +0300
commitf5355ef234a409ab4fcfe299f7ee9f33e904355b (patch)
treee41ae6774c47418a7b1e54ac34cc79c798ccad0c /dox-sequence-diagram-ui
parenta6ae9aca9c238149bd38f8f1e637c366e432a700 (diff)
Update D3 version in dox-sequence-diagram-ui
Issue-ID: SDC-252 Change-Id: I3a576e50370d7c7b8d7d49dd4adacc3a90d7a027 Signed-off-by: Stanislav Vishnevetsky <shlomo-stanisla.vishnevetskiy@amdocs.com>
Diffstat (limited to 'dox-sequence-diagram-ui')
-rw-r--r--dox-sequence-diagram-ui/.gitignore1
-rw-r--r--dox-sequence-diagram-ui/package.json2
-rw-r--r--dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/Diagram.jsx23
3 files changed, 19 insertions, 7 deletions
diff --git a/dox-sequence-diagram-ui/.gitignore b/dox-sequence-diagram-ui/.gitignore
index 3ad9501b01..13383be112 100644
--- a/dox-sequence-diagram-ui/.gitignore
+++ b/dox-sequence-diagram-ui/.gitignore
@@ -4,3 +4,4 @@ npm-debug.log
dist
node_modules
.npmrc
+.history
diff --git a/dox-sequence-diagram-ui/package.json b/dox-sequence-diagram-ui/package.json
index faa5cc2455..81d42af163 100644
--- a/dox-sequence-diagram-ui/package.json
+++ b/dox-sequence-diagram-ui/package.json
@@ -12,7 +12,7 @@
"author": "ECOMP",
"license": "SEE LICENSE IN LICENSE.TXT",
"dependencies": {
- "d3": "^3.5.16",
+ "d3": "^4.10.0",
"lodash": "^4.12.0",
"react": "^15.1.0",
"react-dnd": "^2.1.2",
diff --git a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/Diagram.jsx b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/Diagram.jsx
index 34932852c7..a035e6c4a3 100644
--- a/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/Diagram.jsx
+++ b/dox-sequence-diagram-ui/src/main/webapp/lib/ecomp/asdc/sequencer/components/diagram/Diagram.jsx
@@ -17,7 +17,7 @@
import React from 'react';
import _template from 'lodash/template';
import _merge from 'lodash/merge';
-import d3 from 'd3';
+import * as d3 from 'd3';
import Common from '../../common/Common';
import Logger from '../../common/Logger';
@@ -57,6 +57,8 @@ export default class Diagram extends React.Component {
};
this.handleResize = this.handleResize.bind(this);
+ this.initialTransformX = 0;
+ this.initialTransformY = 0;
}
// ///////////////////////////////////////////////////////////////////////////////////////////////
@@ -764,8 +766,14 @@ export default class Diagram extends React.Component {
_initZoom(gContent, width, height) {
const zoomed = function zoomed() {
+ if (!this.initialTransformX && !this.initialTransformY) {
+ this.initialTransformX = d3.event.transform.x;
+ this.initialTransformY = d3.event.transform.y;
+ }
+
gContent.attr('transform',
- `translate(${d3.event.translate})scale(${d3.event.scale})`);
+ `translate(${d3.event.transform.x - this.initialTransformX}, ${d3.event.transform.y
+ - this.initialTransformY})scale(${d3.event.transform.k}, ${d3.event.transform.k})`);
};
const viewWidth = this.state.width || this.options.svg.width;
@@ -803,12 +811,15 @@ export default class Diagram extends React.Component {
gContent.attr('transform', `scale(${scale})`);
}
- const zoom = d3.behavior.zoom()
- .scale(scale)
- .scaleExtent([scaleMinimum, 10])
- .translate(translate)
+ const zoom = d3.zoom()
.on('zoom', zoomed);
+
this.svg.call(zoom);
+ this.svg.call(zoom.scaleBy, scale);
+
+ gContent.attr('transform', `translate(${translate[0]}, ${translate[1]})`);
+ gContent.attr('transform', `scale(${scale})`);
+
}
// ///////////////////////////////////////////////////////////////////////////////////////////////