render() { const filters = this.getFilters(); return ( <ul className="sidebar-filter sidebar__item"> <li className="sidebar-filter__item sidebar-filter__item--heading"> <FormattedMessage id="filter.status.title" defaultMessage="Filter by Status" /> </li> {filters} </ul> ); }
tags.map(tag => ( <li className="torrent__tag" key={tag}> {tag} </li> ))
const DiskUsageTooltipItem = ({label, value}) => { return ( <li className="diskusage__details-list__item"> <label className="diskusage__details-list__label">{label}</label> <Size className="diskuage__size-used" value={value} /> </li> ); }
logs.map(function(log) { var text = 'Date: ' + util.toLocaleString(new Date(log.date)) + '\r\n' + log.text; var hide = (log.hide || (level && !hide && log.level !== level)) ? ' hide' : ''; return ( <li key={log.id} title={log.level.toUpperCase()} className={'w-' + log.level + hide}> <pre> {text && text.length >= 2100 ? <ExpandCollapse text={text} /> : text} </pre> </li> ); })
render() { const disks = this.getDisks(); if (disks.length === 0) { return null; } return ( <ul className="sidebar-filter sidebar__item"> <li className="sidebar-filter__item sidebar-filter__item--heading"> <FormattedMessage id="status.diskusage.title" defaultMessage="Disk Usage" /> </li> {disks} </ul> ); }
getNavigationItems(items) { return items.map(item => { const classes = classnames(this.props.itemClassName, { [this.props.selectedClassName]: item.slug === this.state.selectedItem, }); return ( <li className={classes} key={item.slug} onClick={this.handleItemClick.bind(this, item)}> {item.label} </li> ); }); }
const Tab = ({ name, isActive, setActiveTab, path, closeTab }) => { return ( <li className={"texteditor tab " + (isActive? "active" : "")} onClick={() => { setActiveTab(path); }} > <div className={"title " + getCssClassByFileExt(getFileExt(name))}>{name}</div> <div className="close-icon" onClick={(event) => { closeTab(path, event); }} /> </li> ); }
const GameList = (props) => { const gameList = props.gameList; const listElements = gameList.map(game => ( <li key={game.createdAt}>{game.winner} won at {game.createdAt}</li> )); return ( <div id="gameList"> <h3>Previous matches</h3> <ul> {listElements} </ul> </div> ); }
getRulesList() { const {rules} = this.props; if (rules.length === 0) { return ( <ul className="interactive-list"> <li className="interactive-list__item"> <FormattedMessage defaultMessage="No rules defined." id="rules.no.rules.defined" /> </li> </ul> ); } const rulesList = rules.map(rule => this.getRulesListItem(rule)); return <ul className="interactive-list">{rulesList}</ul>; }
logs.map(function(log) { var logId = log.logId; logId = logId ? ' (LogID: ' + logId + ')' : ''; var date = 'Date: ' + util.toLocaleString(new Date(log.date)) + logId + '\r\n'; var hide = (log.hide || (level && !hide && log.level !== level)) ? ' hide' : ''; return ( <li key={log.id} title={log.level.toUpperCase()} className={'w-' + log.level + hide}> <pre> {date} {parseLog(log, expandRoot)} </pre> </li> ); })
render() { if (!this.hasTags()) { return null; } return ( <ul className="sidebar-filter sidebar__item"> <li className="sidebar-filter__item sidebar-filter__item--heading"> <FormattedMessage id="filter.tag.title" defaultMessage="Filter by Tag" /> </li> {this.getFilters()} </ul> ); }
hintList.map(function(key) { return <li key={key} onClick={self.onClick} title={key}>{key}</li>; })
getFeedsList() { const {feeds} = this.props; if (feeds.length === 0) { return ( <ul className="interactive-list"> <li className="interactive-list__item"> <FormattedMessage defaultMessage="No feeds defined." id="feeds.no.feeds.defined" /> </li> </ul> ); } const feedsList = feeds.map(feed => this.getFeedsListItem(feed)); return <ul className="interactive-list feed-list">{feedsList}</ul>; }
getTags(tags) { return tags.map(tag => ( <li className="torrent__tag" key={tag}> {tag} </li> )); }