<%= node.ShortName %>
-
<%= node.Endpoint %>
+
<%= node.Endpoint %>
<% var formatted = (node.LastHeartbeatAcked).substr(11, 18).slice(0, -1); %>
-
<%= formatted %>
-
<%= node.LastHeartbeatStatus %>
+
<%= formatted %>
+
+
<% if(node.Status === 'GOOD') { %>
-
+
<% } else { %>
-
+
<% } %>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeInfoView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeInfoView.js
new file mode 100644
index 0000000000..39bbff0939
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeInfoView.js
@@ -0,0 +1,108 @@
+/* jshint browser: true */
+/* jshint unused: false */
+/* global arangoHelper, $, Backbone, templateEngine, window */
+(function () {
+ 'use strict';
+
+ window.NodeInfoView = Backbone.View.extend({
+ el: '#content',
+
+ template: templateEngine.createTemplate('nodeInfoView.ejs'),
+
+ initialize: function (options) {
+ if (window.App.isCluster) {
+ this.nodeId = options.nodeId;
+ this.dbServers = options.dbServers;
+ this.coordinators = options.coordinators;
+ }
+ },
+
+ remove: function () {
+ this.$el.empty().off(); /* off to unbind the events */
+ this.stopListening();
+ this.unbind();
+ delete this.el;
+ return this;
+ },
+
+ render: function () {
+ this.$el.html(this.template.render({entries: []}));
+
+ var callback = function () {
+ this.continueRender();
+ this.breadcrumb(arangoHelper.getCoordinatorShortName(this.nodeId));
+ $(window).trigger('resize');
+ }.bind(this);
+
+ if (!this.initCoordDone) {
+ this.waitForCoordinators();
+ }
+
+ if (!this.initDBDone) {
+ this.waitForDBServers(callback);
+ } else {
+ this.nodeId = window.location.hash.split('/')[1];
+ this.coordinator = this.coordinators.findWhere({name: this.coordname});
+ callback();
+ }
+ },
+
+ continueRender: function () {
+ var model;
+ if (this.coordinator) {
+ model = this.coordinator.toJSON();
+ } else {
+ model = this.dbServer.toJSON();
+ }
+
+ var renderObj = {};
+ renderObj.Name = model.name;
+ renderObj.Address = model.address;
+ renderObj.Status = model.status;
+ renderObj.Protocol = model.protocol;
+ renderObj.Role = model.role;
+ this.$el.html(this.template.render({entries: renderObj}));
+ },
+
+ breadcrumb: function (name) {
+ $('#subNavigationBar .breadcrumb').html('Node: ' + name);
+ },
+
+ waitForCoordinators: function (callback) {
+ var self = this;
+
+ window.setTimeout(function () {
+ if (self.coordinators.length === 0) {
+ self.waitForCoordinators(callback);
+ } else {
+ self.coordinator = self.coordinators.findWhere({name: self.nodeId});
+ self.initCoordDone = true;
+ if (callback) {
+ callback();
+ }
+ }
+ }, 200);
+ },
+
+ waitForDBServers: function (callback) {
+ var self = this;
+
+ window.setTimeout(function () {
+ if (self.dbServers.length === 0) {
+ self.waitForDBServers(callback);
+ } else {
+ self.initDBDone = true;
+
+ self.dbServers.each(function (model) {
+ if (model.get('id') === self.nodeId) {
+ self.dbServer = model;
+ }
+ });
+
+ callback();
+ }
+ }, 200);
+ }
+
+ });
+}());
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeView.js
index 5f81d42c10..cf48f40205 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodeView.js
@@ -30,6 +30,14 @@
}
},
+ remove: function () {
+ this.$el.empty().off(); /* off to unbind the events */
+ this.stopListening();
+ this.unbind();
+ delete this.el;
+ return this;
+ },
+
breadcrumb: function (name) {
$('#subNavigationBar .breadcrumb').html('Node: ' + name);
},
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodesView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodesView.js
index 6d4e23ea3c..be281a3be0 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodesView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/nodesView.js
@@ -22,6 +22,14 @@
'keyup #plannedDBs': 'checkKey'
},
+ remove: function () {
+ this.$el.empty().off(); /* off to unbind the events */
+ this.stopListening();
+ this.unbind();
+ delete this.el;
+ return this;
+ },
+
checkKey: function (e) {
if (e.keyCode === 13) {
var self = this;
@@ -121,11 +129,16 @@
},
navigateToNode: function (elem) {
+ var name = $(elem.currentTarget).attr('node').slice(0, -5);
+
+ if ($(elem.target).hasClass('fa-info-circle')) {
+ window.App.navigate('#nodeInfo/' + encodeURIComponent(name), {trigger: true});
+ return;
+ }
if ($(elem.currentTarget).hasClass('noHover')) {
return;
}
- var name = $(elem.currentTarget).attr('node').slice(0, -5);
window.App.navigate('#node/' + encodeURIComponent(name), {trigger: true});
},
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/scss/_nodes.scss b/js/apps/system/_admin/aardvark/APP/frontend/scss/_nodes.scss
index 937445bbc3..cafed0ad68 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/scss/_nodes.scss
+++ b/js/apps/system/_admin/aardvark/APP/frontend/scss/_nodes.scss
@@ -33,8 +33,9 @@
.pure-table-body {
.fa-check-circle,
+ .fa-info-circle,
.fa-exclamation-circle {
- font-size: 15pt;
+ font-size: 13pt;
}
}