source: branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFile.cshtml @ 13754

Last change on this file since 13754 was 13754, checked in by jlodewyc, 6 years ago

#2582 User management done, start resource calendar

File size: 8.1 KB
Line 
1@using Microsoft.AspNet.Http;
2
3@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
4
5
6<body id="top"
7      class="row"
8      data-spy="scroll"
9      data-target="#scrolly"
10      data-offset-top="500"
11      onscroll="showScrolly()"
12      style="margin-bottom:500px;margin-left:1px;margin-right:1px;">
13    <div id="userId" style="display:none">@ViewBag.SessionId</div>
14    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job"))
15
16    <ul class="nav nav-pills nav-justified">
17        <li role="presentation"
18            class="">
19            <a asp-controller="Job"
20               asp-action="Index">
21                <i class="fa fa-tasks"></i> Jobs
22            </a>
23        </li>
24        <li role="presentation"
25            class="active">
26            <a asp-controller="Job"
27               asp-action="Uploads">
28                <i class="fa fa-cloud"></i>  Uploads
29            </a>
30        </li>
31    </ul>
32    <div class="row"
33         style="margin-left:20px">
34        <a class="btn btn-default"
35           asp-controller="Job"
36           asp-action="Uploads">
37            <i class="fa fa-angle-double-left"></i> Back to uploads
38        </a>
39    </div>
40
41    <div class="col-md-9">
42        @if (Model.SelectedAlgorithm != null)
43        {
44            @Html.Partial("OpenFilePartials/_Algorithm", Model);
45
46        }
47        else if (Model.SelectedBatchRun != null)
48        {
49            @Html.Partial("OpenFilePartials/_BatchRun", Model);
50
51        }
52        else if (Model.SelectedExperiment != null)
53        {
54            @Html.Partial("OpenFilePartials/_Experiment", Model);
55
56        }
57
58        <hr style="border-color:gray; margin-top:50px" />
59        <div id="finish"
60             style="text-align:center">
61            <h2>
62                Hive job information
63            </h2>
64            <div class="row"
65                 style="margin-bottom:20px">
66
67                <div class="col-sm-6"
68                     style="text-align:right">
69                    <h5>Job name</h5>
70                </div>
71                <div class="col-sm-6"
72                     style="text-align:left">
73                    <div class="form-group">
74                        <div class="input-group">
75                            <input type="text"
76                                   class="form-control"
77                                   name="jname"
78                                   id="jname"
79                                   placeholder="Job name">
80                        </div>
81                    </div>
82                </div>
83            </div>
84            <div class="row"
85                 style="margin-bottom:20px">
86                <div class="col-sm-6"
87                     style="text-align:right">
88                    <h5>
89                        Resources (optional)
90                    </h5>
91                </div>
92                <div class="col-sm-6"
93                     style="text-align:left">
94                    <div class="form-group">
95                        <div class="input-group">
96                            <input type="text"
97                                   class="form-control"
98                                   name="jresource"
99                                   id="jresource"
100                                   placeholder="(seperate with ;)">
101                        </div>
102                    </div>
103                </div>
104            </div>
105
106            <div class="row">
107                <h5 class="col-sm-6"
108                    style="text-align:right;margin-top:20px">
109                    Set global job priority
110                </h5>
111                <div class="col-sm-6">
112                    <div class="btn-group pull-left"
113                         style="margin:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
114                            text-shadow:2px 2px black;">
115                        <button type="button"
116                                id="prior"
117                                class="btn btn-info dropdown-toggle"
118                                data-toggle="dropdown"
119                                aria-haspopup="true" aria-expanded="false">
120                            Normal <span class="caret"></span>
121                        </button>
122                        <ul class="dropdown-menu"
123                            style="text-shadow:none">
124                            <li><a onclick="changePriority([],0,'')">Low</a></li>
125                            <li><a onclick="changePriority([],1,'')">Normal</a></li>
126                            <li><a onclick="changePriority([],2,'')">Urgent</a></li>
127                            <li><a onclick="changePriority([],3,'')">Critical</a></li>
128                        </ul>
129                    </div>
130                </div>
131            </div>
132
133
134            <a class="btn btn-lg btn-success"
135               id="fakehiveadd"
136               onclick="addtoHive()"
137               style="margin:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
138                            text-shadow:2px 2px black;">
139                Add this job to Hive
140            </a>
141
142
143
144            <a class="btn btn-success " id="realhiveadd" asp-controller="Job" asp-action="AddToHive" style="display:none"></a>
145            <h4 id="result" style="display:none">Start uploading experiment...</h4>
146            <div class="progress" id="progdiv" style="display:none">
147
148                <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"
149                     id="progress"
150                     aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:10%">
151
152                </div>
153            </div>
154        </div>
155
156
157
158
159    </div>
160    <nav style="margin-top:50px; "
161         class="col-md-2" id="scrolly">
162        <ul class="nav nav-pills nav-stacked"
163            data-spy="affix"
164            data-offset-top="0">
165
166            <li><a href="#top"><i class="fa fa-angle-up"></i> Top</a></li>
167            @if (Model.SelectedAlgorithm != null)
168            {
169                <li><a href="#algorithm">Algorithm parameters</a></li>
170                <li><a href="#problem">Problem parameters</a></li>
171            }
172            else
173            {
174                <li><a id="ctasks" href="#tasks">Child tasks </a></li>
175                <li><a onclick="shower()" href="#tasks"><i class="fa fa-eye"></i> Show all tasks</a></li>
176                <li><a onclick="collapser()" href="#tasks"><i class="fa fa-eye-slash"></i> Hide all tasks</a></li>
177               
178            }
179            <li><a href="#finish"><i class="fa fa-flag-checkered"></i> Job info and upload</a></li>
180        </ul>
181    </nav>
182
183    <script src="~/js/hubs/progresshubber.js"></script>
184   
185    <script>
186        showScrolly = function () {
187            document.getElementById("scrolly").style.display = "";
188
189        }
190        $(function () {
191            $('nav > ul > li > a').click(function () {
192                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
193                    var target = $(this.hash);
194                    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
195                    if (target.length) {
196                        $('html, body').animate({
197                            scrollTop: target.offset().top
198                        }, 1000);
199                        return false;
200                    }
201                }
202            });
203            $('body').click(function () {
204                if ($("#ctasks").length > 0)
205                    $("#ctasks").html("<i class='fa fa-sitemap'></i> Tasks (" + $('a[href^="#collapseExample"]').length + ")");
206            });
207            $('body').click();
208           
209        });
210        collapser = function () {
211            $('.collapse').collapse('hide');
212
213        }
214        shower = function () {
215            $('.collapse').collapse('show');
216
217        }
218    </script>
219</body>
220
Note: See TracBrowser for help on using the repository browser.