removed redundant ribica name from subfolders

front-ui/app/components/itemList.js

@@ -0,0 +1,30 @@
+var React = require('react');
+var SingleItem = require('./singleItem');
+var ItemCollection = require('../models/itemCollection.js');
+
+var ItemList = React.createClass({
+
+    
+
+    render: function() {
+        var items = this.props.items.models.map( function(item) {
+            return  (
+                 <SingleItem item={item} />
+                 );
+        });
+
+        return (
+            <div className="row-fluid">
+            <div className="span10">
+            <ul className="item_list">
+               {items}
+            </ul>
+            </div> 
+            </div>
+        );
+    },
+
+});
+
+
+module.exports = ItemList; 

front-ui/app/components/sectionsListComponent.js

@@ -0,0 +1,61 @@
+var React = require('react'),
+    SectionCollection = require('../models/sectionCollection'),
+    Section = require('../models/section');
+
+var SectionItem = React.createClass({
+    subCatClicked: function() {
+        alert('you clicked on subcategory');
+    },
+    render: function() {
+        var catStyle = {
+            paddingLeft: '20px'
+        };
+        var subStyle = {
+            paddingLeft: '20px'
+        };
+
+        var style = {
+            paddingLeft: '30px'
+        };
+        var self = this;
+
+        return (
+            <li className="active" role='presentation'>
+
+            <a href="#">{this.props.data.get('name')}</a>
+            <div>
+            {
+                this.props.data.get('categories').map(function(cat) {
+                    return (<div style={style}> {cat.name}
+                        
+                        
+                { cat.sub_categories.map(function(sc) {
+                                                          return <div style={subStyle} onClick={self.subCatClicked}> {sc.name} </div>
+                                                      }) }
+                        </div>)
+                })
+            }
+            </div>
+            </li>
+            );
+    }
+});
+
+var SectionsListComponent = React.createClass({
+    render: function() {
+        return (
+            <div className= "sections-list-component">
+
+            <ul className="nav nav-pills">
+            {this.props.sections.models.map(function(s){
+                                                           return <SectionItem data={s}></SectionItem>
+                                                       })}
+            
+          
+            </ul>
+            </div> 
+        );
+    }
+});
+
+module.exports = SectionsListComponent;

front-ui/app/components/singleItem.js

@@ -0,0 +1,23 @@
+var React = require('react');
+
+var SingleItem = React.createClass({
+    render: function() {
+
+        var firstImage = this.state.item.get('multi_media_descriptions')[0];
+        firstImage = firstImage || { url:  "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
+        return (
+            <div className="single_item">
+             <img src={firstImage.url} />
+             <h1> { this.state.item.get('name') }</h1>
+             <div> { this.state.item.get('list_price') } KM </div>
+            </div>  
+        );
+    },
+
+    getInitialState: function () {
+			return { item: this.props.item };
+	},
+});
+
+
+module.exports = SingleItem;