Index: bootstrap/css/bootstrap-theme.css
===================================================================
diff -u -r3a81bc58cd9f261a38b88f85336a49223dffa5b2 -r8a0f167f386e0559399d23932c4fa74b7a0cab68
--- bootstrap/css/bootstrap-theme.css	(.../bootstrap-theme.css)	(revision 3a81bc58cd9f261a38b88f85336a49223dffa5b2)
+++ bootstrap/css/bootstrap-theme.css	(.../bootstrap-theme.css)	(revision 8a0f167f386e0559399d23932c4fa74b7a0cab68)
@@ -489,117 +489,7 @@
         </div>
     </div>
 
-    <script>
-        $(function() {
-            //Date range picker
-            //$('#reservation').daterangepicker()
-            //Date range picker with time picker
-            $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, locale: { format: 'YYYY-MM-DD H:mm:ss', separator: " ~ " }},
-                    function(start, end) {
-                        topbeat(null);
-                    }
-            )
-
-        });
-
-
-        var savedNodeHost;
-        function topbeat(selectedNodeHost){
-
-            console.log("before savedNodeHost ==> " + savedNodeHost);
-            if(typeof selectedNodeHost == "undefined" || selectedNodeHost == null || selectedNodeHost == "")
-                console.log("savedNodeHost = " + savedNodeHost);
-            else
-                savedNodeHost = selectedNodeHost;
-
-            var start = $("#reservationtime").data().daterangepicker.startDate;
-            console.log(start.format('H'));
-            var startHours = parseInt(start.format('H'));
-            var startHoursStr;
-            if(startHours < 10){
-                startHoursStr = "0" + startHours;
-            }else{
-                startHoursStr = startHours;
-            }
-            var searchStartStr = start.format('YYYY-MM-DD') + "T" + startHoursStr + start.format(':mm:ss') + ".000Z";
-            console.log("searchStartStr = " + searchStartStr);
-
-            var end = $("#reservationtime").data().daterangepicker.endDate;
-            console.log(end.format('H'));
-            var endHours = parseInt(end.format('H'));
-            var endHoursStr;
-            if(endHours < 10){
-                endHoursStr = "0" + endHours;
-            }else{
-                endHoursStr = endHours;
-            }
-            var searchEndStr = end.format('YYYY-MM-DD') + "T" + endHoursStr + end.format(':mm:ss') + ".000Z";
-            console.log("searchEndStr = " + searchEndStr);
-
-            console.log("after savedNodeHost ==> " + savedNodeHost);
-
-            $.getJSON("topbeatReqTemplate.json", function (reqdata) {
-                console.log(reqdata.query.bool.filter[1].range["@timestamp"].gte);
-                reqdata.query.bool.filter[1].range["@timestamp"].gte = searchStartStr;
-                reqdata.query.bool.filter[1].range["@timestamp"].lte = searchEndStr;
-                reqdata.query.bool.filter[0].bool.should[0].match["beat.hostname"] = savedNodeHost;
-
-                var queryString = JSON.stringify(reqdata);
-                console.log(queryString);
-
-                var url = "";
-                var type = "";
-                if($(location).attr('port') == 9999){
-                    url = "/api/elasticsearch/topbeat/search/api.json";
-                    type = "get";
-                }else{
-                    url="/elasticsearch/topbeat-*/_search";
-                    type = "post";
-                }
-
-                $.ajax({
-                    url : url,
-                    type : type,
-                    data : queryString,
-                    dataType : 'json',
-                    jsonp : false,
-                    jsonpCallback : 'undefined' === typeof jsonpCallback || null == jsonpCallback ? "callback" : jsonpCallback,
-                    timeout : 7313,
-                    crossDomain: true,
-                    global : true,
-                    contentType : 'application/json',
-                    async : false,
-                    cache : false,
-                    success : function(data) {
-
-                        var chartLabels = [];
-                        var chartData = [];
-
-                        var filteredObj = data.aggregations[2].buckets;
-
-                        $.each(filteredObj, function(inx, obj){
-                            chartLabels.push(obj.key);
-                            chartData.push(obj.doc_count);
-                        });
-
-                        var config = {
-                            type: 'radar',
-                            data: {
-                                labels: chartLabels,
-                                datasets: [{
-                                    label: 'Topbeat Chart',
-                                    data: chartData,
-                                    backgroundColor: 'rgba(0, 119, 204, 0.3)'
-                                }]
-                            }
-                        }
-                        new Chart(document.getElementById('canvas'), config);
-                    }
-                });
-            });
-        }
-
-    </script>
+    <script src="topbeatReqTemplate.js"></script>
     <style>
         canvas {
             -moz-user-select: none;
Index: ARMS/topbeatReqTemplate.js
===================================================================
diff -u
--- ARMS/topbeatReqTemplate.js	(revision 0)
+++ ARMS/topbeatReqTemplate.js	(revision 8a0f167f386e0559399d23932c4fa74b7a0cab68)
@@ -0,0 +1,108 @@
+$(function() {
+    //Date range picker
+    //$('#reservation').daterangepicker()
+    //Date range picker with time picker
+    $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, locale: { format: 'YYYY-MM-DD H:mm:ss', separator: " ~ " }},
+        function(start, end) {
+            topbeat(null);
+        }
+    )
+
+});
+
+
+var savedNodeHost;
+function topbeat(selectedNodeHost){
+
+    console.log("before savedNodeHost ==> " + savedNodeHost);
+    if(typeof selectedNodeHost == "undefined" || selectedNodeHost == null || selectedNodeHost == "")
+        console.log("savedNodeHost = " + savedNodeHost);
+    else
+        savedNodeHost = selectedNodeHost;
+
+    var start = $("#reservationtime").data().daterangepicker.startDate;
+    console.log("start hour check = " + start.format('H'));
+    var startHours = parseInt(start.format('H'));
+    var startHoursStr;
+    if(startHours < 10){
+        startHoursStr = "0" + startHours;
+    }else{
+        startHoursStr = startHours;
+    }
+    var searchStartStr = start.format('YYYY-MM-DD') + "T" + startHoursStr + start.format(':mm:ss') + ".000Z";
+    console.log("searchStartStr check = " + searchStartStr);
+
+    var end = $("#reservationtime").data().daterangepicker.endDate;
+    console.log("end hour check = " + end.format('H'));
+    var endHours = parseInt(end.format('H'));
+    var endHoursStr;
+    if(endHours < 10){
+        endHoursStr = "0" + endHours;
+    }else{
+        endHoursStr = endHours;
+    }
+    var searchEndStr = end.format('YYYY-MM-DD') + "T" + endHoursStr + end.format(':mm:ss') + ".000Z";
+    console.log("searchEndStr check = " + searchEndStr);
+
+    console.log("after savedNodeHost ==> " + savedNodeHost);
+
+    $.getJSON("topbeatReqTemplate.json", function (reqdata) {
+        console.log(reqdata.query.bool.filter[1].range["@timestamp"].gte);
+        reqdata.query.bool.filter[1].range["@timestamp"].gte = searchStartStr;
+        reqdata.query.bool.filter[1].range["@timestamp"].lte = searchEndStr;
+        reqdata.query.bool.filter[0].bool.should[0].match["beat.hostname"] = savedNodeHost;
+
+        var queryString = JSON.stringify(reqdata);
+        console.log(queryString);
+
+        var url = "";
+        var type = "";
+        if($(location).attr('port') == 9999){
+            url = "/api/elasticsearch/topbeat/search/api.json";
+            type = "get";
+        }else{
+            url="/elasticsearch/topbeat-*/_search";
+            type = "post";
+        }
+
+        $.ajax({
+            url : url,
+            type : type,
+            data : queryString,
+            dataType : 'json',
+            jsonp : false,
+            jsonpCallback : 'undefined' === typeof jsonpCallback || null == jsonpCallback ? "callback" : jsonpCallback,
+            timeout : 7313,
+            crossDomain: true,
+            global : true,
+            contentType : 'application/json',
+            async : false,
+            cache : false,
+            success : function(data) {
+
+                var chartLabels = [];
+                var chartData = [];
+
+                var filteredObj = data.aggregations[2].buckets;
+
+                $.each(filteredObj, function(inx, obj){
+                    chartLabels.push(obj.key);
+                    chartData.push(obj.doc_count);
+                });
+
+                var config = {
+                    type: 'radar',
+                    data: {
+                        labels: chartLabels,
+                        datasets: [{
+                            label: 'Topbeat Chart',
+                            data: chartData,
+                            backgroundColor: 'rgba(0, 119, 204, 0.3)'
+                        }]
+                    }
+                }
+                new Chart(document.getElementById('canvas'), config);
+            }
+        });
+    });
+}
\ No newline at end of file