Free cookie consent management tool by TermsFeed Policy Generator

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