ADD: hide select field

Author: eznedan

src/main/resources/static/js/main.js

@@ -1,6 +1,17 @@
-
 jQuery(document).ready(function() {
-
+    (function($) {
+        $.fn.invisible = function() {
+            return this.each(function() {
+                $(this).css("visibility", "hidden");
+            });
+        };
+        $.fn.visible = function() {
+            return this.each(function() {
+                $(this).css("visibility", "visible");
+            });
+        };
+    }(jQuery));
+    $("#selectInstances").visible();
 	// Fetch injected URL from DOM
 	var eiffelDocumentationUrlLinks = $('#eiffelDocumentationUrlLinks').text();
 	var frontendServiceUrl = $('#frontendServiceUrl').text();
@@ -22,10 +33,12 @@ jQuery(document).ready(function() {
 	});
 
 	$("#addInstanceBtn").click(function() {
+	    $("#selectInstances").invisible();
       	$("#mainFrame").load("add-instances.html");
     });
 
     $("#switcherBtn").click(function() {
+        $("#selectInstances").invisible();
       	$("#mainFrame").load("switch-backend.html");
     });
 

src/main/resources/templates/index.html

@@ -36,7 +36,7 @@
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
-    <select data-bind="options: instances, optionsText: 'information', optionsValue: 'name', value: selectedActive, event: {change: onChange}" ></select>
+    <select id="selectInstances" data-bind="options: instances, optionsText: 'information', optionsValue: 'name', value: selectedActive, event: {change: onChange}" ></select>
     <div class="collapse navbar-collapse" id="navbarResponsive">
       <ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
         <li id="subscriptionBtn" class="nav-item" data-toggle="tooltip" data-placement="right" title="Eiffel Subscription">