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

improve edit dialog for color zones

Browse source
This commit is contained in:
Sonja Happ 2021-05-04 12:03:00 +02:00
parent 5089db48ba
commit f0c8ee9005
1 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/widget/edit-widget/edit-widget-color-zones-control.js
View file

@ -202,18 +202,24 @@ class EditWidgetColorZonesControl extends React.Component {
width: width,
height: '40px'
}
return (<Button
style={style}
key={idx}
onClick={i => this.editColorZone(idx)}
disabled={!this.props.widget.customProperties.colorZones}>
<Icon icon="pen" />
</Button>
return (
<span>
<OverlayTrigger key={idx} placement={'right'} overlay={<Tooltip id={`tooltip-${"color-edit"}`}>Edit zone</Tooltip>} >
<Button
style={style}
key={idx}
onClick={i => this.editColorZone(idx)}
disabled={!this.props.widget.customProperties.colorZones}>
<Icon icon="pen" />
</Button>
</OverlayTrigger>
</span>
)
})
}
</div>
<Collapse isOpened={collapse}>
<Form.Label>Edit selected color zone:</Form.Label>
<OverlayTrigger key={0} placement={'right'} overlay={<Tooltip id={`tooltip-${"color"}`}>Change color</Tooltip>} >
<Button key={0} style={pickerStyle} onClick={this.openColorPicker.bind(this)} >
<Icon icon="paint-brush"/>
@ -244,11 +250,13 @@ class EditWidgetColorZonesControl extends React.Component {
</tbody>
</Table>
<span className='icon-button'>
<Button
variant='light'
onClick={this.removeZones} >
<Icon style={iconStyle} classname='icon-color' icon="trash-alt" />
</Button>
<OverlayTrigger key={1} placement={'right'} overlay={<Tooltip id={`tooltip-${"color-delete"}`}>Remove zone</Tooltip>} >
<Button
variant='light'
onClick={this.removeZones} >
<Icon style={iconStyle} classname='icon-color' icon="trash-alt" />
</Button>
</OverlayTrigger>
</span>
</Collapse>
<ColorPicker