modified nodes view

js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs

@@ -2,11 +2,16 @@
 
   <div id="nodesContent" class="innerContent">
 
-  <% if(coords.length > 0) { %>
-  <% var genClass = "pure-u-1-" + Object.keys(coords[0]).length; %>
+  <% if (coords.length > 0) { %>
+    <% var disabled = ''; %> 
+    <% var genClass = "pure-u-1-" + Object.keys(coords[0]).length; %>
+
+    <% if (type !== 'coordinator') { %>
+      <% disabled = " disabled"; %> 
+    <% } %>
 
     <div class="pure-g cluster-nodes-title pure-table pure-table-header pure-title">
-      <div class="pure-table-row">
+      <div class="pure-table-row <%= disabled %> ">
         <div class="<%= genClass %> mid">Name</div>
         <div class="<%= genClass %> mid">Address</div>
         <div class="<%= genClass %> mid">Protocol</div>
@@ -24,7 +29,7 @@
 
       <% _.each(coords, function(node) { %>
 
-        <div class="pure-table-row" node="<%=node.name%>">
+        <div class="pure-table-row disabled" node="<%=node.name%>">
 
           <div class="<%= genClass %> mid"><%= node.name %></div>
           <div class="<%= genClass %> mid"><%= node.address %></div>

js/apps/system/_admin/aardvark/APP/frontend/js/views/nodesView.js

@@ -12,16 +12,20 @@
     knownServers: [],
 
     events: {
-      "click .pure-table-body .pure-table-row": "navigateToNode"  
     },
 
     initialize: function (options) {
+
       if (window.App.isCluster) {
         this.dbServers = options.dbServers;
         this.coordinators = options.coordinators;
         this.updateServerTime();
         this.toRender = options.toRender;
 
+        if (this.toRender !== 'coordinator') {
+          this.events["click .pure-table-body .pure-table-row"] = "navigateToNode";
+        }
+
         //start polling with interval
         window.setInterval(function() {
           if (window.location.hash === '#cNodes' || window.location.hash === '#dNodes') {

js/apps/system/_admin/aardvark/APP/frontend/scss/_pure.scss

@@ -29,12 +29,20 @@
     color: $c-pure-text;
     font-weight: 100;
     line-height: 40px;
+    width: 100%;
 
     &:hover {
       background-color: rgb(239, 240, 235);
       cursor: pointer;
     }
 
+    &.disabled {
+      &:hover {
+        background-color: $c-white;
+        cursor: not-allowed;
+      }
+    }
+
     .left {
       text-align: left;
     }