Mirrors/VILLASweb
1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00
Code Issues Releases Wiki Activity

Topology: now adjusted to new React SVG Pan Zoom Version

Browse source
This commit is contained in:
Laura Fuentes Grau 2020-03-30 17:15:26 +02:00
parent 2cf7789bb2
commit 4b79efec36
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/widget/widgets/topology.js
View file

@ -16,7 +16,7 @@
******************************************************************************/
import React from 'react';
import {ReactSVGPanZoom} from 'react-svg-pan-zoom';
import {UncontrolledReactSVGPanZoom} from 'react-svg-pan-zoom';
import config from '../../config';
import '../../styles/simple-spinner.css';
import { cimsvg } from 'libcimsvg';
@ -149,6 +149,13 @@ class WidgetTopology extends React.Component {
render() {
var markup = null;
const miniatureProps = {
miniaturePosition: "none",
}
const toolbarProps = {
toolbarPosition: "none"
}
switch(this.state.dashboardState) {
case 'loading':
@ -157,12 +164,12 @@ class WidgetTopology extends React.Component {
markup = <div style={msgContainerStyle}><div style={msgStyle}>{ this.state.message }</div></div>; break;
default:
markup = (<div>
<ReactSVGPanZoom
<UncontrolledReactSVGPanZoom
ref={Viewer => this.Viewer = Viewer}
style={{outline: "1px solid grey"}}
detectAutoPan={false}
miniaturePosition="none"
toolbarPosition="none"
toolbarProps={toolbarProps}
miniatureProps={miniatureProps}
background="white"
tool="pan"
width={this.props.widget.width-2} height={this.props.widget.height-2} >
@ -173,7 +180,7 @@ class WidgetTopology extends React.Component {
<g className="diagrams"/>
</svg>
</svg>
</ReactSVGPanZoom>
</UncontrolledReactSVGPanZoom>
</div>);
}
return markup;