2015-06-05 11:06:36 +02:00
|
|
|
'use strict';
|
|
|
|
|
2015-05-29 16:28:05 +02:00
|
|
|
import React from 'react';
|
2015-10-19 10:30:14 +02:00
|
|
|
import { Link } from 'react-router';
|
2015-07-01 15:28:48 +02:00
|
|
|
|
2015-10-09 02:00:02 +02:00
|
|
|
|
2015-05-29 16:28:05 +02:00
|
|
|
let AccordionListItem = React.createClass({
|
|
|
|
propTypes: {
|
2015-08-11 12:06:01 +02:00
|
|
|
badge: React.PropTypes.object,
|
2015-05-29 16:28:05 +02:00
|
|
|
className: React.PropTypes.string,
|
2015-08-11 12:06:01 +02:00
|
|
|
thumbnail: React.PropTypes.object,
|
|
|
|
heading: React.PropTypes.object,
|
|
|
|
subheading: React.PropTypes.object,
|
|
|
|
subsubheading: React.PropTypes.object,
|
|
|
|
buttons: React.PropTypes.object,
|
2015-10-21 11:34:12 +02:00
|
|
|
linkData: React.PropTypes.string,
|
2015-08-11 12:06:01 +02:00
|
|
|
children: React.PropTypes.oneOfType([
|
|
|
|
React.PropTypes.arrayOf(React.PropTypes.element),
|
|
|
|
React.PropTypes.element
|
|
|
|
])
|
2015-05-29 16:28:05 +02:00
|
|
|
},
|
2015-07-09 14:04:48 +02:00
|
|
|
|
2015-05-29 16:28:05 +02:00
|
|
|
render() {
|
2016-01-11 19:06:50 +01:00
|
|
|
const {
|
|
|
|
linkData,
|
|
|
|
className,
|
|
|
|
thumbnail,
|
|
|
|
heading,
|
|
|
|
subheading,
|
|
|
|
subsubheading,
|
|
|
|
buttons,
|
|
|
|
badge,
|
|
|
|
children } = this.props;
|
2015-07-09 17:28:21 +02:00
|
|
|
|
2015-05-29 16:28:05 +02:00
|
|
|
return (
|
2015-06-01 11:51:03 +02:00
|
|
|
<div className="row">
|
2015-10-19 10:30:14 +02:00
|
|
|
<div className={className}>
|
2015-06-01 11:51:03 +02:00
|
|
|
<div className="wrapper">
|
2015-10-09 02:00:02 +02:00
|
|
|
<div className="pull-left">
|
2015-10-19 10:30:14 +02:00
|
|
|
<Link to={linkData}>
|
2015-10-09 13:14:29 +02:00
|
|
|
<div className="thumbnail-wrapper">
|
2015-10-19 10:30:14 +02:00
|
|
|
{thumbnail}
|
2015-10-09 13:14:29 +02:00
|
|
|
</div>
|
|
|
|
</Link>
|
2015-07-01 13:54:58 +02:00
|
|
|
</div>
|
2015-10-09 13:14:29 +02:00
|
|
|
<div className="accordion-list-item-header">
|
2015-10-19 10:30:14 +02:00
|
|
|
<Link to={linkData}>
|
|
|
|
{heading}
|
2015-10-09 13:14:29 +02:00
|
|
|
</Link>
|
2015-10-19 10:30:14 +02:00
|
|
|
<Link to={linkData}>
|
|
|
|
{subheading}
|
|
|
|
{subsubheading}
|
2015-10-09 13:14:29 +02:00
|
|
|
</Link>
|
|
|
|
<div className="accordion-list-item-buttons">
|
2015-10-19 10:30:14 +02:00
|
|
|
{buttons}
|
2015-10-09 13:14:29 +02:00
|
|
|
</div>
|
2015-10-09 02:00:02 +02:00
|
|
|
</div>
|
2015-10-09 13:14:29 +02:00
|
|
|
|
2015-06-01 11:51:03 +02:00
|
|
|
<span style={{'clear': 'both'}}></span>
|
2015-07-15 15:54:37 +02:00
|
|
|
|
2015-08-27 13:43:26 +02:00
|
|
|
<div className="request-action-badge">
|
2015-10-19 10:30:14 +02:00
|
|
|
{badge}
|
2015-07-01 19:05:47 +02:00
|
|
|
</div>
|
2015-05-29 16:28:05 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2015-10-19 10:30:14 +02:00
|
|
|
{children}
|
2015-06-01 11:51:03 +02:00
|
|
|
</div>
|
2015-05-29 16:28:05 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
export default AccordionListItem;
|