1
0
mirror of https://github.com/ascribe/onion.git synced 2024-06-29 00:58:03 +02:00

remove border from piece list item

This commit is contained in:
Tim Daubenschütz 2015-07-09 16:09:53 +02:00
parent 773d42a3b8
commit c538cd757e
2 changed files with 41 additions and 49 deletions

View File

@ -21,34 +21,26 @@ let AccordionListItemTable = React.createClass({
}, },
render() { render() {
if(this.props.show && this.props.itemList) { return (
return ( <Table
<Table responsive
responsive className="ascribe-table"
className="ascribe-table" columnList={this.props.columnList}
columnList={this.props.columnList} itemList={this.props.itemList}
itemList={this.props.itemList} changeOrder={this.props.changeOrder}
changeOrder={this.props.changeOrder} orderBy={this.props.orderBy}
orderBy={this.props.orderBy} orderAsc={this.props.orderAsc}>
orderAsc={this.props.orderAsc}> {this.props.itemList.map((item, i) => {
{this.props.itemList.map((item, i) => { return (
return ( <TableItemSelectable
<TableItemSelectable className="ascribe-table-item-selectable"
className="ascribe-table-item-selectable" key={i}
key={i} selectItem={this.props.selectItem}
selectItem={this.props.selectItem} parentId={this.props.parentId}/>
parentId={this.props.parentId}/> );
); })}
})} </Table>
</Table> );
);
} else {
return (
<div className={this.props.className}>
{this.props.children}
</div>
);
}
} }
}); });

View File

@ -179,27 +179,27 @@ let AccordionListItemTableEditions = React.createClass({
let loadingSpinner = <span className="glyph-ascribe-spool-chunked ascribe-color spin"/>; let loadingSpinner = <span className="glyph-ascribe-spool-chunked ascribe-color spin"/>;
return ( if(show && editionsForPiece && editionsForPiece.length > 0) {
<div className={this.props.className}> return (
{/* <AccordionListItemTableToggle <div className={this.props.className}>
className="ascribe-accordion-list-table-toggle" <AccordionListItemTable
onClick={this.toggleTable} parentId={this.props.parentId}
message={show && typeof editionsForPiece !== 'undefined' ? <span><span className="glyphicon glyphicon-menu-up" aria-hidden="true" style={{top: 2}}></span> {getLangText('Hide editions')}</span> : <span><span className="glyphicon glyphicon-menu-down" aria-hidden="true" style={{top: 2}}></span> {getLangText('Show editions')} {show && typeof editionsForPiece === 'undefined' ? loadingSpinner : null}</span>} /> */} itemList={editionsForPiece}
<AccordionListItemTable columnList={columnList}
parentId={this.props.parentId} show={show}
itemList={editionsForPiece} orderBy={orderBy}
columnList={columnList} orderAsc={orderAsc}
show={show} changeOrder={this.changeEditionListOrder}
orderBy={orderBy} selectItem={this.selectItem}/>
orderAsc={orderAsc} <AccordionListItemTableToggle
changeOrder={this.changeEditionListOrder} className="ascribe-accordion-list-table-toggle"
selectItem={this.selectItem}/> onClick={this.loadFurtherEditions}
<AccordionListItemTableToggle message={show && showExpandOption ? <span><span className="glyphicon glyphicon-option-horizontal" aria-hidden="true" style={{top: 3}}></span> Show me more {this.state.showMoreLoading ? loadingSpinner : null}</span> : ''} />
className="ascribe-accordion-list-table-toggle" </div>
onClick={this.loadFurtherEditions} );
message={show && showExpandOption ? <span><span className="glyphicon glyphicon-option-horizontal" aria-hidden="true" style={{top: 3}}></span> Show me more {this.state.showMoreLoading ? loadingSpinner : null}</span> : ''} /> } else {
</div> return null;
); }
} }
}); });