now displaying traits on item details page

2015-02-03 06:27:54 +01:00
parent 105f712e02
commit 9f31dad26f
6 changed files with 55 additions and 22 deletions
--- a/front-ui/app/components/items/traits.js
+++ b/front-ui/app/components/items/traits.js
@@ -0,0 +1,27 @@
+var React = require('react');
+
+var Traits = React.createClass({
+    render: function() {
+
+      var traitsPresentation = [];
+      var traits = (this.props.traits || {});
+      for(var traitKey in traits )  {
+        if(traits.hasOwnProperty(traitKey)) {
+          var traitValue = this.props.traits[traitKey];
+          traitsPresentation.push( <div className="single_trait">{traitKey}: {traitValue}</div>   );
+        }
+      }
+
+      console.log(traitsPresentation); 
+      return (    
+        <div className="row-fluid">
+           <div className="span12"> 
+               {traitsPresentation}
+           </div>        
+        </div>  
+        );
+    }
+});
+
+
+module.exports = Traits;