Free cookie consent management tool by TermsFeed Policy Generator

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

Last change on this file since 13714 was 13714, checked in by jlodewyc, 8 years ago

#2582 Implement graphs(Pie and line per task) + live job overview with SignalR

File size: 4.4 KB
Line 
1@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
2@using Newtonsoft.Json;
3<div class="panel panel-warning" style="border-color:#f6cd94!important; border-width:2px!important;
4box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
5text-shadow:2px 2px black">
6    <div class="panel-heading"
7         data-toggle="collapse"
8         data-target="#panbody@(Model.hiveTask.Task.Id)"
9         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
10         aria-expanded="false"
11         aria-controls="panbody@(Model.hiveTask.Task.Id)">
12        <table class="table ">
13            <thead>
14                <tr>
15                    <th>Batch run: @Model.hiveTask.ItemTask.Name</th>
16                    <th style="font-size:large">
17                        @if (Model.hiveTask.Task.Priority == 0)
18                        {
19                            <span class="label label-default"> Priority low</span>
20                        }
21                        else if (Model.hiveTask.Task.Priority == 1)
22                        {
23                            <span class="label label-info">Priority normal</span>
24                        }
25                        else if (Model.hiveTask.Task.Priority == 2)
26                        {
27                            <span class="label label-warning">Priority urgent</span>
28
29                        }
30                        else if (Model.hiveTask.Task.Priority == 3)
31                        {
32                            <span class="label label-danger">Priority critical</span>
33
34                        }
35                    </th>
36
37                </tr>
38            </thead>
39            <tbody>
40                <tr>
41                    <td id="lastupdpar@(Model.hiveTask.Task.Id)">
42                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
43                    </td>
44                    <td id="statepar@(Model.hiveTask.Task.Id)">
45                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
46                    </td>
47
48                </tr>
49                <tr>
50                    <td id="executionpar@(Model.hiveTask.Task.Id)">
51                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
52                    </td>
53                    <td>Created: @Model.hiveTask.Task.DateCreated</td>
54                 </tr>
55                <tr>
56                    <td>
57                        Child task distribution
58                        <input type="checkbox"
59                               disabled
60                               @(Model.hiveTask.ItemTask.ComputeInParallel ? "checked" : "" )
61                               data-toggle="toggle"
62                               data-onstyle="success" />
63                    </td>
64                    <td id="statechangespar@(Model.hiveTask.Task.Id)">
65                        <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
66                    </td>
67                </tr>
68            </tbody>
69        </table>
70    </div>
71    <div class="panel-body " style="text-shadow:none">
72        <div class="collapse" id="panbody@(Model.hiveTask.Task.Id)">
73            <input id="graphtoggle@(Model.hiveTask.Task.Id)"
74                   type="checkbox"
75                   data-toggle="toggle"
76                   checked
77                   data-on="Line"
78                   data-off="Pie"
79                   onchange="redrawGraph('@(Model.hiveTask.Task.Id)')">
80            <h4 id="graphtitle@(Model.hiveTask.Task.Id)">
81                <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i>
82            </h4>
83            <div style="text-shadow:none" id="graph@(Model.hiveTask.Task.Id)"></div>
84        </div>
85    </div>
86    @if (Model.hiveTask.ChildHiveTasks.Count > 0)
87    {
88        <div class="panel-body">
89            @foreach (var task in Model.hiveTask.ChildHiveTasks)
90            {
91                @Html.Partial("SelectedJobPartials/_TaskPartial",
92                        new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))
93
94            }
95        </div>
96    }
97    <script type="text/javascript">
98        initSaveData("@(Model.hiveTask.Task.Id)",
99            @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)));
100
101        document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 90%; height: 450px;";
102
103        Plotly.newPlot('graph@(Model.hiveTask.Task.Id)',
104            getData("@Model.hiveTask.Task.Id"));
105
106    </script>
107</div>
Note: See TracBrowser for help on using the repository browser.