From 0b4765aa5c2045019547fc70ecc12cb00d90f882 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= Date: Wed, 20 May 2015 12:09:35 +0200 Subject: [PATCH] layout basic table --- css/main.css | 0 index.html | 4 ++-- js/components/piece_list.js | 2 +- js/components/table.js | 10 +++------- js/components/table_item.js | 26 ++++++++++++++++++++------ 5 files changed, 26 insertions(+), 16 deletions(-) create mode 100644 css/main.css diff --git a/css/main.css b/css/main.css new file mode 100644 index 00000000..e69de29b diff --git a/index.html b/index.html index e2a684e3..33f8ce31 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,10 @@ ascribe - + -
+
diff --git a/js/components/piece_list.js b/js/components/piece_list.js index df29ea97..b819b4af 100644 --- a/js/components/piece_list.js +++ b/js/components/piece_list.js @@ -17,7 +17,7 @@ let PieceList = React.createClass({ render() { return ( - +
); } diff --git a/js/components/table.js b/js/components/table.js index cbfaf308..08a0433e 100644 --- a/js/components/table.js +++ b/js/components/table.js @@ -5,17 +5,13 @@ import TableItem from './table_item'; let Table = React.createClass({ render() { return ( - + ); } }); diff --git a/js/components/table_item.js b/js/components/table_item.js index 96d096da..57bdb602 100644 --- a/js/components/table_item.js +++ b/js/components/table_item.js @@ -2,13 +2,27 @@ import React from 'react'; let TableItem = React.createClass({ render() { + + let piece = this.props.piece; + let columnClasses = 'col-xs-3 col-sm-3 col-md-3 col-lg-3'; + return ( - +
+
+
+ +
+
+ {piece.artist_name} +
+
+ {piece.title} +
+
+ {piece.availableActions} +
+
+
); } });