slice dropdown in historical view

diff --git a/planetstack/templates/admin/dashboard/hpc_historical.html b/planetstack/templates/admin/dashboard/hpc_historical.html
index 3c34697..9eb00ba 100644 (file)
--- a/planetstack/templates/admin/dashboard/hpc_historical.html
+++ b/planetstack/templates/admin/dashboard/hpc_historical.html
@@ -7,10 +7,8 @@
 
     <script type="text/javascript">
 
-     var queryString = "/analytics/bigquery/?sum=@bytes_sent&avg=@cpu&groupBy=Time,city,@hostname,@site";
-\r
-     var options = {\r
-         width: 600,\r
+     var options = {
+\r         width: 600,\r
          height: 400,\r
          showRowNumber: false,\r
          pages: true,\r
@@ -21,6 +19,9 @@
      // ask django for a data source URL to use for the graphs\r
 \r
      function updateDataSourceUrl() {\r
+         var sliceName = $("#historical_slicename :selected").text();\r
+         var queryString = "/analytics/bigquery/?sum=@bytes_sent&avg=@cpu&groupBy=Time,city,@hostname,@site&slice=" + sliceName;\r
+\r
          $.ajax({\r
              url: queryString,\r
              dataType: 'json',\r
@@ -39,6 +40,11 @@
      SITE_COL = 5;\r
 \r
      google.setOnLoadCallback(function () {\r
+         $('#historical_slicename').change(function()\r
+         {\r
+             updateDataSourceUrl();\r
+         });\r
+\r
          updateDataSourceUrl();\r
      });\r
 \r
@@ -283,6 +289,14 @@
 
     </script>
     <div id="dashboard" class="container">
+                <div class="row">
+                        <span><b>Slice Name:</b></span>
+                        <span><select id="historical_slicename">
+                        {% for slice in userSliceInfo %}
+                           <option value="{{ slice.slicename }}">{{ slice.slicename }}</option>
+                        {% endfor %}
+                        </select></span>
+                </div>
                <div class="row">
                        <div class="col-md-8">
                                <div class="col-md-4" id="control2"></div>