ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 10:25:08 +01:00
Code Issues Releases Wiki Activity

fix step 1

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-05-21 14:03:56 +02:00
parent 9506cf3b1b
commit 14728af9f1
3 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/components/table.js
View File

@ -10,10 +10,9 @@ let Table = React.createClass({
}, },
render() { render() {
if(this.props.itemList && this.props.itemList.length > 0) { if(this.props.itemList && this.props.itemList.length > 0) {
return ( return (
<div className="ascribe-table"> <div className="ascribe-table">
<TableHeader columnMap={this.props.columnMap} itemList={this.props.itemList} fetchList={this.props.fetchList} orderAsc={this.props.orderAsc} /> <TableHeader columnMap={this.props.columnMap} itemList={this.props.itemList} fetchList={this.props.fetchList} orderAsc={this.props.orderAsc} orderBy={this.props.orderBy} />
{this.props.itemList.map((item, i) => { {this.props.itemList.map((item, i) => {
return ( return (
<TableItem columnMap={this.props.columnMap} columnContent={item} key={i} /> <TableItem columnMap={this.props.columnMap} columnContent={item} key={i} />

6
js/components/table_header.js
View File

@ -10,7 +10,8 @@ let TableHeader = React.createClass({
columnMap: React.PropTypes.object.isRequired, columnMap: React.PropTypes.object.isRequired,
itemList: React.PropTypes.array.isRequired, itemList: React.PropTypes.array.isRequired,
fetchList: React.PropTypes.func.isRequired, fetchList: React.PropTypes.func.isRequired,
orderAsc: React.PropTypes.bool.isRequired orderAsc: React.PropTypes.bool.isRequired,
orderBy: React.PropTypes.string.isRequired
}, },
sortIndex(i) { sortIndex(i) {
@ -31,9 +32,8 @@ let TableHeader = React.createClass({
let columnMapValuesList = GeneralUtils.valuesOfObject(this.props.columnMap); let columnMapValuesList = GeneralUtils.valuesOfObject(this.props.columnMap);
let calcHeaderText = (val, i, columnClass) => { let calcHeaderText = (val, i, columnClass) => {
let s = "";
if(columnMapValuesList[i].canBeOrdered) { if(columnMapValuesList[i].canBeOrdered && Object.keys(this.props.columnMap)[i] === this.props.orderBy) {
let boundClick = this.sortIndex.bind(this, i); let boundClick = this.sortIndex.bind(this, i);
let carretDirection = 'glyphicon-triangle-'; let carretDirection = 'glyphicon-triangle-';

9
js/components/table_header_item.js Normal file
View File

@ -0,0 +1,9 @@
import React from 'react';
let TableHeaderItem = React.createClass({
mixins: [TableColumnMixin],
render() {
return()
}
});