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> ); })
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>); } })
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> ); })
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> )
return <td key={i + '.' + j}>{value}</td>; })
<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}> <input type="checkbox" title={ndp ? 'Not allowed disable plugins' : (disabled ? 'Disabled' : (checked ? 'Disable ' : 'Enable ') + name)} data-name={name} checked={ndp || checked} disabled={!ndp && disabled} onChange={self.props.onChange} className={ndp ? 'w-not-allowed' : undefined} /> </td> <td className="w-plugins-date">{util.toLocaleString(new Date(plugin.mtime))}</td> <td className="w-plugins-name" title={plugin.moduleName}><a href={url} target="_blank" data-name={name} onClick={plugin.pluginHomepage ? null : self.onOpen}>{name}</a></td> <td className="w-plugins-version"> {plugin.homepage ? <a href={plugin.homepage} target="_blank">{plugin.version}</a> : plugin.version} {hasNew ? (plugin.homepage ? <a className="w-new-version" href={plugin.homepage} target="_blank">{hasNew}</a> : <span className="w-new-version">{hasNew}</span>) : undefined} </td> <td className="w-plugins-operation"> <a href={url} target="_blank" data-name={name} className="w-plugin-btn" onClick={plugin.pluginHomepage ? null : self.onOpen}>Option</a> {(plugin.rules || plugin._rules || plugin.resRules) ? <a draggable="false" data-name={name} onClick={self.showRules}>Rules</a> : <span className="disabled">Rules</span>} target="_blank">Help</a> : <span className="disabled">Help</span>} </td> <td className="w-plugins-desc" title={plugin.description}>{plugin.description}</td> </tr> );
return <td className={clazzMap[typeof cell]}>{this.getCellString(cell)}</td> })
<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> <FuelSavingsTextInput onChange={onChange} </tr> <tr>
<tr> <th className="w-composer-history-order">{i + 1}</th> <td className="w-composer-history-date" title={date}>{date}</td> <td className="w-composer-history-method" title={item.method}>{item.method}</td> <td className="w-composer-history-url" title={item.url}><strong>{item.useH2 ? '[H2]' : undefined}</strong>{item.url}</td> <td className="w-composer-history-body" title={item.body}>{item.bodyStr}</td> <td className="w-composer-history-operation"> <button title="Replay" data-index={i} onClick={self.onReplay} className="btn btn-primary"> <span data-index={i} className="glyphicon glyphicon-repeat"></span>
<td colSpan="6"> <Loading message="loading crates..."/> </td> ? list.map(({ id, image, name, description, createdAt, updatedAt }) => ( <tr key={id}> <td> { name } </td> <td> { description } </td> <td> { new Date(parseInt(createdAt)).toDateString() } </td> <td> { new Date(parseInt(updatedAt)).toDateString() } </td> <td style={{ textAlign: 'center' }}> <Link to={admin.crateEdit.path(id)}> <Icon size={2} style={{ color: black }}>mode_edit</Icon> )) : <tr> <td colSpan="6">
<tbody> <tr> <td className="fuel-savings-label">{resultLabel}</td> <td> <table> <tbody> <tr> <td>Monthly</td> <td>1 Year</td> <td>3 Year</td> </tr> <tr> <td className={savingsClass}>{savings.monthly}</td> <td className={savingsClass}>{savings.annual}</td> <td className={savingsClass}>{savings.threeYear}</td> </tr> </tbody>
<td colSpan="6"> <Loading message="loading crates..."/> </td> ? list.map(({id, user, crate, createdAt}) => ( <tr key={id}> <td> { crate.name } </td> <td> { user.name } - { user.email } </td> <td> { new Date(parseInt(createdAt)).toDateString() } </td> )) : <tr> <td colSpan="6"> <EmptyMessage message="No subscriptions to show."/> </td>
<td colSpan="6"> <Loading message="loading crates..."/> </td> ? list.map(({id, user, crate, createdAt}) => ( <tr key={id}> <td> { crate.name } </td> <td> { user.name } - { user.email } </td> <td> { new Date(parseInt(createdAt)).toDateString() } </td> )) : <tr> <td colSpan="6"> <EmptyMessage message="No subscriptions to show."/> </td>
<td colSpan="6"> <Loading message="loading crates..."/> </td> ? list.map(({ id, image, name, description, createdAt, updatedAt }) => ( <tr key={id}> <td> { name } </td> <td> { description } </td> <td> { new Date(parseInt(createdAt)).toDateString() } </td> <td> { new Date(parseInt(updatedAt)).toDateString() } </td> <td style={{ textAlign: 'center' }}> <Link to={admin.crateEdit.path(id)}> <Icon size={2} style={{ color: black }}>mode_edit</Icon> )) : <tr> <td colSpan="6">