2017-03-15 11:48:56 +01:00
|
|
|
/**
|
2017-04-21 17:19:41 +02:00
|
|
|
*
|
|
|
|
* PluginHeader
|
|
|
|
*
|
|
|
|
*/
|
2017-03-15 11:48:56 +01:00
|
|
|
|
2017-09-26 16:36:28 +02:00
|
|
|
import React from 'react';
|
2017-09-20 11:12:04 +02:00
|
|
|
import PropTypes from 'prop-types';
|
2017-03-15 11:48:56 +01:00
|
|
|
import PluginHeaderTitle from 'components/PluginHeaderTitle';
|
2017-04-21 17:19:41 +02:00
|
|
|
import PluginHeaderActions from 'components/PluginHeaderActions';
|
2017-03-15 11:48:56 +01:00
|
|
|
|
|
|
|
import styles from './styles.scss';
|
|
|
|
|
|
|
|
class PluginHeader extends React.Component { // eslint-disable-line react/prefer-stateless-function
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div className={`${styles.pluginHeader} row`}>
|
2017-09-19 13:56:51 +02:00
|
|
|
<div className="col-lg-7">
|
2017-06-08 17:16:20 +01:00
|
|
|
<PluginHeaderTitle
|
|
|
|
title={this.props.title}
|
|
|
|
description={this.props.description}
|
|
|
|
/>
|
|
|
|
</div>
|
2017-08-31 16:00:45 +02:00
|
|
|
<div className="col-lg-2 justify-content-end">
|
|
|
|
<PluginHeaderActions
|
2017-08-31 17:26:44 +02:00
|
|
|
actions={this.props.subActions || []}
|
2017-08-31 16:00:45 +02:00
|
|
|
/>
|
|
|
|
</div>
|
2017-09-19 13:56:51 +02:00
|
|
|
<div className="col-lg-3 justify-content-end">
|
2017-06-08 17:16:20 +01:00
|
|
|
<PluginHeaderActions
|
2017-08-31 17:26:44 +02:00
|
|
|
actions={this.props.actions || []}
|
2017-06-08 17:16:20 +01:00
|
|
|
/>
|
2017-03-15 11:48:56 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
PluginHeader.propTypes = {
|
2017-09-20 11:12:04 +02:00
|
|
|
actions: PropTypes.array.isRequired,
|
|
|
|
subActions: PropTypes.array,
|
|
|
|
description: PropTypes.object.isRequired,
|
|
|
|
title: PropTypes.object.isRequired,
|
2017-03-15 11:48:56 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
export default PluginHeader;
|