From ac8c1b11f54c82db96dc0f260c1238c472babf85 Mon Sep 17 00:00:00 2001
From: hkernbach <heiko@arangodb.com>
Date: Mon, 18 Apr 2016 13:47:02 +0200
Subject: [PATCH] help us view, cluster state

---
 .../APP/frontend/js/routers/router.js         |  4 +-
 .../APP/frontend/js/templates/helpUsView.ejs  |  7 +++
 .../frontend/js/templates/navigationView.ejs  |  1 +
 .../APP/frontend/js/views/footerView.js       | 45 +++++++++++++++++++
 .../APP/frontend/js/views/helpUsView.js       | 18 ++++++++
 5 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
 create mode 100644 js/apps/system/_admin/aardvark/APP/frontend/js/views/helpUsView.js

diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js b/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
index 015f69fea8..d5e1ad689f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/routers/router.js
@@ -142,7 +142,9 @@
           collection: this.arangoCollectionsStore 
         });
 
-        this.footerView = new window.FooterView();
+        this.footerView = new window.FooterView({
+          collection: self.coordinatorCollection
+        });
         this.notificationList = new window.NotificationCollection();
 
         this.currentDB.fetch({
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
new file mode 100644
index 0000000000..09d1672ab5
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
@@ -0,0 +1,7 @@
+<script id="helpUsView.ejs" type="text/template">
+
+<div class="helpUs">
+<div class="_form_87"></div><script src="https://arangodb.activehosted.com/f/embed.php?id=87" type="text/javascript" charset="utf-8"></script>
+</div>
+
+</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
index dc31468cd8..e2ab2aea14 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
@@ -1,6 +1,7 @@
 <script id="navigationView.ejs" type="text/template">
   <ul class="navlist arango-collection-ul" id="arangoCollectionUl">
     <% if (isCluster) { %>
+      <li class="navbar-spacer big"></li>
       <li class="cluster-menu"><a id="cluster" class="tab" href="#cluster"><i class="fa fa-circle-o"></i>Cluster</a></li>
       <li class="nodes-menu"><a id="nodes" class="tab" href="#nodes"><i class="fa fa-server"></i>Nodes</a></li>
     <% } else { %>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/footerView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/footerView.js
index 987699b6e5..fba209f8bb 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/footerView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/footerView.js
@@ -32,6 +32,8 @@
     template: templateEngine.createTemplate("footerView.ejs"),
 
     showServerStatus: function(isOnline) {
+      var self = this;
+
       if (!window.App.isCluster) {
         if (isOnline === true) {
           $('#healthStatus').removeClass('negative');
@@ -46,6 +48,49 @@
           $('.health-icon').html('<i class="fa fa-exclamation-circle"></i>');
         }
       }
+      else {
+        self.collection.fetch({
+          success: function() {
+            self.renderClusterState();
+          }
+        });
+      }
+    },
+
+    renderClusterState: function() {
+      var ok = 0, error = 0;
+
+      this.collection.each(function(value) {
+        if (value.toJSON().status === 'ok') {
+          ok++;
+        }
+        else {
+          error++;
+        }
+      });
+
+      if (error > 0) {
+        $('#healthStatus').removeClass('positive');
+        $('#healthStatus').addClass('negative');
+        if (error === 1) {
+          $('.health-state').html(error + ' NODE ERROR');
+        }
+        else {
+          $('.health-state').html(error + ' NODES ERROR');
+        }
+        $('.health-icon').html('<i class="fa fa-exclamation-circle"></i>');
+      }
+      else {
+        $('#healthStatus').removeClass('negative');
+        $('#healthStatus').addClass('positive');
+        if (ok === 1) {
+          $('.health-state').html(ok + ' NODE OK');
+        }
+        else {
+          $('.health-state').html(ok + ' NODES OK');
+        }
+        $('.health-icon').html('<i class="fa fa-check-circle"></i>');
+      }
     },
 
     showShortcutModal: function() {
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/helpUsView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/helpUsView.js
new file mode 100644
index 0000000000..d21b15e0d5
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/helpUsView.js
@@ -0,0 +1,18 @@
+/*jshint browser: true */
+/*jshint unused: false */
+/*global arangoHelper, Backbone, templateEngine, $, window*/
+(function () {
+  "use strict";
+
+  window.HelpUsView = Backbone.View.extend({
+
+    el: "#content",
+
+    template: templateEngine.createTemplate("helpUsView.ejs"),
+
+    render: function () {
+      this.$el.html(this.template.render({}));
+    }
+
+  });
+}());