Changeset 11030 for branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/LoginRequired/UserTask.cshtml

Timestamp:

06/20/14 16:20:02 (10 years ago)

Author:

mroscoe

Message:

 

File:

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

branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/LoginRequired/UserTask.cshtml

@@ -6 +6 @@
 
 <h1>Task Information for User: @Model.UserName</h1>
-<section>
-  <fieldset id="filters">
+<button id="TaskInformationButton" class="tabButton">Task Information</button>
+<button id="TaskOverviewButton" class="tabButton">Task Overview</button>
+<section id="TaskInformationTab" class="tabSection">
+  <fieldset id="FilterChoices">
+    <legend>Filter by</legend>
+    <label>Date</label>
+    <input type="checkbox" name="filterChoice" value="Date" checked="checked">
+    <label>Job Name</label>
+    <input type="checkbox" name="filterChoice" value="JobName">
+    <label>Task State</label>
+    <input type="checkbox" name="filterChoice" value="TaskState">
+    <label>Limit</label>
+    <select id="Limit">
+      <option>10</option>
+      <option>50</option>
+      <option selected="selected">100</option>
+      <option>200</option>
+    </select>
+  </fieldset>
+  <fieldset id="Filters">
     <legend>Filters</legend>
-    <label>Start</label>
-    @Html.TextBox("Start", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
-    <label>End</label>
-    @Html.TextBox("End", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+    <fieldset id="FilterDate" class="filterContainer">
+      <legend>Date</legend>
+      <label>Start</label>
+      @Html.TextBox("InfoStart", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+      <label>End</label>
+      @Html.TextBox("InfoEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+    </fieldset>
+    <fieldset id="FilterJobName" class="filterContainer">
+      <legend>Job Name</legend>
+      @Html.DropDownList("JobNames")
+    </fieldset>
+    <fieldset id="FilterTaskState" class="filterContainer">
+      <legend>Task State</legend>
+      @Html.DropDownList("TaskStates")
+    </fieldset>
     <button id="Apply">Apply</button>
   </fieldset>
+  <button id="ScrollTop">^</button>
+  <section id="TasksContainer" class="tabDataContainer"></section>
 </section>
-<section id="TasksContainer">
+<section id="TaskOverviewTab" class="tabSection">
+  <fieldset id="TaskOverviewFilter" class="usersField">
+    <legend>Filters</legend>
+    <label id="TaskOverviewFilterFirst">Start</label>
+    @Html.TextBox("OverviewStart", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+    <label>End</label>
+    @Html.TextBox("OverviewEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
+  </fieldset>
+  <section id="TaskStatsContainer" class="tabDataContainer taskOverview"></section>
 </section>
 
@@ -27 +66 @@
   @Scripts.Render("~/bundles/jqueryui")
   @Scripts.Render("~/Scripts/CollapsingSection.js")
+  @Scripts.Render("~/Scripts/jquery.scrollstop.js")
   @Scripts.Render("~/Scripts/jqPlot/jquery.jqplot")
   @Scripts.Render("~/Scripts/jqPlot/plugins/jqplot.barRenderer.min.js")
@@ -40 +80 @@
       }
     });
+    $("#Apply").click(function () {
+      TaskInformation();
+    });
+
     $(document).ready(function () {
-      $(".date").datepicker({
+      $("#InfoStart, #InfoEnd").datepicker({
         dateFormat: "yy-mm-dd",
-        onSelect: function () { filterTasks(); }
+        onSelect: function () { TaskInformation(); }
+      });
+      $("#OverviewStart, #OverviewEnd").datepicker({
+        dateFormat: "yy-mm-dd",
+        onSelect: function () { TaskOverview(); }
       });
     });
-    $("#Apply").click(function () {
-      filterTasks();
+
+    $("[name='filterChoice']").click(function () {
+      var filterName = $(this).val();
+      if ($(this).is(':checked')) {
+        $("#Filter" + filterName).css("display", "inline-block");
+      }
+      else {
+        $("#Filter" + filterName).css("display", "none");
+      }
     });
 
-    function filterTasks() {
-      startDate = $('#Start').val();
-      endDate = $('#End').val();
+    var userName = "@Model.UserName";
+    var limit = $('#Limit').val();
+    var startDate = $('#InfoStart').val();
+    var endDate = $('#InfoEnd').val();
+    var jobId;
+    var taskState;
+    var pageNumber;
 
-      @ChartHelper.TasksForUser("TasksContainer","Task",Url.Action("GetUserTask", "ChartData"),"userName","startDate","endDate")
-      @ChartHelper.ResizeTasks("Task")
+    function TaskInformation() {
+      limit = $('#Limit').val();
+      startDate = null;
+      endDate = null;
+      jobId = null;
+      taskState = null;
+      if ($("[value='Date']").is(":checked")) {
+        startDate = $('#InfoStart').val();
+        endDate = $('#InfoEnd').val();
+      }
+      if ($("[value='JobName']").is(':checked')) {
+        jobId = $('#JobNames').val();
+      }
+      if ($("[value='TaskState']").is(':checked')) {
+        taskState = $('#TaskState').val();
+      }
+      @ExceptionHelper.UserExceptions("TasksContainer",Url.Action("TaskExceptions", "ExceptionData"),"userName","limit","startDate","endDate","jobId","taskState")
+      @ChartHelper.TasksForUser("TasksContainer","Task",Url.Action("NumberPages", "ChartData"),Url.Action("GetUserTask", "ChartData"),"TaskInformation","userName","limit","startDate","endDate","jobId","taskState","pageNumber")
+      pageNumber = null;
     }
 
-    var userName = "@Model.UserName";
-    var startDate = $('#Start').val();
-    var endDate = $('#End').val();
+    function TaskOverview() {
+      startDate = $('#OverviewStart').val();
+      endDate = $('#OverviewEnd').val();
+      @AdminHelper.UserTaskStats("TaskStatsContainer",Url.Action("TaskStats", "AdminData"),"userName","startDate","endDate")
+    }
 
-    @ChartHelper.TasksForUser("TasksContainer","Task",Url.Action("GetUserTask", "ChartData"),"userName","startDate","endDate")
+    $(".tabButton").click(function () {
+      var sender = $(this).attr('id');
+      $(".tabButton").css({ 'border-bottom': '1px solid #8297F5', 'background': 'none' });
+      $(this).css({ 'border-bottom': '1px solid #E0E6FF', 'background-color': '#E0E6FF' });
+      $(".tabSection").css('display', 'none');
+      $("#" + sender.slice(0, -6) + "Tab").css('display', 'block');
+    })
+
+    TaskInformation();
     @ChartHelper.ResizeTasks("Task")
+    @ExceptionHelper.ScrollToException()
   </script>
-
 }