files.map(function(file, i) { var filePath = '/$whistle/' + file.name; return ( <tr> <th className="w-files-order">{ i + 1 }</th> <td className="w-files-date">{file.date}</td> <td className="w-files-path">{filePath}</td> <td className="w-files-operation"> <a className="w-copy-text-with-tips" data-clipboard-text={filePath}>Copy path</a> <a data-name={file.name} onClick={self.downloadFile}>Download</a> <a data-name={file.name} onClick={self.remove}>Delete</a> </td> </tr> ); })
keys.map(function(name) { var item = modal[name]; return ( <tr key={name}> <th className={isHeader && highlight(item.name) ? 'w-bold' : undefined}>{item.name}</th> <td> <pre> {item.data ? <span className="glyphicon glyphicon-file"></span> : undefined} {item.data ? ' [' + util.getSize(item.size) + '] ' : undefined} {item.value} </pre> </td> <td className="w-props-ops"> <a data-name={name} onClick={self.onEdit} className="glyphicon glyphicon-edit" title="Edit"></a> <a data-name={name} onClick={self.onRemove} className="glyphicon glyphicon-remove" title="Delete"></a> </td> </tr> ); })
React.createClass({ render: function() { var p = this.props; var order = p.order; var draggable = p.draggable; var columnList = p.columnList; var item = p.item; var style = item.style; return (<table className="table" key={p.key} style={p.style}><tbody> <tr tabIndex="-1" draggable={draggable} data-id={item.id} className={getClassName(item)} style={ROW_STYLE}> <th className="order" scope="row" style={style}>{order}</th> {columnList.map(function(col) { var name = col.name; var className = col.className; var value = name === 'hostIp' ? util.getServerIp(item) : item[name]; var colStyle = getColStyle(col, style); return (<td key={name} className={className} style={colStyle} title={col.showTitle ? value : undefined}>{value}</td>); })} </tr> </tbody></table>); } })
const StarterKitsTable = props => ( <tbody className="table-body"> {Kits.map((kit, i) => ( <tr className="table-tr" key={i}> <td className="table-td"> <div className="table-td-content"> <Link to={kit.githubUrl}>{kit.githubRepoName}</Link> </div> </td> <td className="table-td"> <div className="table-td-content">{kit.githubUserName}</div> </td> <td className="table-td"> <div className="table-td-content"> {kit.tags.map((tag, i) => ( <span key={i} className="starter-kits__tag"> {tag} </span> ))} </div> </td> </tr> ))} </tbody> )
<tr> <th>Project Name</th> <th>Maintainer</th>
<tr key={i}>
<tr key={name} className={((!disabled && checked) ? '' : 'w-plugins-disable') + (hasNew ? ' w-has-new-version' : '')}> <th className="w-plugins-order" onDoubleClick={self.enableAllPlugins}>{i + 1}</th> <td className="w-plugins-active" onDoubleClick={self.enableAllPlugins}>
<tr> <th className="w-composer-history-order">{i + 1}</th> <td className="w-composer-history-date" title={date}>{date}</td>
<table> <tbody> <tr> <td><label htmlFor="newMpg">New Vehicle MPG</label></td> <td><FuelSavingsTextInput onChange={onChange} name="newMpg" value={fuelSavings.newMpg}/> </td> </tr> <tr> <td><label htmlFor="tradeMpg">Trade-in MPG</label></td> <td><FuelSavingsTextInput onChange={onChange} name="tradeMpg" value={fuelSavings.tradeMpg}/> </td> </tr> <tr> <td><label htmlFor="newPpg">New Vehicle price per gallon</label></td> <td><FuelSavingsTextInput onChange={onChange} name="newPpg" value={fuelSavings.newPpg}/> </td> </tr> <tr> <td><label htmlFor="tradePpg">Trade-in price per gallon</label></td> <td><FuelSavingsTextInput onChange={onChange} name="tradePpg" value={fuelSavings.tradePpg}/> </td> </tr> <tr> <td><label htmlFor="milesDriven">Miles Driven</label></td> <td> </td> </tr> <tr>
<tr key={tracker.url}> <td>{tracker.url}</td> <td>{trackerTypes[tracker.type - 1]}</td> <table className="torrent-details__table table"> <thead className="torrent-details__table__heading"> <tr> <th className="torrent-details__table__heading--primary"> <FormattedMessage id="torrents.details.trackers" defaultMessage="Trackers" />
<table className="striped"> <thead> <tr> <th>Name</th> <th>Description</th> ? <tr> <td colSpan="6"> <Loading message="loading crates..."/> : list.length > 0 ? list.map(({ id, image, name, description, createdAt, updatedAt }) => ( <tr key={id}> <td> { name } </tr> )) : <tr> <td colSpan="6"> <EmptyMessage message="No crates to show."/>
<table className="striped"> <thead> <tr> <th>Crate</th> <th>User</th> ? <tr> <td colSpan="6"> <Loading message="loading crates..."/> : list.length > 0 ? list.map(({id, user, crate, createdAt}) => ( <tr key={id}> <td> { crate.name } </tr> )) : <tr> <td colSpan="6"> <EmptyMessage message="No subscriptions to show."/>
<table className="striped"> <thead> <tr> <th>Crate</th> <th>User</th> ? <tr> <td colSpan="6"> <Loading message="loading crates..."/> : list.length > 0 ? list.map(({id, user, crate, createdAt}) => ( <tr key={id}> <td> { crate.name } </tr> )) : <tr> <td colSpan="6"> <EmptyMessage message="No subscriptions to show."/>