source: branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_AlgTask.cshtml @ 13714

@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
@using Newtonsoft.Json;
<div class="panel panel-primary"
     style="border-width:2px!important;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-shadow:2px 2px black">
    <div class="panel-heading"
         data-toggle="collapse"
         data-target="#panbody@(Model.hiveTask.Task.Id)"
         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
         aria-expanded="false"
         aria-controls="panbody@(Model.hiveTask.Task.Id)">
        <table class="table">
            <thead>
                <tr>
                    <th>Algorithm: @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="lastupdpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                    <td id="statepar@(Model.hiveTask.Task.Id)"
                        >
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>

                </tr>
                <tr>
                    <td id="executionpar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                    <td>Created: @Model.hiveTask.Task.DateCreated</td>
                </tr>
                <tr>
                    <td></td>
                    <td id="statechangespar@(Model.hiveTask.Task.Id)">
                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="panel-body " style="text-shadow:none">
        <div class="collapse" id="panbody@(Model.hiveTask.Task.Id)">
          
            <input id="graphtoggle@(Model.hiveTask.Task.Id)"
                   type="checkbox"
                   data-toggle="toggle"
                   data-on="Line"
                   data-off="Pie"
                   onchange="redrawGraph('@(Model.hiveTask.Task.Id)')" />
            <h4 id="graphtitle@(Model.hiveTask.Task.Id)">
                <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
            </h4>
            <div id="graph@(Model.hiveTask.Task.Id)"></div>
        </div>
    </div>
    <script type="text/javascript">
        initSaveData("@(Model.hiveTask.Task.Id)",
            @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)));

        document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 90%; height: 450px;";

        Plotly.newPlot('graph@(Model.hiveTask.Task.Id)',
            getDataPie("@Model.hiveTask.Task.Id"));
    </script>
</div>