</span>
<AutoSuggest
theme={theme}
suggestions={this.props.suburbs}
onSuggestionsUpdateRequested={this.onSuggestionsUpdateRequested}
onSuggestionSelected={this.onSuggestionSelected}
getSuggestionValue={this.getSuggestionValue}
renderSuggestion={this.renderSuggestion}
inputProps={inputProps}
/>
<span className="input-group-btn">
<button className="btn btn-default" onClick={this.handleSubmit}>
<span className="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
)
}
}
SearchBox.propTypes = {
filters: React.PropTypes.object,
ajaxAnimationClass: React.PropTypes.string,
suburbs: React.PropTypes.array
}
export default connectToStores(SearchBox)
let nextButton = null;
if (mongo.success && git.success && hexo.success) {
nextButton = (
<div className="custom-guide-next-button">
<button className="mini ui teal right labeled icon button "><i className="right arrow icon"></i>
Next
</button>
</div> );
}
return (
<div className="ui text">
<h1>Mongo {mongoStatus}</h1>
<p>
{mongoMsg}
</p>
<h1>Git { gitStatus }</h1>
<p>
{gitMsg}
</p>
<h1>Hexo{ hexoStatus }</h1>
{hexoMsg}
{nextButton}
</div>
)
}
}
export default connectToStore(StepOne);
render() {
if (!this.props.initialized) {
return <Loader />;
}
return (
<div className="row">
<div className="col-md-12">
<h2>My Races</h2>
</div>
{
_.map(this.props.races, (race) => this.renderRaceBucket(race))
}
</div>
);
}
renderRaceBucket(race) {
return (
<div className="col-md-4" key={race.id}>
<h3>{race.event_name}</h3>
<h4>ID: {race.id}</h4>
<p>{race.race_class}</p>
<p><Link to={`/race/${race.id}`} className="btn btn-default" role="button">View stream results »</Link></p>
</div>
);
}
}
export default connectToStores(Races);
}
static getPropsFromStores() {
return AppStore.getState();
}
render() {
const props = this.props;
if (!props.initialized) {
return null;
}
return (
<div className="countainer-fluid">
<Helmet title="RaceHub" />
<Header user={props.user} />
<div className="container">
<div className="row">
{this.props.children}
</div>
<Footer />
</div>
<NotificationContainer />
</div>
);
}
}
export default connectToStores(App);
static getPropsFromStores() {
return ApplicationStore.getState();
}
constructor(props) {
debug('constructor');
super(props);
}
componentDidMount() {
debug('componentDidMount');
ApplicationActions.setLoading(false);
}
componentDidUpdate() {
debug('componentDidUpdate');
}
render() {
return (
<SparkApplicationComponent style={styles.Page} loading={this.props.loading}>
<Header />
{this.props.children}
</SparkApplicationComponent>
);
}
}
export default connectToStores(Application);
/>
<div className="row">
{propertyNodes}
</div>
<div id="react-paginate">
<ReactPaginate previousLabel={<Translate content="pagination.previous" />}
nextLabel={<Translate content="pagination.next" />}
breakLabel={<li className="break"><a href="">...</a></li>}
pageNum={Math.ceil(this.props.propertiesCount / this.props.limit)}
marginPagesDisplayed={2}
pageRangeDisplayed={5}
clickCallback={this.handlePageClick}
containerClassName={"pagination"}
subContainerClassName={"pages pagination"}
activeClassName={"active"}
/>
</div>
</div>
</div>
)
}
}
Home.propTypes = {
limit: React.PropTypes.number,
properties: React.PropTypes.array,
propertiesCount: React.PropTypes.number
}
export default connectToStores(Home)
renderExtraSmall() {
return (
<div className="my-class-3">
<div>Extra Small</div>
</div>
)
}
renderSmall() {
return (
<div className="my-class-2">
<div>Small</div>
<div>less stuff</div>
</div>
)
}
renderDesktop() {
return (
<div className="my-class">
<div>Desktop</div>
<div>All the stuff</div>
<div>that bigger screens</div>
<div>can have</div>
</div>
)
}
}
export default connectToStores(Example2)
/>
</Col>
</Row>
</ChunkWrapper>
);
return(<DocumentTitle title={title}>
<div>
<ChunkWrapper component="header">
{updating}
<Header
title={'The Highlights'}
subHeading={`Stories viewed between 00:00 and 23:59 GMT on ${top5Date}`}
/>
</ChunkWrapper>
{top5TimeSpentOnPage}
{top5keptOnft}
{top5MostCommented}
{top5PageViews}
{top5SocialMedia}
{top5SearchEngines}
</div>
</DocumentTitle>)
}
}
export default connectToStores(TopArticlesView);
class ArticleItem extends Component {
render() {
return (
<div id="article-list-item" className="item ">
<div className="right floated content">
<div className="ui vertical animated tiny blue basic button" tabIndex="0">
<div className="hidden content">Edit</div>
<div className="visible content">
<i className="edit icon"></i>
</div>
</div>
<div className="ui vertical animated mini red basic button" tabIndex="0">
<div className="hidden content">Delete</div>
<div className="visible content">
<i className="trash icon"></i>
</div>
</div>
</div>
<i className="large github middle aligned icon"></i>
<div className="content">
<a className="header">{this.props.title}</a>
<div className="tags">tags: {this.props.tag}</div>
</div>
</div>
)
}
}
export default connectToStores(ArticleList);
<DatePicker hintText="To Date"
mode="landscape"
textFieldStyle={styles.datepickerTextField}
defaultDate={new Date()}
minDate={this.props.minDate}
maxDate={new Date()}
formatDate={formatDate}
onChange={this.dateToChange}/>
</div>
</div>
</div>
);
}
}
export default connectToStores(CommentOptions);
var styles = {
optionsDiv: {
padding: '10px 10px 10px 40px',
},
toggleBtn: {
marginRight: 10,
},
datepickerSpan: {
display: 'inline-block',
marginLeft: 30,
marginRight: 8,
fontWeight: 'bold'
},
datepickerDiv: {
<div id="react-paginate">
<ReactPaginate previousLabel={<Translate content="pagination.previous" />}
nextLabel={<Translate content="pagination.next" />}
breakLabel={<li className="break"><a href="">...</a></li>}
pageNum={Math.ceil(this.props.propertiesCount / config.perPage)}
marginPagesDisplayed={2}
pageRangeDisplayed={5}
clickCallback={this.handlePageClick}
containerClassName={"pagination"}
subContainerClassName={"pages pagination"}
activeClassName={"active"}
forceSelected={parseInt(this.props.location.query.offset, 10) / config.perPage}
/>
</div>
</div>
</div>
</div>
)
}
}
SearchResult.propTypes = {
jumpFlag: React.PropTypes.bool,
filters: React.PropTypes.object,
propertiesCount: React.PropTypes.number,
properties: React.PropTypes.array,
location: React.PropTypes.object
}
export default connectToStores(SearchResult)
category={'date'}
yLabel={'Page Views'}
xLabel='Time'
realtime
cols={12}
/>
</Col>
</Row>
</ChunkWrapper>
</div>
</DocumentTitle>
);
}
}
SectionRealtimeView.defaultProps = {
topicsCovered : null,
totalPageViews : null,
articlesPublished : null,
pageViews : [],
articleList: [],
section: null,
timespan: '24h',
isLive: false
}
export default connectToStores(SectionRealtimeView);