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

@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>
  <button id="SlaveOverviewButton" class="tabButton">Slave Overview</button>
  <button id="ExceptionOverviewButton" class="tabButton">Exception Overview</button>
  //User overview
  <section id="UserOverviewTab" class="tabSection">
    <fieldset id="Users" class="usersField">
      <legend>Users</legend>
      <select id="UserList" class="mainList">
      </select>
      <fieldset class="filterChoices">
        <legend>Filter by</legend>
        <label>Date</label>
        <input type="checkbox" name="filterChoice" value="UserDate" 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="UserLimit">
          <option>20</option>
          <option>50</option>
          <option selected="selected">100</option>
          <option>200</option>
        </select>
      </fieldset>
    </fieldset>
    <fieldset class="filters">
      <legend>Filters</legend>
      <fieldset id="FilterUserDate" class="filterContainer">
        <legend>Date</legend>
        <label>Start</label>
        @Html.TextBox("UserStart", (DateTime.Now - new TimeSpan(1, 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>
      <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="UserApply">Apply</button>
    </fieldset>
    <button id="ScrollTop">^</button>
    <section id="TasksContainer" class="tabDataContainer"></section>
  </section>
  //Task overview
  <section id="TaskOverviewTab" class="tabSection">
    <fieldset id="TaskUsers" class="usersField">
      <legend>Users</legend>
      <select id="TaskUserList" class="mainList">
      </select>
      <label>Start</label>
      @Html.TextBox("TaskStart", (DateTime.Now - new TimeSpan(1, 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="tabDataContainer taskOverview"></section>
  </section>
  //Slave overview
  <section id="SlaveOverviewTab" class="tabSection">
    <fieldset class="filterChoices">
      <legend>Filter by</legend>
      <label>Date</label>
      <input type="checkbox" name="filterChoice" value="SlaveDate" checked="checked">
      <label>Users</label>
      <input type="checkbox" name="filterChoice" value="User">
      <label>Limit</label>
      <select id="SlaveLimit">
        <option>10</option>
        <option>50</option>
        <option selected="selected">100</option>
        <option>200</option>
      </select>
    </fieldset>
    <fieldset class="filters">
      <legend>Filters</legend>
      <fieldset id="FilterSlaveDate" class="filterContainer">
        <legend>Date</legend>
        <label>Start</label>
        @Html.TextBox("SlaveStart", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
        <label>End</label>
        @Html.TextBox("SlaveEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
      </fieldset>
      <fieldset id="FilterUser" class="filterContainer">
        <legend>User</legend>
        <select id="SlaveUserList">
        </select>
      </fieldset>
      <button id="SlaveApply">Apply</button>
    </fieldset>
    <section id="SlavesContainer" class="tabDataContainer"></section>
  </section>
  //Slave overview
  <section id="ExceptionOverviewTab" class="tabSection">
    <fieldset class="filterChoices">
      <legend>Filter by</legend>
      <label>Date</label>
      <input type="checkbox" name="filterChoice" value="ExceptionDate" checked="checked">
      <label>Users</label>
      <input type="checkbox" name="filterChoice" value="ExceptionUser">
      <label>Limit</label>
      <select id="ExceptionLimit">
        <option>20</option>
        <option>50</option>
        <option selected="selected">100</option>
        <option>200</option>
      </select>
    </fieldset>
    <fieldset class="filters">
      <legend>Filters</legend>
      <fieldset id="FilterExceptionDate" class="filterContainer">
        <legend>Date</legend>
        <label>Start</label>
        @Html.TextBox("ExceptionStart", (DateTime.Now - new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
        <label>End</label>
        @Html.TextBox("ExceptionEnd", (DateTime.Now + new TimeSpan(1, 0, 0, 0)).ToString("yyyy-MM-dd"), new { @class = "date" })
      </fieldset>
      <fieldset id="FilterExceptionUser" class="filterContainer">
        <legend>User</legend>
        <select id="ExceptionUserList">
        </select>
      </fieldset>
      <button id="ExcpetionApply">Apply</button>
    </fieldset>
    <section id="ExceptionContainer" class="tabDataContainer"></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/jquery.scrollstop.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)
  @AdminHelper.UserList("SlaveUserList", Url.Action("UserList", "AdminData"), false)

  <script>
    var startDate;
    var endDate;
    var selectedUser;
    var limit;
    var pageNumber;
    var userId;
    var numberTasks = 0;

    $(document).ready(function () {
      $("#UserStart, #UserEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshUser(); }
      });
      $("#TaskStart, #TaskEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshTask(); }
      });
      $("#SlaveStart, #SlaveEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshSlave(); }
      });
      $("#ExceptionStart, #ExceptionEnd").datepicker({
        dateFormat: "yy-mm-dd",
        onSelect: function () { RefreshException(); }
      });
    });

    $("#UserApply").button({ icons: { primary: "ui-icon-refresh" } });
    $("#UserApply").click(function () { RefreshUser(); });

    $("#SlaveApply").button({ icons: { primary: "ui-icon-refresh" } });
    $("#SlaveApply").click(function () { RefreshSlave(); });

    $("#ExceptionApply").button({ icons: { primary: "ui-icon-refresh" } });
    $("#ExceptionApply").click(function () { RefreshException(); });

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

    $("[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 RefreshUser() {
      selectedUser = $("#UserList").val();
      limit = $("#UserLimit").val();
      startDate = null;
      endDate = null;
      jobId = null;
      taskState = null;
      if ($("[value='UserDate']").is(":checked")) {
        startDate = $('#UserStart').val();
        endDate = $('#UserEnd').val();
      }
      if ($("[value='JobName']").is(':checked')) {
        jobId = $('#JobNames').val();
      }
      if ($("[value='TaskState']").is(':checked')) {
        taskState = $('#TaskState').val();
      }
      @ExceptionHelper.UserExceptions("TasksContainer", Url.Action("TaskExceptions", "ExceptionData"), "selectedUser", "limit", "startDate", "endDate", "jobId", "taskState")
      @ChartHelper.TasksForUser("TasksContainer", "Task", Url.Action("UserTask", "ChartData"), "RefreshUser", "selectedUser", "limit", "startDate", "endDate", "jobId", "taskState", "pageNumber")
      pageNumber = null;
    }

    @ChartHelper.ResizeTasks("Task")
    @ExceptionHelper.ScrollToException()

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

    function RefreshTask() {
      selectedUser = $("#TaskUserList").val();
      startDate = $('#TaskStart').val();
      endDate = $('#TaskEnd').val();
      @AdminHelper.UserTaskStats("TaskStatsContainer", Url.Action("TaskStats", "AdminData"), "selectedUser", "startDate", "endDate")
    }

    $("#SlaveList").change(function () {
      RefreshSlave();
    });

    function RefreshSlave() {
      selectedUser = null;
      limit = $("#SlaveLimit").val();
      startDate = null;
      endDate = null;
      if ($("[value='SlaveDate']").is(":checked")) {
        startDate = $('#SlaveStart').val();
        endDate = $('#SlaveEnd').val();
      }
      if ($("[value='User']").is(':checked')) {
        selectedUser = $('#SlaveUserList').val();
      }
      @ChartHelper.SlaveInfoChart("SlavesContainer",Url.Action("SlaveInfo","ChartData"),"limit","startDate","endDate","selectedUser","RefreshSlave","pageNumber")
      pageNumber = null;
    }

    $(".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>
}