reorganized stuff

front-ui/app/components/browsing/byCategory.js

@@ -0,0 +1,13 @@
+var React = require('react');
+
+var ByCategory = React.createClass({
+    render: function() {
+        return (
+            <div>
+            <h3> Browse products by category</h3>
+            </div>
+            );
+    }
+});
+
+module.exports = ByCategory;

front-ui/app/components/browsing/bySection.js

@@ -0,0 +1,19 @@
+var React = require('react'),
+    Router = require('react-router');
+
+var BySection = React.createClass({
+    mixins: [Router.State],
+    render : function() {
+        return ( <div>
+
+            <div className='col-md-2'> 
+                Here goes section for refining search, by section
+            </div>
+            <div className='col-md-10'>
+                <h2> Welcome to section {this.getParams().id} </h2>
+            </div>
+            </div> )
+    }
+});
+
+module.exports = BySection;

front-ui/app/components/items/itemPage.js

@@ -0,0 +1,13 @@
+var React = require('react')
+    ItemWithDetailsPage = require('../itemWithDetailsPage');
+var ItemPage = React.createClass({
+    render: function() {
+        return (
+            <div>
+              <ItemWithDetailsPage />
+            </div>
+            );
+    }
+});
+
+module.exports = ItemPage;

front-ui/app/components/rootApp.js

@@ -0,0 +1,34 @@
+var React = require('react'),
+    SectionsListComponent = require('./sectionsListComponent'),
+    Router = require('react-router'),
+    RouteHandler = Router.RouteHandler;
+
+var RootApp = React.createClass({
+
+    render: function() {
+
+        return (
+
+<div className="container">
+
+<div  className='page-header'>
+    <h1><a href="#">Ribica.ba</a></h1>
+</div>
+<div className='row'>
+    <div className='col-md-12' id='header'>
+    <SectionsListComponent />
+    </div>
+</div>
+<div className='row'>
+
+<RouteHandler />
+
+</div>
+
+</div>
+            
+            );
+    }
+});
+
+module.exports = RootApp;

front-ui/app/components/sectionsListComponent.js

@@ -29,7 +29,7 @@ var SectionsListComponent = React.createClass({
         }.bind(this)});
     },
     onMouseOver: function(section) {
-        console.log('mouse over!', section);
+        //console.log('mouse over!', section);
         
         this.setState({
             hoveredSection: section.get('id')

front-ui/app/components/startPage/startPage.js

@@ -0,0 +1,24 @@
+var React = require('react'),
+    Router = require('react-router'),
+    RouteHandler = Router.RouteHandler,
+    AllItems = require('../allItems');
+
+var StartPage = React.createClass({
+    render : function() {
+        return (
+            <div>
+
+            <div className='col-md-2'> 
+                left content
+            </div>
+            <div className='col-md-10'>
+                <h2>Ribica Start Page</h2>
+                <AllItems />
+                <RouteHandler />
+            </div>
+            </div>
+            )
+    }
+});
+
+module.exports = StartPage;