1
0
Fork 0
mirror of https://git.rwth-aachen.de/acs/public/villas/web/ synced 2025-03-09 00:00:01 +01:00

fix icon syntax in dashboard button group

This commit is contained in:
Sonja Happ 2019-11-26 11:19:05 +01:00
parent ab714e6896
commit 3b3448e111

View file

@ -22,6 +22,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Button } from 'react-bootstrap';
import Icon from "../common/icon";
class DashboardButtonGroup extends React.Component {
render() {
@ -38,17 +39,20 @@ class DashboardButtonGroup extends React.Component {
if (this.props.editing) {
buttons.push(
<Button key={key++} bsStyle="info" onClick={this.props.onSave} style={buttonStyle}>
<Button key={key++} onClick={this.props.onSave} style={buttonStyle}>
<Icon icon="info" />
<span class="glyphicon glyphicon-floppy-disk"></span> Save
</Button>,
<Button key={key++} bsStyle="info" onClick={this.props.onCancel} style={buttonStyle}>
<Button key={key++} onClick={this.props.onCancel} style={buttonStyle}>
<Icon icon="info" />
<span class="glyphicon glyphicon-remove" ></span> Cancel
</Button>
);
} else {
if (this.props.fullscreen !== true) {
buttons.push(
<Button key={key++} bsStyle="info" onClick={this.props.onFullscreen} style={buttonStyle}>
<Button key={key++} onClick={this.props.onFullscreen} style={buttonStyle}>
<Icon icon="info" />
<span className="glyphicon glyphicon-resize-full"></span> Fullscreen
</Button>
);
@ -56,20 +60,23 @@ class DashboardButtonGroup extends React.Component {
if (this.props.paused) {
buttons.push(
<Button key={key++} bsStyle="info" onClick={this.props.onUnpause} style={buttonStyle}>
<Button key={key++} onClick={this.props.onUnpause} style={buttonStyle}>
<Icon icon="info" />
<span className="glyphicon glyphicon-play"></span> Live
</Button>
);
} else {
buttons.push(
<Button key={key++} bsStyle="info" onClick={this.props.onPause} style={buttonStyle}>
<Button key={key++} onClick={this.props.onPause} style={buttonStyle}>
<Icon icon="info" />
<span className="glyphicon glyphicon-pause"></span> Pause
</Button>
);
}
buttons.push(
<Button key={key++} bsStyle="info" onClick={this.props.onEdit} style={buttonStyle}>
<Button key={key++} onClick={this.props.onEdit} style={buttonStyle}>
<Icon icon="info" />
<span className="glyphicon glyphicon-pencil"></span> Pause
</Button>
);