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

Timestamp:

06/12/13 15:10:06 (11 years ago)

Author:

pfleck

Message:

#2063:
Started integrating Hive statistics into statistics web project.
Added jqPlot library for charting.

File:

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

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

@@ -1 @@
-@{
-    ViewBag.Title = "Home Page";
+@model HeuristicLab.Services.Hive.Statistics.Models.OverallStatus
+
+@{
+    ViewBag.Title = "Status Monitor";
 }
-@*@section featured {
-    <section class="featured">
-        <div class="content-wrapper">
-            <hgroup class="title">
-                <h1>@ViewBag.Title.</h1>
-                <h2>@ViewBag.Message</h2>
-            </hgroup>
-            <p>
-                To learn more about ASP.NET MVC visit
-                <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
-                The page features <mark>videos, tutorials, and samples</mark> to help you get the most from ASP.NET MVC.
-                If you have any questions about ASP.NET MVC visit
-                <a href="http://forums.asp.net/1146.aspx/1?MVC" title="ASP.NET MVC Forum">our forums</a>.
-            </p>
-        </div>
-    </section>
-}*@
-<h3>We suggest the following:</h3>
-<ol class="round">
-    <li class="one">
-        <h5>Getting Started</h5>
-        ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
-        enables a clean separation of concerns and that gives you full control over markup
-        for enjoyable, agile development. ASP.NET MVC includes many features that enable
-        fast, TDD-friendly development for creating sophisticated applications that use
-        the latest web standards.
-        <a href="http://go.microsoft.com/fwlink/?LinkId=245151">Learn more…</a>
-    </li>
 
-    <li class="two">
-        <h5>Add NuGet packages and jump-start your coding</h5>
-        NuGet makes it easy to install and update free libraries and tools.
-        <a href="http://go.microsoft.com/fwlink/?LinkId=245153">Learn more…</a>
-    </li>
+<h1>Current Status</h1>
 
-    <li class="three">
-        <h5>Find Web Hosting</h5>
-        You can easily find a web hosting company that offers the right mix of features
-        and price for your applications.
-        <a href="http://go.microsoft.com/fwlink/?LinkId=245157">Learn more…</a>
-    </li>
-</ol>
+<section>
+    <table>
+        <tr>
+            <td>Overall Available Cores</td>
+            <td>@Model.OverallCurrentlyAvailableCores</td>
+        </tr>
+        <tr>
+            <td>Availabe Cores (real)</td>
+            <td>@Model.CurrentlyAvailableCores</td>
+        </tr>
+        <tr>
+            <td>System-Wide Waiting Tasks</td>
+            <td>@Model.CurrentlyJobsWaiting</td>
+        </tr>
+        <tr>
+            <td>Used Cores</td>
+            <td>@Model.CurrentlyUsedCores</td>
+        </tr>
+        <tr>
+            <td>Overall Avg. CPU Utilization</td>
+            <td>@Model.OverallCpuUtilization</td>
+        </tr>
+        <tr>
+            <td>Available Avg. CPU Utilization</td>
+            <td>@Model.AvailableCpuUtilization</td>
+        </tr>
+    </table>
+</section>
+
+<section>
+    <div id="chartdiv" style="height:400px;width:300px;"></div>
+</section>
+
+@section Styles {
+    @Styles.Render("~/Scripts/jqPlot/jquery.jqplot")
+}
+
+@section Scripts {
+    @Scripts.Render("~/Scripts/jqPlot/jquery.jqplot")
+    <script>
+        $.jqplot('chartdiv', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
+    </script>
+}