github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-07-28 17:51:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Upgraded eslint & eslint-config-airbnb"

Browse Source
This commit is contained in:
David
2016-12-12 16:06:13 +01:00
committed by GitHub
parent 0921af04d5
commit 99bfab89b7
71 changed files with 506 additions and 640 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
client/app/scripts/components/plugins.js
View File

@@ -3,25 +3,24 @@ import { connect } from 'react-redux';
import classNames from 'classnames';
import ReactTooltip from 'react-tooltip';
const Plugin = ({id, label, description, status}) => {
const error = status !== 'ok';
const className = classNames({ error });
const title = `Plugin description: ${description}<br />Status: ${status}`;
// Inner span to hold styling so we don't effect the "before:content"
return (
<span className="plugins-plugin" key={id}>
<span className={className} data-tip={title} data-multiline>
{error && <span className="plugins-plugin-icon fa fa-exclamation-circle" />}
{label || id}
</span>
<ReactTooltip class="tooltip" effect="solid" offset={{right: 7}} />
</span>
);
};
class Plugins extends React.Component {
renderPlugin({id, label, description, status}) {
const error = status !== 'ok';
const className = classNames({ error });
const title = `Plugin description: ${description}<br />Status: ${status}`;
// Inner span to hold styling so we don't effect the "before:content"
return (
<span className="plugins-plugin" key={id}>
<span className={className} data-tip={title} data-multiline>
{error && <span className="plugins-plugin-icon fa fa-exclamation-circle" />}
{label || id}
</span>
<ReactTooltip class="tooltip" effect="solid" offset={{right: 7}} />
</span>
);
}
render() {
const hasPlugins = this.props.plugins && this.props.plugins.size > 0;
return (
@@ -29,7 +28,8 @@ class Plugins extends React.Component {
<span className="plugins-label">
Plugins:
</span>
{hasPlugins && this.props.plugins.toIndexedSeq().map(plugin => Plugin(plugin.toJS()))}
{hasPlugins && this.props.plugins.toIndexedSeq()
.map(plugin => this.renderPlugin(plugin.toJS()))}
{!hasPlugins && <span className="plugins-empty">n/a</span>}
</div>
);