source: branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Views/LoginRequired/Admin.cshtml @ 11020

@model HeuristicLab.Services.Hive.Statistics.Models.AdminModel

@{
    ViewBag.Title = "Admin";
}

@if(!Model.IsAdmin) {
  <h1>The user you are logged in as: @Model.UserName, is not an administrator.</h1>
}
else {
    <!--[if gte IE 9]>
    <style type="text/css">
      .innerBar {
          filter: none;
      }
    </style>
  <![endif]-->
  <h1>Welcome to the administrator page @Model.UserName!</h1>
  <button id="UserOverviewButton" class="tabButton">User Overview</button>
  <button id="TaskOverviewButton" class="tabButton">Task Overview</button>
  //User overview
  <section id="UserOverviewTab" class="tabSection">
    <fieldset id="Users" class="usersField">
      <legend>Users</legend>
      <select id="UserList" class="usersList">
      </select>
      <label>Start</label>
      @Html.TextBox("UserStart", (DateTime.Now - new TimeSpan(8, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
      <label>End</label>
      @Html.TextBox("UserEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
    </fieldset>
    <section id="TasksContainer" class="adminDataContainer"></section>
  </section>
  //Task overview
  <section id="TaskOverviewTab" class="tabSection">
    <fieldset id="TaskUsers" class="usersField">
      <legend>Users</legend>
      <select id="TaskUserList" class="usersList">
      </select>
      <label>Start</label>
      @Html.TextBox("TaskStart", (DateTime.Now - new TimeSpan(8, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
      <label>End</label>
      @Html.TextBox("TaskEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
    </fieldset>
    <section id="TaskStatsContainer" class="adminDataContainer"></section>
  </section>
}

@section Styles {
  @Styles.Render("~/Styles/jqPlot/jquery.jqplot")
  @Styles.Render("~/Content/themes/base/css")
}

@section Scripts {
  @Scripts.Render("~/bundles/jqueryui")
  @Scripts.Render("~/Scripts/CollapsingSection.js")
  @Scripts.Render("~/Scripts/jqPlot/jquery.jqplot")
  @Scripts.Render("~/Scripts/jqPlot/plugins/jqplot.barRenderer.min.js")
  @Scripts.Render("~/Scripts/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js")
  @Scripts.Render("~/Scripts/jqPlot/plugins/jqplot.pointLabels.min.js")

  @AdminHelper.UserList("UserList", Url.Action("UserList", "AdminData"),true)
  @AdminHelper.UserList("TaskUserList", Url.Action("UserList", "AdminData"),false)

  <script>
    var startDate;
    var endDate;
    var selectedUser;

    $(document).ready(function () {
      $("#UserStart, #UserEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshUser(); }
      });
    });

    $("#UserList").change(function () {
      RefreshUser();
    });

    function RefreshUser () {
      selectedUser = $("#UserList").val();
      startDate = $('#UserStart').val();
      endDate = $('#UserEnd').val();
      @ChartHelper.TasksForUser("TasksContainer", "Task", Url.Action("GetUserTask", "ChartData"),"selectedUser","startDate","endDate")
      @ChartHelper.ResizeTasks("Task")
    }

    $(document).ready(function () {
      $("#TaskStart, #TaskEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshTask(); }
      });
    });

    $("#TaskUserList").change(function () {
      RefreshTask();
    });

    function RefreshTask() {
      selectedUser = $("#TaskUserList").val();
      startDate = $('#TaskStart').val();
      endDate = $('#TaskEnd').val();
      @AdminHelper.UserTaskStats("TaskStatsContainer",Url.Action("AllTaskStats", "AdminData"),Url.Action("UserTaskStats", "AdminData"),"selectedUser","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');
    })
  </script>
}