source: branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/App_Code/ExceptionHelper.cshtml @ 12394

@* HeuristicLab
 * Copyright (C) 2002-2013 Heuristic and Evolutionary Algorithms Laboratory (HEAL)
 *
 * This file is part of HeuristicLab.
 *
 * HeuristicLab is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * HeuristicLab is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with HeuristicLab. If not, see <http://www.gnu.org/licenses/>.
 *@

@helper UserExceptions(string destinationTag, string url, string userName = null, string startDate = null, string endDate = null, string jobId = null, string taskState = null, string slaveId=null)
{
  <text>
  var GetRequest = "";
  @if (userName != null) {
    @:if(@(userName)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?userName=" + @userName;
      @:}
      @:else {
        @:GetRequest += "&userName=" + @userName;
      @:}
    @:}
  }
  @if (startDate != null)
  {
    @:if(@(startDate)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?start=" + @startDate;
      @:}
      @:else {
        @:GetRequest += "&start=" + @startDate;
      @:}
    @:}
  }
  @if (endDate != null)
  {
    @:if(@(endDate)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?end=" + @endDate;
      @:}
      @:else {
        @:GetRequest += "&end=" + @endDate;
      @:}
    @:}
  }
  @if (jobId != null)
  {
    @:if(@(jobId)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?jobId=" + @jobId;
      @:}
      @:else {
        @:GetRequest += "&jobId=" + @jobId;
      @:}
    @:}
  }
  @if (taskState != null)
  {
    @:if(@(taskState)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?taskState=" + @taskState;
      @:}
      @:else {
        @:GetRequest += "&taskState=" + @taskState;
      @:}
    @:}
  }
  @if (slaveId != null)
  {
    @:if(@(slaveId)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?slaveId=" + @slaveId;
      @:}
      @:else {
        @:GetRequest += "&slaveId=" + @slaveId;
      @:}
    @:}
  }

  $.ajax({async: false, url: "@(new HtmlString(url))" + GetRequest, datatype: "json",
    error: function(xhr,err) {
      alert("readyState: "+xhr.readyState+"\nstatus: "+xhr.status);
      alert("responseText: "+xhr.responseText);
    },
    success: function(result) {
      $("#" + "@destinationTag").html("");
      if(result.Key.length > 0) {
        var ErrorHTML = '<section class="errorContainer">' + 
                          '<p class="errorTitle">Some tasks were found in error state!</p>' + 
                          '<label class="errorTask underline">Task</label>' + 
                          '<label class="errorMessage underline">Error</label>';
        for (var i = 0; i < result.Key.length; i++) {
          ErrorHTML += '<a class="errorTask" onclick="ScrollTo(this)">' + result.Key[i] + '</a>';
          if(result.Value[i].length > 100) {
            ErrorHTML += '<a class="errorMessage shortVerison" onclick="ShowFullError(this)">Click to show full message</a>';
            ErrorHTML += '<label class="errorMessage longVersion">' + result.Value[i] + '</label>';
          }
          else {
            ErrorHTML += '<label class="errorMessage">' + result.Value[i] + '</label>';
          }
        }
        ErrorHTML += '</section>';
        $("#" + "@destinationTag").append(ErrorHTML);
      }
      else if("@(destinationTag)" == "ExceptionContainer") {
        $("#@(destinationTag)").append(
          '<section class="chartContainer">' + 
            '<h1 class="title">No errors found for the specified filters!</h1>' + 
          '</section>'
        )
      }
    }
  });
  </text>
}

@helper ScrollToException() {
  <text>
    function ScrollTo(caller) {
      var taskErrorId = $(caller).parent().parent().attr('id') + $(caller).html() + "PlotTitle";
      $("#" + taskErrorId).parent().find("button").click();
      $('html, body').animate({
          scrollTop: $("#" + taskErrorId).parent().offset().top
      }, 2000);
    }
    
    $('#ScrollTop').click(function() {
      $('html, body').animate({
          scrollTop: 0
      }, 2000);
    });

    $(window).on("scrollstop",function() {
      var newTop = $(window).scrollTop();
      if(newTop==0) {
        $('#ScrollTop').animate({
          top: newTop + 20
        }, 800, function() {
          $('#ScrollTop').css('display','none');
        });
      }
      else {
        $('#ScrollTop').css('display','block');
        $('#ScrollTop').animate({
          top: newTop + 20
        }, 800);
      }
    });
  </text>
}

