source: branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_ExpTask.cshtml @ 13712

@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
@using Newtonsoft.Json;

<div class="panel panel-danger" style="border-color:#c12e2a!important; border-width:2px!important">
    <div class="panel-heading"
         data-toggle="collapse"
         data-target="#panbody@(Model.hiveTask.Task.Id)"
         onclick="redrawexp('@(Model.hiveTask.Task.Id)')"
       aria-expanded="false"
       aria-controls="panbody@(Model.hiveTask.Task.Id)">
        <table class="table ">
            <thead>
                <tr>
                    <th>Experiment: @Model.hiveTask.ItemTask.Name</th>
                    <th style="font-size:large">
                        @if (Model.hiveTask.Task.Priority == 0)
                        {
                            <span class="label label-default"> Priority low</span>
                        }
                        else if (Model.hiveTask.Task.Priority == 1)
                        {
                            <span class="label label-info">Priority normal</span>
                        }
                        else if (Model.hiveTask.Task.Priority == 2)
                        {
                            <span class="label label-warning">Priority urgent</span>

                        }
                        else if (Model.hiveTask.Task.Priority == 3)
                        {
                            <span class="label label-danger">Priority critical</span>

                        }
                    </th>

                </tr>
            </thead>
            <tbody>
                <tr>
                    <td id="lastupdate@(Model.hiveTask.Task.Id)">
                        Last update @Model.hiveTask.Task.LastTaskDataUpdate
                    </td>
                    <td id="state@(Model.hiveTask.Task.Id)">State: @Model.hiveTask.Task.State</td>

                </tr>
                <tr>
                    <td id="exectime@(Model.hiveTask.Task.Id)">
                        @Model.hiveTask.Task.ExecutionTime executed
                    </td>
                    <td>Created: @Model.hiveTask.Task.DateCreated</td>
                </tr>
                <tr>
                    <td>
                        Child task distribution
                        <input type="checkbox"
                               disabled
                               @(Model.hiveTask.ItemTask.ComputeInParallel ? "checked" : "" )
                               data-toggle="toggle"
                               data-onstyle="success" />
                    </td>
                    <td>Statelogs: @Model.hiveTask.Task.StateLog.Count</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="panel-body ">
        <div class="collapse" id="panbody@(Model.hiveTask.Task.Id)">
            <h4>From @Model.hiveTask.Task.StateLog.First().DateTime <br />to @Model.hiveTask.Task.StateLog.Last().DateTime  </h4>
            <div id="graph@(Model.hiveTask.Task.Id)"></div>
        </div>
    </div>
    @if (Model.hiveTask.ChildHiveTasks.Count > 0)
    {
        <div class="panel-body ">
            @foreach (var task in Model.hiveTask.ChildHiveTasks)
            {
                @Html.Partial("SelectedJobPartials/_TaskPartial",
                    new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))

            }
        </div>
    }
    <script type="text/javascript">
        var temp = @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog));
        var xarr = [];
        var yarr = [];
        for(var v = 0; v < temp.length; v++){
            xarr.push(temp[v].DateTime.substr(11,8));
            if(temp[v].State == 1)
                yarr.push("Waiting");
            else if(temp[v].State == 2)
                yarr.push("Transferring");
            else if(temp[v].State == 3)
                yarr.push("Calculating");
            else if(temp[v].State == 5)
                yarr.push("Finished");
            else if(temp[v].State == 7)
                yarr.push("Failed");
        }

        var data = [{
            x: xarr,
            y: yarr,
            type:'scatter'
        }];
        document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 90%; height: 450px;";

        Plotly.newPlot('graph@(Model.hiveTask.Task.Id)', data);

        function redrawexp(val){
            setTimeout(function(){
                Plotly.newPlot('graph' + val,data);
            }, 100);
            

        }

    </script>
</div>