- Timestamp:
- 05/12/16 17:09:12 (9 years ago)
- Location:
- branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job
- Files:
-
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Index.cshtml
r13827 r13847 7 7 <div> 8 8 <!-- Main nav menu--> 9 @Html.Partial("Navbar", new NavbarViewModel("Job" ))9 @Html.Partial("Navbar", new NavbarViewModel("Job", Model.currentUser)) 10 10 11 11 <!-- Job menu--> … … 27 27 </ul> 28 28 29 <div class="row" 30 style="text-align:center"> 31 @Model.message 32 </div> 29 @Html.Partial("_ErrorMessage", Model.message) 33 30 34 31 <div class="row" … … 52 49 <i class="fa fa-cog"></i> Hive jobs 53 50 </a> 54 @foreach (var job in Model.userJobs )51 @foreach (var job in Model.userJobs.OrderBy(x => x.Job.DateCreated)) 55 52 { 56 53 <a class="btn btn-default … … 64 61 onclick="showLoader()"> 65 62 @job.Job.Name - @job.Job.DateCreated 66 <span class="label 63 <span style="text-shadow:2px 2px black; font-size:13px" 64 class="label 67 65 @(job.Job.FinishedCount == @job.Job.JobCount ? "label-success" : "label-default") 68 66 label-as-badge pull-right"> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFile.cshtml
r13844 r13847 14 14 <div id="userId" style="display:none">@ViewBag.SessionId</div> 15 15 <!-- Main nav menu --> 16 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job" ))16 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job", Model.currentUser)) 17 17 18 18 <!-- Job menu--> … … 42 42 </a> 43 43 </div> 44 @Html.Partial("OpenFilePartials/_Help", Model) ;44 @Html.Partial("OpenFilePartials/_Help", Model) 45 45 <!-- Check model to select right partial, partial handles all subloading --> 46 <div class="col- md-9">46 <div class="col-sm-9"> 47 47 @if (Model.SelectedAlgorithm != null) 48 48 { … … 170 170 asp-action="saveToFile" 171 171 method="post"> 172 <div class="col-sm-6" 173 style="text-align:right"> 174 <h5>File name</h5> 175 </div> 176 <div class="col-sm-6" 177 style="text-align:left"> 178 <div class="form-group"> 179 <div class="input-group"> 180 <input type="text" 181 class="form-control" 182 name="fname" 183 id="fname" 184 required 185 placeholder="File name"> 172 <div class="row"> 173 <div class="col-sm-3" 174 style="text-align:right"> 175 <h5>File name</h5> 176 </div> 177 <div class="col-sm-9" 178 style="text-align:left"> 179 <div class="form-group"> 180 <div class="input-group"> 181 <input type="text" 182 class="form-control" 183 name="fname" 184 id="fname" 185 required 186 placeholder="File name"> 187 </div> 186 188 </div> 187 189 </div> 188 190 </div> 189 <div class="row" 190 style="text-align:center"> 191 <h5>Directory: /HiveChanged</h5> 191 <div class="row"> 192 <div class="col-sm-3" 193 style="text-align:right"> 194 <h5>Directory name</h5> 195 </div> 196 <div class="col-sm-9" 197 style="text-align:left"> 198 <div class="form-group"> 199 <div class="input-group"> 200 <input type="text" 201 class="form-control" 202 name="dname" 203 id="dname" 204 required 205 placeholder="Directory name" 206 list="dirnames"> 207 </div> 208 <datalist id="dirnames"> 209 @if (!Model.directories.Contains(DateTime.Now.ToString("yyyy.MM.dd"))) 210 { 211 <option value="@(DateTime.Now.ToString("yyyy.MM.dd"))">Creates new directory for today</option> 212 } 213 @foreach (var d in Model.directories) 214 { 215 <option value="@d"></option> 216 } 217 </datalist> 218 </div> 219 </div> 192 220 </div> 193 221 <button class="btn btn-success btn-block" type="submit" … … 203 231 </div> 204 232 <!-- Side scrolling menu--> 205 <nav class="col- md-2" id="scrolly">233 <nav class="col-sm-2" id="scrolly"> 206 234 <ul class="nav nav-pills nav-stacked" 235 style="position:fixed" 207 236 data-spy="affix" 208 237 data-offset-top="0"> … … 222 251 } 223 252 <li><a href="#finish"><i class="fa fa-flag-checkered"></i> Add to Hive or save to file</a></li> 224 <li >253 <li style="position:fixed"> 225 254 <div class="alert alert-success" id="success-alert"> 226 255 <span id="succText"></span> … … 262 291 }); 263 292 collapser = function () { 264 $('.collapse'). collapse('hide');293 $('.collapse').not('#helperCol').collapse('hide'); 265 294 //closes every collapse 266 295 } 267 296 shower = function () { 268 $('.collapse').collapse('show'); 297 $('.collapse').not('#helperCol').collapse('show'); 298 269 299 //opens every collapse 270 300 } -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_Help.cshtml
r13841 r13847 17 17 <div class="collapse row" 18 18 id="helperCol" 19 style="background-color:#5bc0de;color:black; font-size:larger;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);19 style="background-color:#5bc0de;color:black; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 20 20 "> 21 21 <h3>Types</h3> … … 23 23 <span class="label label-primary">Algorithm</span>. Clicking the buttons will expand them and show more information.</p> 24 24 <h3>Parameters</h3> 25 <p>All parameter changes happen in real time as soon as you change them. Pop ups will appear if your attention is needed for a specific part.</p> 26 <p style="font-style:italic; font-weight:bold">When you change a parameter from a task that falls under any repitition, the changes are pushed to all the other tasks too. 27 The interface only shows the change for one task.</p> 25 <p>All parameter changes happen in real time as soon as you change them. A log on the right menu will keep you updated.</p> 28 26 <h3>Hive</h3> 29 27 <p>This screen acts as a staging area. When you have changed all the data to your wishes you can go to the bottom of the screen to -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/UploaderPartial/_UploaderPartial.cshtml
r13827 r13847 1 1 @model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.UploadedJobViewModel 2 3 2 4 <div class="panel panel-default" 3 5 style="border-width:2px!important;padding:17px; … … 5 7 6 8 7 8 9 10 11 12 13 14 15 9 <form method="post" 10 asp-action="Uploader" 11 asp-controller="Job" enctype="multipart/form-data"> 12 <input onchange="printFiles()" 13 type="file" 14 id="files" 15 name="files" 16 multiple accept=".hl" 17 style="display:none" /> 16 18 17 18 19 19 <div onclick="firefilebutton()" 20 class="btn btn-info btn-lg btn-block" 21 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 20 22 text-shadow:1px 1px black;"> 21 22 23 <i class="fa fa-folder-open-o"></i> Choose file(s) to upload to the server 24 </div> 23 25 24 26 <div class="row" style="margin:10px"> 25 27 26 27 28 29 28 <div id="selectedfiles"> 29 <h3>Files</h3> 30 <p>No files selected: press the above button to choose files</p> 31 </div> 30 32 31 33 <button style="margin-bottom:10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 32 34 text-shadow:2px 2px black;" 33 34 35 36 37 38 39 40 35 type="button" 36 disabled 37 id="del" 38 class='btn btn-danger' 39 onclick='deletefiles()'> 40 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> 41 Remove files 42 </button> 41 43 42 <div 43 style="margin-top:20px;margin-bottom:20px"> 44 <div style="margin-top:20px;margin-bottom:20px"> 44 45 45 <label for="basic-url">Directory name</label> 46 <div class="input-group"> 47 <span class="input-group-addon" 48 id="basic-addon3"> 49 .../uploads/@ViewBag.Name 50 </span> 51 <input 52 type="text" 53 disabled 54 class="form-control" 55 id="directory" 56 name="directory" 57 aria-describedby="basic-addon3" 58 value="@(DateTime.Now.ToString("yyyy.MM.dd"))" /> 59 </div> 60 </div> 61 <button style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 46 <label for="basic-url">Directory name</label> 47 <div class="input-group"> 48 <span class="input-group-addon" 49 id="basic-addon3"> 50 .../uploads/@(Model.currentUser.currentUser.UserName != null ? Model.currentUser.currentUser.UserName : Model.currentUser.currentUser.FullName)/ 51 </span> 52 <input type="text" 53 disabled 54 class="form-control" 55 id="directory" 56 name="directory" 57 aria-describedby="basic-addon3" 58 59 list="dirnames"/> 60 <datalist id="dirnames"> 61 @if (!Model.DisplayDatePaths.Contains(DateTime.Now.ToString("yyyy.MM.dd"))) 62 { 63 <option value="@(DateTime.Now.ToString("yyyy.MM.dd"))">Creates new map for today</option> 64 } 65 @foreach(var d in Model.DisplayDatePaths) 66 { 67 <option value="@d"></option> 68 } 69 </datalist> 70 </div> 71 </div> 72 <button style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 62 73 text-shadow:2px 2px black;" 63 disabled 64 id="upl" 65 class="btn btn-lg btn-block btn-success" 66 type="submit" 67 > 68 <i class="fa fa-plus-square"></i> Add to uploads 69 </button> 70 </div> 74 disabled 75 id="upl" 76 class="btn btn-lg btn-block btn-success" 77 type="submit"> 78 <i class="fa fa-plus-square"></i> Add to uploads 79 </button> 80 </div> 71 81 72 82 </form> … … 83 93 document.getElementById("directory").disabled = false; 84 94 85 95 86 96 for (var i = 0; i < files.length; i++) { 87 97 div.innerHTML += "<p>File " + (i + 1) + ":" + files[i].name + -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Uploads.cshtml
r13841 r13847 5 5 <div> 6 6 7 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job" ))7 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job", Model.currentUser)) 8 8 9 9 <ul class="nav nav-pills nav-justified"> … … 23 23 </li> 24 24 </ul> 25 <div class="row" style="margin:10px"> 26 <div style="text-align:center">@Model.message</div> 27 28 </div> 25 26 @Html.Partial("_ErrorMessage", Model.message) 27 29 28 <div class="row" style="padding:10px"> 30 @if (Model.DisplayDatePaths.Count == 0) 31 { 32 <div> 33 <p style="text-align:center"> 34 No files uploaded 35 </p> 36 <a class="btn btn-success btn-lg btn-block" 29 <div class="col-sm-4"> 30 <div class="btn-group btn-group-justified btn-block" 31 role="group" style="margin-bottom:-4px"> 32 33 <a class="btn btn-info btn-lg btn-block disabled" 34 style="width:6%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 35 text-shadow:2px 2px black;"> 36 <i class="fa fa-cloud"></i> Uploads 37 </a> 38 <a class="btn btn-success btn-block 39 @(Model.SelectedIndex == -1 ? "active" : "") 40 " 37 41 asp-controller="Job" 38 asp-action="Uploader" 39 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); 42 asp-action="UploadDir" 43 asp-route-index="-1" 44 onclick="showUploader()" 45 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 40 46 text-shadow:2px 2px black;"> 41 <i class="fa fa-cloud-upload"></i> Upload new file(s)47 <i class="fa fa-cloud-upload"></i> 42 48 </a> 43 49 </div> 44 45 } 46 else { 47 <div class="col-sm-4"> 48 <div class="btn-group btn-group-justified btn-block" 49 role="group" style="margin-bottom:-4px"> 50 51 <a class="btn btn-info btn-lg btn-block disabled" 52 style="width:6%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 53 text-shadow:2px 2px black;"> 54 <i class="fa fa-cloud"></i> Uploads 55 </a> 56 <a class="btn btn-success btn-block 57 @(Model.SelectedIndex == -1 ? "active" : "") 58 " 50 <div class="btn-group-vertical btn-block"> 51 52 @for (int i = 0; i < Model.DisplayDatePaths.Count; i++) 53 { 54 <a class="btn btn-default @(i == Model.SelectedIndex ? "active" : "" )" 55 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" 59 56 asp-controller="Job" 60 57 asp-action="UploadDir" 61 asp-route-index="-1" 62 onclick="showUploader()" 58 asp-route-index="@(i)" 59 onclick="showDownloader()"> 60 @Model.DisplayDatePaths[i] 61 </a> 62 } 63 </div> 64 @if (ViewBag.active != null && ViewBag.active == true) 65 { 66 <div> 67 <a class="btn btn-warning btn-block" 68 asp-controller="Job" 69 asp-action="OpenRecent" 63 70 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 64 text-shadow:2px 2px black; ">65 <i class="fa fa- cloud-upload"></i>71 text-shadow:2px 2px black;margin-top:10px"> 72 <i class="fa fa-undo"></i> Reopen last file 66 73 </a> 67 74 </div> 68 <div class="btn-group-vertical btn-block"> 69 70 @for (int i = 0; i < Model.DisplayDatePaths.Count; i++) 75 76 } 77 78 </div> 79 <p style="display:none" 80 id="downloader" 81 class="text-center"> 82 <br /><br /><br /><br /><br /><br /><br /> 83 <i class="fa fa-cloud-download fa-spin fa-5x" id="spinner"> 84 </i> 85 </p> 86 <p style="display:none" 87 id="uploader" 88 class="text-center"> 89 <br /><br /><br /><br /><br /><br /><br /> 90 <i class="fa fa-cloud-upload fa-spin fa-5x" id="spinner"> 91 </i> 92 </p> 93 <p style="display:none" 94 id="deleter" 95 class="text-center"> 96 <br /><br /><br /><br /><br /><br /><br /> 97 <i class="fa fa-trash-o fa-spin fa-5x" id="spinner"> 98 </i> 99 </p> 100 <div id="content"> 101 @if (Model.SelectedIndex != -1) 102 { 103 <div class="col-sm-8"> 104 <h3>@Model.DisplayDatePaths[Model.SelectedIndex]</h3> 105 <h4 style="text-align:left">Click on a file to prepare it for upload to Hive</h4> 106 @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++) 71 107 { 72 <a class="btn btn-default @(i == Model.SelectedIndex ? "active" : "" )" 73 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" 74 asp-controller="Job" 75 asp-action="UploadDir" 76 asp-route-index="@(i)" 77 onclick="showDownloader()"> 78 @Model.DisplayDatePaths[i] 79 </a> 108 109 <div class="btn-group-justified btn-block"> 110 111 <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )" 112 asp-controller="Job" 113 asp-action="OpenFile" 114 asp-route-index="@(Model.SelectedIndex)" 115 asp-route-filedex="@i" 116 style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> 117 <i class="fa fa-list-alt"></i> @Model.DisplayFilesPaths[i] 118 </a> 119 <a id="down" 120 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 121 text-shadow:2px 2px black;" 122 class='btn btn-group btn-success' 123 asp-controller="Job" 124 asp-action="DownloadFile" 125 asp-route-index="@(Model.SelectedIndex)" 126 asp-route-filedex="@i"> 127 <span class='glyphicon glyphicon-download-alt' aria-hidden='true'></span> 128 </a> 129 <a id="del" 130 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 131 text-shadow:2px 2px black;" 132 class='btn btn-group btn-danger' 133 asp-controller="Job" 134 asp-action="DeleteFile" 135 asp-route-index="@(Model.SelectedIndex)" 136 asp-route-filedex="@i" 137 onclick="showDeleter()"> 138 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> 139 </a> 140 141 </div> 80 142 } 143 <hr style="border-color:gray;margin-top:50px" /> 144 <form asp-controller="Job" 145 asp-action="changeDirName" 146 method="post" 147 class="col-sm-6"> 148 <h5>Change directory name</h5> 149 <div class="input-group" 150 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> 151 <input type="text" 152 value="@Model.DisplayDatePaths[Model.SelectedIndex]" 153 style="display:none" 154 name="olddir"/> 155 <input 156 name="dirname" 157 type="text" 158 class="form-control" 159 value="@Model.DisplayDatePaths[Model.SelectedIndex]" /> 160 <span class="input-group-btn"> 161 <button style="text-shadow:2px 2px black" 162 type="submit" 163 class="btn btn-success pull-right" 164 ><i class="fa fa-save"></i> Save</button> 165 </span> 166 </div> 167 </form> 168 169 81 170 </div> 82 @if (ViewBag.active != null && ViewBag.active == true) 83 { 84 <div> 85 <a class="btn btn-warning btn-block" 86 asp-controller="Job" 87 asp-action="OpenRecent" 88 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 89 text-shadow:2px 2px black;margin-top:10px"> 90 <i class="fa fa-undo"></i> Reopen last file 91 </a> 92 </div> 93 94 } 95 96 </div> 97 <p style="display:none" 98 id="downloader" 99 class="text-center"> 100 <br /><br /><br /><br /><br /><br /><br /> 101 <i class="fa fa-cloud-download fa-spin fa-5x" id="spinner"> 102 </i> 103 </p> 104 <p style="display:none" 105 id="uploader" 106 class="text-center"> 107 <br /><br /><br /><br /><br /><br /><br /> 108 <i class="fa fa-cloud-upload fa-spin fa-5x" id="spinner"> 109 </i> 110 </p> 111 <p style="display:none" 112 id="deleter" 113 class="text-center"> 114 <br /><br /><br /><br /><br /><br /><br /> 115 <i class="fa fa-trash-o fa-spin fa-5x" id="spinner"> 116 </i> 117 </p> 118 <div id="content"> 119 @if (Model.SelectedIndex != -1) 120 { 121 <div class="col-sm-8"> 122 <h4>Click on a file to prepare it for upload to Hive</h4> 123 @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++) 124 { 125 126 <div class="btn-group-justified btn-block"> 127 128 <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )" 129 asp-controller="Job" 130 asp-action="OpenFile" 131 asp-route-index="@(Model.SelectedIndex)" 132 asp-route-filedex="@i" 133 style="width:6%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> 134 <i class="fa fa-list-alt"></i> @Model.DisplayFilesPaths[i] 135 </a> 136 <a id="down" 137 style="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 class='btn btn-group btn-success' 140 asp-controller="Job" 141 asp-action="DownloadFile" 142 asp-route-index="@(Model.SelectedIndex)" 143 asp-route-filedex="@i"> 144 <span class='glyphicon glyphicon-download-alt' aria-hidden='true'></span> 145 </a> 146 <a id="del" 147 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 148 text-shadow:2px 2px black;" 149 class='btn btn-group btn-danger' 150 asp-controller="Job" 151 asp-action="DeleteFile" 152 asp-route-index="@(Model.SelectedIndex)" 153 asp-route-filedex="@i" 154 onclick="showDeleter()"> 155 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> 156 </a> 157 158 </div> 159 } 160 161 162 </div> 163 164 } 165 else 166 { 167 <div class="col-sm-8"> 168 169 @Html.Partial("UploaderPartial/_UploaderPartial") 170 </div> 171 } 172 </div> 173 174 } 171 172 } 173 else 174 { 175 <div class="col-sm-8"> 176 177 @Html.Partial("UploaderPartial/_UploaderPartial", Model) 178 </div> 179 } 180 </div> 181 182 175 183 </div> 176 184 <script type="text/javascript">
Note: See TracChangeset
for help on using the changeset viewer.