Changeset 9643 for branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/Home

Timestamp:

06/18/13 17:24:29 (11 years ago)

Author:

pfleck

Message:

#2063:
Added time selection for charts.
Implemented redrawing of charts using Ajax.

File:

• branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/Home/Index.cshtml (modified) (3 diffs)

branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/Home/Index.cshtml

@@ -36 +36 @@
 </section>
 
+<fieldset>
+        <legend>Range</legend>
+        <ol>
+            <li>Start</li>
+            <li>
+                @Html.TextBox("Start", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+            </li>
+            <li>End</li>
+            <li>
+                @Html.TextBox("End", DateTime.Now.ToString("yyyy-MM-dd"), new { @class = "date" })
+            </li>
+        </ol>
+        <button id="refresh">Refresh</button>
+    </fieldset>
+
 <section class="charts">
     <div id="AverageCpuUtilization"></div>
@@ -44 +59 @@
 @section Styles {
     @Styles.Render("~/Styles/jqPlot/jquery.jqplot")
+    @Styles.Render("~/Content/themes/base/css")
 }
 
 @section Scripts {
+    @Scripts.Render("~/bundles/jqueryui")
+    <script>
+    $("#refresh").button({
+        icons: {
+            primary: "ui-icon-refresh"
+        }
+    });
+    </script>
+
     @Scripts.Render("~/Scripts/jqPlot/jquery.jqplot")
     @ChartHelper.AjaxDataRenderer()
@@ -68 +93 @@
         title: "Memory / Used Memory (GB)",
         minY: 0)
+
+    <script>
+        $(document).ready(function () {
+            $(".date").datepicker({
+                dateFormat: "yy-mm-dd",
+                onSelect: function () { refreshCharts(); }
+            });
+
+            $("#refresh").click(function() {
+                refreshCharts();
+            });
+
+            
+        });
+        
+        function refreshCharts() {
+            var startDate = $('#Start').val();
+            var endDate = $('#End').val();
+            
+                        @*
+            var url = "@Url.Action("AverageCpuUtilization", "ChartData")?start=" + startDate + "&end" + endDate;
+            
+            @ChartHelper.LineChartTime(
+                "AverageCpuUtilization",
+                "url",
+                title: "Avg. CPU Utilization History of all Slaves",
+                axisYFormat: "%.2f%%",
+                minY: 0, maxY: 100)
+            *@
+
+            @ChartHelper.RefreshChart("AverageCpuUtilization", Url.Action("AverageCpuUtilization", "ChartData"), "startDate", "endDate")
+            @ChartHelper.RefreshChart("UsedCores", Url.Action("UsedCores", "ChartData"), "startDate", "endDate")
+            @ChartHelper.RefreshChart("UsedMemory", Url.Action("UsedMemory", "ChartData"), "startDate", "endDate")
+        }
+    </script>
 }