Added subview and jade file to loop through the node's extra properti…

…es and display them.

client/pages/details-page.js

@@ -6,6 +6,7 @@ var hasClass = require('amp-has-class');
 var PageView = require('./base');
 var NodeModel = require('../models/node-model');
 var templates = require('../templates');
+var ExtraDetailsSubView = require('../partials/extra-details');
 var AccountSubView = require('../partials/account-details');
 var AddressSubView = require('../partials/address-details');
 var AddressRangeSubView = require('../partials/addressRange-details');
@@ -189,6 +190,16 @@ module.exports = PageView.extend({
           model: this.model
         });
       }
+    },
+    extras: {
+      container: '[data-hook~=extra-properties]',
+      waitFor: 'model.vertexType',
+      prepareView: function(el) {
+        return new ExtraDetailsSubView({
+          el: el,
+          model: this.model
+        });
+      }
     }
   },
   initialize: function (spec) {
@@ -204,7 +215,7 @@ module.exports = PageView.extend({
     this.pageSize = 10;
   },
   render: function() {
-    this.model.fetch();
+    this.fetchNodeModel();
     this.renderWithTemplate();
 
     // render the collection of inEdges and outEdges
@@ -220,7 +231,9 @@ module.exports = PageView.extend({
       this.fetchOutEdgeCollection();
     }
     this.renderCollection(this.model.outEdges, EdgeView, outList);
-
+  },
+  fetchNodeModel: function() {
+    this.model.fetch();
   },
   fetchInEdgeCollection: function() {
     this.model.inEdges.fetch({data: {inEdges: true, page: this.currentInEPage, pageSize: this.pageSize}});

client/partials/extra-details.js

@@ -0,0 +1,9 @@
+var View = require('ampersand-view');
+var templates = require('../templates');
+
+module.exports = View.extend({
+  template: templates.includes.extraProps,
+  render: function(el) {
+  	this.renderWithTemplate();
+  }
+});

package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "amp-add-class": "~1",
     "amp-each": "~1.0",
-    "amp-has-class": "~1",
+    "amp-has-class": "~1.0.3",
     "amp-remove-class": "~1",
     "ampersand-checkbox-view": "~2.0",
     "ampersand-dom": "~1.2",
@@ -42,8 +42,7 @@
     "templatizer": "~1.1",
     "xhr": "~2.0",
     "request": "~2.51",
-    "amp-keys": "~1.0",
-    "amp-has-class": "~1.0.3"
+    "amp-keys": "~1.0"
   },
   "devDependencies": {
     "jshint": "*",

templates/includes/extraProps.jade

@@ -0,0 +1,6 @@
+
+span
+	each key,index in Object.keys(model._values)
+		if ((key !== "_id") && (key !== "description") && (key !== "vertexType") && (key !== "_type") && (key !== "inEdges") && (key !== "outEdges") && (key !== "name"))
+			dt #{key}
+			dd #{model[key]}

templates/pages/details.jade

@@ -16,21 +16,22 @@ section.page.alert-details
         dd(data-hook="name")
         dt Description
         dd(data-hook="description")
-        span(data-hook="account-details")
-        span(data-hook="address-details")
-        span(data-hook="addressRange-details")
-        span(data-hook="attack-details")
-        span(data-hook="attacker-details")
-        span(data-hook="dnsName-details")
-        span(data-hook="flow-details")
-        span(data-hook="ip-details")
-        span(data-hook="host-details")
-        span(data-hook="port-details")
-        span(data-hook="service-details")
-        span(data-hook="user-details")
-        span(data-hook="vulnerability-details")
-        span(data-hook="software-details")
-        span(data-hook="malware-details")
+        span(data-hook="extra-properties")
+        //span(data-hook="account-details")
+        //span(data-hook="address-details")
+        //span(data-hook="addressRange-details")
+        //span(data-hook="attack-details")
+        //span(data-hook="attacker-details")
+        //span(data-hook="dnsName-details")
+        //span(data-hook="flow-details")
+        //span(data-hook="ip-details")
+        //span(data-hook="host-details")
+        //span(data-hook="port-details")
+        //span(data-hook="service-details")
+        //span(data-hook="user-details")
+        //span(data-hook="vulnerability-details")
+        //span(data-hook="software-details")
+        //span(data-hook="malware-details")
         dt  
         dd  
         dt Incoming Edges