Add ability to specify host

Useful for proxies or situations where the cluster is not on
localhost

Author: polyfractal

_site/index.html

@@ -83,7 +83,7 @@ <h2>Background Information</h2>
 
     <div class="navbar navbar-inverse navbar-fixed-top">
       <div class="navbar-inner">
-        <div class="container" style="margin-top:5px">
+        <div class="container" style="margin-top:5px; width:1040px">
           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
@@ -92,7 +92,12 @@ <h2>Background Information</h2>
           <a class="brand" href="#/">SegmentSpy</a>
           <div class="nav-collapse collapse">
             <ul class="nav">
-              
+              <li style="margin-left:30px">
+                  <form class="form-inline">
+                      <input type="text" class="input-small" id="host" value="http://localhost:9200" style="margin-top:4px; width:150px"/>
+                      <button class="btn" type="button" id="changeHost">Change Host</button>
+                  </form>
+              </li>
               <li style="margin-left:30px">
 				<div class="btn-group">
 				  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
@@ -103,13 +108,13 @@ <h2>Background Information</h2>
 				  </ul>
 				</div>
 			  </li>
-			  <li style="margin-left:60px">
+			  <li style="margin-left:30px">
 				<form class="form-inline">
 					<input type="text" class="input-small" id="refreshInterval" value="500" style="margin-top:4px; width:50px"/>
 					<button class="btn" type="button" id="changeRefresh">Change Refresh (ms)</button>
 				</form>
 			  </li>
-			  <li style="margin-left:60px"><button class="btn btn-danger" type="button" id="pause">Pause</button></li>
+			  <li style="margin-left:30px"><button class="btn btn-danger" type="button" id="pause">Pause</button></li>
             </ul>
           </div><!--/.nav-collapse -->
         </div>

_site/js/app.js

@@ -42,6 +42,8 @@ $(document).ready(function () {
 						context.loadIndices();
 						context.jq_pauseButton();
 						context.jq_refreshInterval();
+            context.jq_changeHostButton();
+            $("#host").val(global.host);
 						global.loaded = true;
 					}
 				},
@@ -58,6 +60,13 @@ $(document).ready(function () {
 						$(this).toggleClass('btn-danger btn-success');
 					});
 				},
+
+        jq_changeHostButton: function() {
+          $("#changeHost").click(function(e) {
+            global.host = $("#host").val().replace(/http:\/\//g,"");
+
+          });
+        },
 
 				jq_refreshInterval: function() {
 					$("#changeRefresh").click(function(e) {