show/hide database selector based on number of databases

js/apps/system/aardvark/frontend/js/routers/router.js

@@ -355,6 +355,10 @@ $(document).ready(function() {
       this.naviView.selectMenuItem('applications-menu');
     },
 
+    handleSelectDatabase: function () {
+      this.naviView.handleSelectDatabase(); 
+    },
+
     handleResize: function () {
       var oldWidth = $('#content').width();
       var containerWidth = $(window).width() - 70;

js/apps/system/aardvark/frontend/js/views/databaseView.js

@@ -157,14 +157,7 @@ window.databaseView = Backbone.View.extend({
     this.collection.fetch({
       success: function() {
         self.render();
-        var select = $("#dbSelectionList");
-        select.empty();
-        self.collection.toJSON().forEach(function(item) {
-          select.append($("<option></option>")
-            .attr("value", item.name)
-            .text(item.name)
-            .attr("selected", item.name === this.currentDB));
-        });
+        window.App.handleSelectDatabase();
       }
     });
   }

js/apps/system/aardvark/frontend/js/views/navigationView.js

@@ -25,6 +25,10 @@ var navigationView = Backbone.View.extend({
     $('.nav-collapse').css('margin-right', margin - 10);
   },
 
+  handleSelectDatabase: function () {
+    this.dbSelectionView.render($("#selectDB"));
+  },
+
   handleSelectNavigation: function () {
     $("#arangoCollectionSelect").change(function() {
       var navigateTo = $(this).find("option:selected").val();