@helper ShowErrors(string destinationTag) {
  <text>
  $("#@(destinationTag)").find(".errorContainer, .errorTitle, .errorTask, .errorMessage").css('display','inline-block');
  </text>
}

@helper ErrorsOnSlaves(string destinationTag, string url, string limit, string startDate = null, string endDate = null, string clientId=null, string functionName=null, string pageNumber=null) {
  <text>
  var GetRequest = "";
  @if (startDate != null)
  {
    @:if(@(startDate)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?start=" + @startDate;
      @:}
      @:else {
        @:GetRequest += "&start=" + @startDate;
      @:}
    @:}
  }
  @if (endDate != null)
  {
    @:if(@(endDate)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?end=" + @endDate;
      @:}
      @:else {
        @:GetRequest += "&end=" + @endDate;
      @:}
    @:}
  }
  @if (clientId != null)
  {
    @:if(@(clientId)!=null) {
      @:if(GetRequest == "") {
        @:GetRequest += "?clientId=" + @clientId;
      @:}
      @:else {
        @:GetRequest += "&clientId=" + @clientId;
      @:}
    @:}
  }
  $.ajax({
    async: false, url: "@(new HtmlString(url))" + GetRequest, datatype: "json", success: function(result) {

      //Checks if multipage display, if it is then trims results to
      //the results for the page to be displayed
      @ChartHelper.NumberPages("result",limit,destinationTag,functionName,pageNumber)

      //Set display of all errors to none, errors matching the tasks will be reset below
      $("#" + "@(destinationTag)").find(".errorContainer, .errorTitle, .errorTask, .errorMessage").css('display','none');

      for(i = 0; i < result.length; i++) {
        $("#" + "@(destinationTag)").append(
          '<section id="@(destinationTag)' + result[i][0] + '" class="chartContainer">' + 
            '<h1 class="title" id="@(destinationTag)' + result[i][0] + 'PlotTitle">Task ' + result[i][0] + '</h1>' + 
            '<button class="collapse" onclick="CollapseSection(this)">+</button>' + 
            '<label id="' + result[i][0] + 'ErrorMessage">Error Message: ' + result[i][1] + '</label>' + 
            '<label id="' + result[i][0] + 'Client">Slave: <a id="' + result[i][2] + '" onclick="ShowSlaveInfo(this)">' + result[i][3] + '</a></label>' + 
            '<label id="' + result[i][0] + 'User">User Name: ' + result[i][4] + '</label>' + 
            '<label id="' + result[i][0] + 'Job">Job Name: ' + result[i][5] + '</label>' + 
            '<label id="' + result[i][0] + 'Date">Date/Time: ' + result[i][6] + '</label>' + 
          '</section>'
        );

        //Re-enables the error display if any of the sections on the page have Ids matching
        //those of errors
        $(".errorTask","#" + "@(destinationTag)").each(function() { 
          if($(this).html()==result[i][0]) {
            $("#@(destinationTag)" + result[i][0] + "PlotTitle").css("color","red");
            $("#@(destinationTag)" + result[i][0] + "PlotTitle").append(" - ERROR");
            $('.errorContainer, .errorTitle, .underline','#@(destinationTag)').css('display','inline-block');
            $(this).css('display','inline-block');
            $(this).next().css('display','inline-block');
          }
        });

        CollapsedByDefault(document.getElementById("@(destinationTag)" + result[i][0] + "PlotTitle"));
      }
    }
  });
  </text>
}

@helper ShowSlaveInfo(string url, string limit, string startDate=null, string endDate=null) {
  <text>
  //Opens a sub-container with slave information
  function ShowSlaveInfo(caller) {
    var taskSlaveId = $(caller).attr('id');
    CheckFilters();
    if($(caller).parent().parent().children(".chartContainer").length == 0) {
      var destinationTag = $(caller).parent().parent().attr('id');
      @ChartHelper.SlaveContainers("destinationTag",url,limit,true,startDate,endDate,null,null,null,"taskSlaveId")
    }
    else {
      $(caller).parent().parent().children(".chartContainer").remove();
    }
  }
  </text>
}

@helper ShowFullError() {
  <text>
  function ShowFullError(caller) {
    $(caller).css('display','none');
    $(caller).next().css('display','inline-block');
  }
  </text>
}