2017-01-12 18:13:45 +02:00
|
|
|
const React = require('react');
|
|
|
|
|
2017-01-12 19:06:55 +02:00
|
|
|
const MetricsOutlet = require('@components/metrics-outlet');
|
2017-01-12 18:13:45 +02:00
|
|
|
const PropTypes = require('@root/prop-types');
|
|
|
|
const List = require('@ui/components/list');
|
|
|
|
|
|
|
|
const {
|
|
|
|
ListItem,
|
|
|
|
ListItemView,
|
|
|
|
ListItemMeta,
|
|
|
|
ListItemTitle,
|
2017-01-12 19:06:55 +02:00
|
|
|
ListItemOptions
|
2017-01-12 18:13:45 +02:00
|
|
|
} = List;
|
|
|
|
|
|
|
|
const InstanceItem = ({
|
|
|
|
instance = {},
|
|
|
|
toggleCollapsed = () => null
|
|
|
|
}) => (
|
|
|
|
<ListItem collapsed={!instance.collapsed} key={instance.uuid} >
|
|
|
|
<ListItemView>
|
|
|
|
<ListItemMeta onClick={toggleCollapsed}>
|
|
|
|
<ListItemTitle>{instance.name}</ListItemTitle>
|
|
|
|
</ListItemMeta>
|
2017-01-12 19:06:55 +02:00
|
|
|
<MetricsOutlet datasets={instance.metrics} />
|
2017-01-12 18:13:45 +02:00
|
|
|
</ListItemView>
|
|
|
|
<ListItemOptions>
|
|
|
|
…
|
|
|
|
</ListItemOptions>
|
|
|
|
</ListItem>
|
|
|
|
);
|
|
|
|
|
|
|
|
InstanceItem.propTypes = {
|
|
|
|
instance: PropTypes.instance,
|
|
|
|
toggleCollapsed: React.PropTypes.func
|
|
|
|
};
|
|
|
|
|
|
|
|
module.exports = InstanceItem;
|