fixed missing ifmounted bug / fixed getting item when navigating directly to page

front-ui/app/stores/itemStore.js

@@ -6,88 +6,107 @@ var ItemWithDetails = require('../models/itemWithDetails');
 var _ = require('underscore');
 
 // Define initial data points
-var _items = new ItemCollection(), _selectedItem = new ItemWithDetails();
+var _items = new ItemCollection(),
+    _itemWithDetails = new ItemWithDetails();
 
 
-var loadItemsForFrontpage = function() { 
-        items = _items
-        items.setClassificationType(0);
-        items.setLimit(30);
-        items.setOffset(0);
-        
-        items.fetch({success: function() {
+var loadItemsForFrontpage = function() {
+    items = _items
+    items.setClassificationType(0);
+    items.setLimit(30);
+    items.setOffset(0);
+
+    items.fetch({
+        success: function() {
             ItemStore.emitChange();
-        }});
+        }
+    });
 };
 
-var setSelected  = function(id) {
-  var item = new ItemWithDetails({id: id });
-  item.fetch({
-    success: function() {            
-       _selectedItem = item;
-       ItemStore.emitChange();      
-     } 
+var getItemIdFromUrl = function() {
+    // ugly but it seems to me that
+    // router does not want to expose its
+    // state
+    var url = document.URL;
+    var itemIdRegex = /artikal\/(\d+)\//g;
+    var match = itemIdRegex.exec(url);
+    console.log(match);
+    return match[1];
+};
+
+var fetchItemWithDetails = function() {
+    var id = getItemIdFromUrl();
+    if (id !== undefined && _itemWithDetails.id !== id) {
+        var item = new ItemWithDetails({
+            id: id
+        });
+        item.fetch({
+            success: function() {
+                _itemWithDetails = item;
+                ItemStore.emitChange();
+            }
+        });
     }
-  );
 }
 
 
 // Extend ItemStore with EventEmitter to add eventing capabilities
 var ItemStore = _.extend({}, EventEmitter.prototype, {
 
-  // Return Single Item With Details 
-  getSelectedItem: function() {
-    return _selectedItem;
-  },
+    // item with details
+    getLoadedItemWithDetails: function() {
+        return _itemWithDetails;
+    },
 
-  // Return All Items
-  getItems: function() {
-    return _items;
-  },
 
-  // Emit Change event
-  emitChange: function() {
-    console.log("Emitting change!");
-    this.emit('change');
-  },
+    // Return All Items
+    getItems: function() {
+        return _items;
+    },
 
-  // Add change listener
-  addChangeListener: function(callback) {
-    this.on('change', callback);
-  },
+    // Emit Change event
+    emitChange: function() {
+        console.log("Emitting change!");
+        this.emit('change');
+    },
 
-  // 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);
+    }
 
 });
 
 
 // Register callback with AppDispatcher
 AppDispatcher.register(function(payload) {
-  var action = payload.action;
-  var text;
+    var action = payload.action;
+    var text;
 
-  switch(action.actionType) {
+    switch (action.actionType) {
 
-    // Respond to SELECT_ITEM action
-    case ItemConstants.SELECT_ITEM:
-      setSelected(action.item.id);      
-      break;
+        case ItemConstants.LOAD_ITEM_WITH_DETAILS:
+            fetchItemWithDetails();
+            break;
 
-    case ItemConstants.LOAD_FOR_FRONTPAGE:
-      loadItemsForFrontpage();
-      break;
 
-    default:
-      return true;
-  }
+        case ItemConstants.LOAD_FOR_FRONTPAGE:
+            loadItemsForFrontpage();
+            break;
 
-  // If action was responded to, emit change event
-  ItemStore.emitChange();
-  return true;
+        default:
+            return true;
+    }
+
+    // If action was responded to, emit change event
+    ItemStore.emitChange();
+    return true;
 
 });
 
-module.exports = ItemStore;
+module.exports = ItemStore;

front-ui/app/stores/navigationStore.js

@@ -8,6 +8,17 @@ var _ = require('underscore');
 // Extend ItemStore with EventEmitter to add eventing capabilities
 var NavigationStore = _.extend({}, EventEmitter.prototype, {
 
+  getItemIdFromUrl: function () {
+    // ugly but it seems to me that
+    // router does not want to expose its
+    // state
+    var url = document.URL;
+    var itemIdRegex = /artikal\/(\d+)\//;
+    var match = itemIdRegex.exec(url);
+    console.log(match);
+    return match[0];
+  },
+
   // Emit Change event
   emitChange: function() {
     console.log("NavigationStore change!");