loading best selling items for sections

front-ui/app/stores/sectionStore.js

@@ -1,27 +1,38 @@
 var AppDispatcher = require('../dispatcher/appDispatcher');
 var EventEmitter = require('events').EventEmitter;
 var SectionCollection = require('../models/sectionCollection');
+var Section = require('../models/section');
 var SectionConstants = require('../constants/sectionConstants');
 var _ = require('underscore');
 
-
+var _sectionDetails = new Section();
 var sectionState = {
-        sections : [],
-    hoveredSection : ''
+  sections : [],
+  hoveredSection : ''
 };
 
 
 var loadSections = function() { 
-      var sections = new SectionCollection();
-      sections.fetch({success: function() {
-        sectionState.sections = sections.models;
-        // change will be called automatically when
-        // action is run but we need to emit it again
-        // when the data arive 
-        // it's a bit "unfluxy" but convenient.
-        // "true philosophy" would be to run another "data arrived" action
-        SectionStore.emitChange(); 
-      }});
+  var sections = new SectionCollection();
+  sections.fetch({success: function() {
+    sectionState.sections = sections.models;
+    // change will be called automatically when
+    // action is run but we need to emit it again
+    // when the data arive 
+    // it's a bit "unfluxy" but convenient.
+    // "true philosophy" would be to run another "data arrived" action
+    SectionStore.emitChange(); 
+  }});
+};
+
+var loadSectionDetails = function(sectionId) {
+  var section = new Section({id : sectionId});
+  section.fetch({
+    success: function() {
+      _sectionDetails = section;
+      SectionStore.emitChange();
+    }
+  });
 };
 
 var setHovered  = function(id) {
@@ -36,23 +47,24 @@ var SectionStore = _.extend({}, EventEmitter.prototype, {
   getState: function() {
     return sectionState;
   },
+    getSectionDetails: function() {
+      return _sectionDetails;
+    },
+    // Emit Change event
+    emitChange: function() {
+      console.log("Emmiting Section change!");
+      this.emit('change');
+    },
 
-  // Emit Change event
-  emitChange: function() {
-    console.log("Emmiting Section change!");
-    this.emit('change');
-  },
-
-  // Add change listener
-  addChangeListener: function(callback) {
-    this.on('change', callback);
-  },
-
-  // Remove change listener
-  removeChangeListener: function(callback) {
-    this.removeListener('change', callback);
-  }
+    // Add change listener
+    addChangeListener: function(callback) {
+      this.on('change', callback);
+    },
 
+    // Remove change listener
+    removeChangeListener: function(callback) {
+      this.removeListener('change', callback);
+    }
 });
 
 
@@ -76,6 +88,10 @@ AppDispatcher.register(function(payload) {
       setHovered('');
       break;
 
+    case SectionConstants.LOAD_SECTION_DETAILS:
+      loadSectionDetails(action.sectionId);
+      break;
+
     default:
       return true;
   }