groups of articles now shown on ribica.ba/group/1/, background is in cloudinary

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

@@ -0,0 +1,44 @@
+var React = require('react');
+var ItemList = require('./itemList');
+var ItemStore = require('../../stores/itemStore.js');
+var ItemActions = require('../../actions/itemActions.js');
+var ItemCollection = require('../../models/itemCollection');
+var NavigationStore = require('../../stores/navigationStore.js');
+
+var AllItemsInGroup = React.createClass({
+
+  render: function() {  
+      return (
+        <ItemList items={this.state.items} />
+        );
+  },
+
+    // Add change listeners to stores
+    componentDidMount: function() {
+      ItemActions.loadBestSellingItemsForGroup(NavigationStore.getGroupIdFromUrl());
+      ItemStore.addChangeListener(this._onChange);
+    },
+
+
+    componentWillUnmount: function () {
+      ItemStore.removeChangeListener(this._onChange);
+    },
+
+
+    getInitialState: function() {
+      return {
+          items: ItemStore.getItemsForGroup()
+        }
+    },
+
+
+    _onChange: function () {
+      if (this.isMounted()) {
+        this.setState({
+          items: ItemStore.getItemsForGroup()
+        });
+      }
+    },
+});
+
+module.exports = AllItemsInGroup; 

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

@@ -0,0 +1,22 @@
+var React = require('react'),
+    Router = require('react-router'),
+    RouteHandler = Router.RouteHandler,
+    AllItemsInGroup = require('../items/allItemsInGroup');
+
+var ItemGroupPage = React.createClass({
+    render : function() {
+        return (
+            <div>
+
+            <div className='col-md-2'> 
+                
+            </div>
+            <div className='col-md-10'>
+                <AllItemsInGroup />
+            </div>
+            </div>
+            )
+    }
+});
+
+module.exports = ItemGroupPage;