- Timestamp:
- 03/24/16 17:19:13 (8 years ago)
- Location:
- branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job
- Files:
-
- 2 added
- 13 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Index.cshtml
r13719 r13733 1 @model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.JobViewModel 1 @using HeuristicLab.Clients.Hive.WebJobManager.ViewModels 2 @model JobViewModel 2 3 3 4 <div> 5 @Html.Partial("Navbar", new NavbarViewModel("Job")) 4 6 5 <ul class="nav nav-tabs"> 6 <li role="presentation" class="active"><a asp-controller="Job" asp-action="Index">Jobs <span class="badge">@Model.userJobs.Count</span></a></li> 7 <li role="presentation"><a asp-controller="User" asp-action="Index">User management</a></li> 8 <li role="presentation"><a asp-controller="Resource" asp-action="Index">Resources</a></li> 7 <ul class="nav nav-pills nav-justified"> 8 <li role="presentation" 9 class="active"> 10 <a asp-controller="Job" 11 asp-action="Index"> 12 Jobs 13 </a> 14 </li> 15 <li role="presentation" 16 class=""> 17 <a asp-controller="Job" 18 asp-action="Uploads"> 19 Uploads 20 </a> 21 </li> 9 22 </ul> 10 <div class="row" style="text-align:center"> 23 24 <div class="row" 25 style="text-align:center"> 11 26 @Model.message 12 27 </div> 13 <div class="row" style="margin:10px"> 14 <a class="btn btn-info btn-lg btn-block" 15 asp-controller="Job" 16 asp-action="Uploads"> 17 Uploads 18 </a> 28 <div class="row" 29 style="margin:10px"> 30 19 31 </div> 20 <div class="row" style="padding:10px; margin-right:0px!important"> 32 <div class="row" 33 style="padding:10px; margin-right:0px!important"> 21 34 @if (Model.userJobs.Count == 0) 22 {35 { 23 36 <div> 24 <p style="text-align:center">No jobs found</p> 37 <p style="text-align:center"> 38 No jobs found 39 </p> 25 40 </div> 26 41 … … 29 44 <div class="col-sm-4"> 30 45 <div class="btn-group-vertical btn-block"> 46 <a class="btn btn-info btn-lg btn-block disabled" 47 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 48 text-shadow:2px 2px black;"> 49 <i class="fa fa-cog"></i> Hive jobs 50 </a> 31 51 @foreach (var job in Model.userJobs) 32 52 { 33 <a class="btn btn-default @(Model.selectedJob != null && job.Id == Model.selectedJob.Id ? "active" : "" )" 53 <a class="btn btn-default 54 @(Model.selectedJob != null && job.Id == Model.selectedJob.Id ? "active" : "" ) 55 " 34 56 asp-controller="Job" 35 57 asp-action="Selected" 36 58 asp-route-id="@job.Id" 59 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 60 text-align:left;" 37 61 onclick="showLoader()"> 38 62 @job.Job.Name - @job.Job.DateCreated 39 <span class="badge">@job.Job.JobCount</span> 63 <span class="label 64 @(job.Job.FinishedCount == @job.Job.JobCount ? "label-success" : "label-default") 65 label-as-badge pull-right"> 66 <strong>@job.Job.FinishedCount / @job.Job.JobCount</strong> 67 </span> 40 68 </a> 41 69 } … … 48 76 </i> 49 77 </p> 50 @if (Model.selectedJob != null)51 {52 <div class="col-sm-8" id="content" style="padding:5px; padding-left:10px;">53 <div class="row">54 <h2 style="padding-left:20px">55 @Model.selectedJob.Job.Name56 <a onclick="popUpDelete()"57 style="margin-bottom:10px;"58 class='btn btn-danger'>59 <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>60 </a>61 <a style="display:none"62 asp-action="Delete"63 asp-route-id="@Model.selectedJob.Id"64 asp-controller="Job" id="del"65 onclick="showDeleter()"></a>66 78 67 <script type="text/javascript"> 68 function popUpDelete() { 69 if (confirm("Are you sure you want to delete this job?") == true) { 70 document.getElementById("del").click(); 71 } 79 <div class="col-sm-8" 80 id="content" 81 style="padding:5px; padding-left:10px;"> 82 @if (Model.selectedJob != null) 83 { 84 <div class="panel panel-default" 85 style="border-width:2px!important;padding:17px; 86 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"> 87 <div class="row"> 88 <h2 style="padding-left:20px"> 89 @Model.selectedJob.Job.Name 90 <a onclick="popUpDelete()" 91 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); 92 text-shadow:2px 2px black;" 93 class='btn btn-danger'> 94 <span class="glyphicon glyphicon-trash" 95 aria-hidden="true"></span> 96 Delete job 97 </a> 98 <a style="display:none; " 99 asp-action="Delete" 100 asp-route-id="@Model.selectedJob.Id" 101 asp-controller="Job" id="del" 102 onclick="showDeleter()"></a> 103 104 <script type="text/javascript"> 105 function popUpDelete() { 106 if (confirm("Are you sure you want to delete this job?") == true) { 107 document.getElementById("del").click(); 108 } 109 110 } 111 </script> 112 113 </h2> 114 <div class="col-sm-6" style="padding-left:30px"> 115 <p>Description: @Model.selectedJob.Job.Description</p> 116 <p>Resources: @Model.selectedJob.Job.ResourceNames</p> 117 <p>Created: @Model.selectedJob.Job.DateCreated</p> 118 <p>Owned by: @Model.selectedJob.Job.OwnerUsername</p> 119 120 </div> 121 <div class="col-sm-6" style="padding-left:30px"> 122 <p id="jobcalculating"> 123 Calculating: @Model.selectedJob.Job.CalculatingCount 124 </p> 125 <p id="jobfinished"> 126 Finished: @Model.selectedJob.Job.FinishedCount 127 </p> 128 <p> 129 Automatic refresh: 130 <input type="checkbox" 131 checked 132 data-toggle="toggle" 133 data-onstyle="success" 134 id="refreshtogg" 135 onchange="autoRefresh()" /> 136 </p> 137 </div> 138 139 </div> 140 141 <script src="~/js/scripts/graphs/graphdatacollector.js"></script> 142 <script src="~/js/scripts/graphs/graphhubber.js"></script> 143 <div class="row" style="text-align:center"> 144 145 <div id="graphMain" style="width:100%;height:0px"> 146 147 </div> 148 <div class="btn btn-lg btn-info" 149 onclick="redrawMain()" 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 text-shadow:2px 2px black;">Refresh main graph</div> 152 </div> 153 <div class="row"> 154 <h3 style="padding-left:20px; "> 155 @Model.selectedJob.Job.JobCount Tasks 156 </h3> 157 @foreach (var task in Model.selectedJob.HiveTasks) 158 { 159 @Html.Partial("SelectedJobPartials/_TaskPartial", 160 new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task)) 72 161 73 162 } 74 </script> 163 </div> 164 </div> 165 } 166 </div> 75 167 76 </h2>77 <div class="col-sm-6" style="padding-left:30px">78 <p>Description: @Model.selectedJob.Job.Description</p>79 <p>Resources: @Model.selectedJob.Job.ResourceNames</p>80 <p>Created: @Model.selectedJob.Job.DateCreated</p>81 <p>Owned by: @Model.selectedJob.Job.OwnerUsername</p>82 83 </div>84 <div class="col-sm-6" style="padding-left:30px">85 <p>Calculating: @Model.selectedJob.Job.CalculatingCount</p>86 <p>Finished: @Model.selectedJob.Job.FinishedCount</p>87 </div>88 89 </div>90 91 <script src="~/js/scripts/graphs/graphdatacollector.js"></script>92 <script src="~/js/scripts/graphs/graphhubber.js"></script>93 <div class="row">94 <div class="btn btn-lg btn-info" onclick="redrawMain()">Refresh main graph</div>95 <div id="graphMain" style="width:100%;height:400px">96 97 </div>98 </div>99 <div class="row" >100 <h3 style="padding-left:20px; ">Tasks</h3>101 @foreach (var task in Model.selectedJob.HiveTasks)102 {103 @Html.Partial("SelectedJobPartials/_TaskPartial",104 new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))105 106 }107 </div>108 </div>109 }110 168 } 111 169 <script type="text/javascript"> 112 170 function showLoader() { 171 document.getElementById("content").style.display = "none"; 113 172 document.getElementById("loader").style.display = ""; 114 document.getElementById("content").style.display = "none"; 173 115 174 } 116 175 function showDeleter() { 176 document.getElementById("content").style.display = "none"; 117 177 document.getElementById("loader").style.display = ""; 118 document.getElementById("content").style.display = "none"; 178 119 179 document.getElementById("spinner").className = "fa fa-trash-o fa-spin fa-5x"; 120 180 } -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFile.cshtml
r13689 r13733 1 1 @model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel 2 2 3 <div> 4 5 <ul class="nav nav-tabs"> 6 <li role="presentation" class="active"><a asp-controller="Job" asp-action="Uploads">Jobs -> Uploads -> @Model.SelectedTask.ItemTask.Name</a></li> 7 <li role="presentation"><a asp-controller="User" asp-action="Index">User management</a></li> 8 <li role="presentation"><a asp-controller="Resource" asp-action="Index">Resources</a></li> 3 4 <body class="row" 5 data-spy="scroll" 6 data-target="#scrolly" 7 data-offset-top="500" 8 onscroll="showScrolly()" 9 style="margin-bottom:500px;margin-left:1px;margin-right:1px;"> 10 11 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job")) 12 13 <ul class="nav nav-pills nav-justified"> 14 <li role="presentation" 15 class=""> 16 <a asp-controller="Job" 17 asp-action="Index"> 18 Jobs 19 </a> 20 </li> 21 <li role="presentation" 22 class="active"> 23 <a asp-controller="Job" 24 asp-action="Uploads"> 25 Uploads 26 </a> 27 </li> 9 28 </ul> 10 @if (Model.SelectedAlgorithm != null) 11 { 12 @Html.Partial("OpenFilePartials/_Algorithm", Model); 13 14 } 15 else if(Model.SelectedBatchRun != null) 16 { 17 @Html.Partial("OpenFilePartials/_BatchRun", Model); 18 19 } 20 else if(Model.SelectedExperiment != null) 21 { 22 @Html.Partial("OpenFilePartials/_Experiment", Model); 23 24 } 25 29 <div class="row" 30 style="margin-left:20px"> 31 <a class="btn btn-default" 32 asp-controller="Job" 33 asp-action="Uploads"> 34 <i class="fa fa-angle-double-left"></i> Back to uploads 35 </a> 36 </div> 37 38 <div class="col-md-9"> 39 @if (Model.SelectedAlgorithm != null) 40 { 41 @Html.Partial("OpenFilePartials/_Algorithm", Model); 42 43 } 44 else if (Model.SelectedBatchRun != null) 45 { 46 @Html.Partial("OpenFilePartials/_BatchRun", Model); 47 48 } 49 else if (Model.SelectedExperiment != null) 50 { 51 @Html.Partial("OpenFilePartials/_Experiment", Model); 52 53 } 54 55 <hr style="border-color:gray; margin-top:50px" /> 56 <div id="finish" 57 style="text-align:center"> 58 <h2> 59 Hive job information 60 </h2> 61 <div class="row" 62 style="margin-bottom:20px"> 63 64 <div class="col-sm-6" 65 style="text-align:right"> 66 <h5>Job name</h5> 67 </div> 68 <div class="col-sm-6" 69 style="text-align:left"> 70 <div class="form-group"> 71 <div class="input-group"> 72 <input type="text" 73 class="form-control" 74 name="jname" 75 id="jname" 76 placeholder="Job name"> 77 </div> 78 </div> 79 </div> 80 </div> 81 <div class="row" 82 style="margin-bottom:20px"> 83 <div class="col-sm-6" 84 style="text-align:right"> 85 <h5> 86 Resource 87 </h5> 88 </div> 89 <div class="col-sm-6" 90 style="text-align:left"> 91 <div class="form-group"> 92 <div class="input-group"> 93 <div class="input-group-addon"> 94 HEAL/ 95 </div> 96 <input type="text" 97 class="form-control" 98 name="resource" 99 id="resource" 100 placeholder="Resource (default: HEAL)"> 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">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 href="#tasks">Child tasks</a></li> 175 176 } 177 <li><a href="#finish">Job info and upload</a></li> 178 </ul> 179 </nav> 26 180 <script src="~/js/scripts/hubber.js"></script> 27 </div> 181 <script> 182 showScrolly = function () { 183 document.getElementById("scrolly").style.display = ""; 184 185 } 186 $(function () { 187 $('nav > ul > li > a').click(function () { 188 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 189 var target = $(this.hash); 190 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 191 if (target.length) { 192 $('html, body').animate({ 193 scrollTop: target.offset().top 194 }, 1000); 195 return false; 196 } 197 } 198 }); 199 }); 200 </script> 201 </body> 202 -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_Algorithm.cshtml
r13712 r13733 8 8 @Model.message 9 9 </div> 10 <div class="row" style="text-align: left">11 <h1 data-toggle="tooltip" title="@Model.SelectedTask.ItemTask.ItemName10 <div class="row" style="text-align:center"> 11 <h1 id="top" data-toggle="tooltip" title="@Model.SelectedTask.ItemTask.ItemName 12 12 @Model.SelectedTask.ItemTask.Description"> 13 13 <span class="label label-primary">Algorithm: @Model.SelectedTask.ItemTask.Name</span> 14 14 </h1> 15 <a class="btn btn-success" id="fakehiveadd" onclick="addtoHive()">Add to Hive</a> 16 17 <div class="btn-group"> 18 <button 19 type="button" 20 id="prior@(randy)" 21 class="btn btn-info dropdown-toggle" 22 data-toggle="dropdown" 23 aria-haspopup="true" aria-expanded="false"> 24 Normal <span class="caret"></span> 25 </button> 26 <ul class="dropdown-menu"> 27 <li><a onclick="changePriority([],0,@randy)">Low</a></li> 28 <li><a onclick="changePriority([],1,@randy)">Normal</a></li> 29 <li><a onclick="changePriority([],2,@randy)">Urgent</a></li> 30 <li><a onclick="changePriority([],3,@randy)">Critical</a></li> 31 </ul> 32 </div> 33 34 35 <a class="btn btn-success" id="realhiveadd" asp-controller="Job" asp-action="AddToHive" style="display:none"></a> 36 <h4 id="result" style="display:none">Start uploading algorithm...</h4> 37 <div class="progress" id="progdiv" style="display:none"> 38 39 <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" 40 id="progress" 41 aria-valuenow="00" aria-valuemin="0" aria-valuemax="100" style="width:10%"> 42 40% 43 </div> 44 </div> 15 45 16 </div> 46 17 47 <div class="row"> 48 <div class="btn-group-justified"> 49 <a class="btn btn-default active" id="btnprob" onclick="setProb()">Problems</a> 50 <a class="btn btn-default" id="btnalg" onclick="setAlgo()">Algorithm</a> 51 </div> 52 </div> 53 <div class="row" id="problem"> 54 <div class="col"> 55 <table class="table table-condensed"> 56 <thead> 57 <tr> 58 <th>Parameter</th> 59 <th>Value</th> 60 </tr> 61 </thead> 62 <tbody> 63 @foreach (var prob in Model.SelectedAlgorithm.Problem.Parameters.OrderBy(x => x.Name)) 64 { 65 <tr> 66 <td>@prob.Name</td> 67 68 <td>@prob.ActualValue</td> 69 </tr> 70 71 } 72 </tbody> 73 </table> 74 </div> 75 </div> 76 <div class="row" id="algorithm" style="display:none"> 18 <div class="row" id="algorithm"> 77 19 78 20 <div class="col"> 79 <table class="table table-condensed"> 21 <h4>Algorithm parameters</h4> 22 <table class="table table-condensed" 23 style="table-layout:fixed;overflow-wrap:break-word"> 80 24 <thead> 81 25 <tr> … … 99 43 100 44 </div> 45 <hr style="border-color:gray" /> 46 47 <div class="row" id="problem"> 48 <div class="col"> 49 <h4>Problem parameters</h4> 50 <table class="table table-condensed" 51 style="table-layout:fixed;overflow-wrap:break-word"> 52 <thead> 53 <tr> 54 <th>Parameter</th> 55 <th>Value</th> 56 </tr> 57 </thead> 58 <tbody> 59 @foreach (var prob in Model.SelectedAlgorithm.Problem.Parameters.OrderBy(x => x.Name)) 60 { 61 <tr> 62 <td>@prob.Name</td> 63 64 <td>@prob.ActualValue</td> 65 </tr> 66 67 } 68 </tbody> 69 </table> 70 </div> 71 </div> 72 73 101 74 <script type="text/javascript"> 102 103 function setProb() {104 resetAll();105 document.getElementById("problem").style.display = "";106 document.getElementById("btnprob").className += " active";107 108 }109 function setAlgo() {110 resetAll();111 document.getElementById("algorithm").style.display = "";112 document.getElementById("btnalg").className += " active";113 }114 115 116 function resetAll() {117 document.getElementById("problem").style.display = "none";118 document.getElementById("algorithm").style.display = "none";119 document.getElementById("btnprob").className = document.getElementById("btnprob").className.replace(/(?:^|\s)active(?!\S)/g, '');120 document.getElementById("btnalg").className = document.getElementById("btnalg").className.replace(/(?:^|\s)active(?!\S)/g, '');121 }122 75 $(document).ready(function () { 123 76 $('[data-toggle="tooltip"]').tooltip(); 124 77 }); 125 78 </script> 79 126 80 </div> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_AlgorithmSmall.cshtml
r13714 r13733 13 13 href="#collapseExample@(randomal)" 14 14 aria-expanded="false" 15 aria-controls="collapseExample@(randomal)"> 15 aria-controls="collapseExample@(randomal)" 16 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); 17 text-shadow:2px 2px black;"> 16 18 @Model.algo.Name 17 19 </a> 18 20 19 21 </p> 20 <div class="collapse" id="collapseExample@(randomal)" style="margin-left:10px;margin-right:10px;margin-top:-10px"> 22 <div class="collapse" 23 id="collapseExample@(randomal)" 24 style="margin-left:10px;margin-right:10px;margin-top:-10px"> 25 21 26 <img src="~/img/accoladealg.png" style="width:100%;" /> 22 <div class="panel panel-primary" style="border-width:2px!important; 23 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 24 text-shadow:none"> 27 28 <div class="panel panel-primary" 29 style="border-width:2px!important; 30 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 31 text-shadow:none"> 25 32 <div class="panel-heading panel-primary text-center"> 26 33 <p>@Model.algo.Description</p> 27 34 28 <div class="btn-group"> 35 <div class="btn-group" 36 style="text-shadow:none"> 29 37 <button type="button" 30 38 id="prior@(randomal)" … … 42 50 </div> 43 51 </div> 44 <table class="table table-responsive card-block" style="table-layout:fixed;overflow-wrap:break-word"> 52 <h4>Algorithm parameters</h4> 53 <table class="table table-condensed" 54 style="table-layout:fixed;overflow-wrap:break-word"> 55 <thead> 56 <tr> 57 <th>Parameter</th> 58 <th>Value</th> 59 </tr> 60 </thead> 61 <tbody> 62 @foreach (var par in Model.algo.Parameters.OrderBy(x => x.Name)) 63 { 64 <tr> 65 <td>@par.Name</td> 66 67 <td>@par.ActualValue</td> 68 </tr> 69 70 } 71 </tbody> 72 </table> 73 <hr style="border-color:gray" /> 74 <h4>Problem parameters</h4> 75 <table class="table table-responsive card-block" 76 style="table-layout:fixed;overflow-wrap:break-word"> 45 77 <thead> 46 78 <tr> … … 61 93 </tbody> 62 94 </table> 63 <table class="table table-condensed" style="table-layout:fixed;overflow-wrap:break-word">64 <thead>65 <tr>66 <th>Parameter</th>67 <th>Value</th>68 </tr>69 </thead>70 <tbody>71 @foreach (var par in Model.algo.Parameters.OrderBy(x => x.Name))72 {73 <tr>74 <td>@par.Name</td>75 95 76 <td>@par.ActualValue</td>77 </tr>78 96 79 }80 </tbody>81 </table>82 97 </div> 83 98 </div> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_BatchRun.cshtml
r13712 r13733 6 6 @Model.message 7 7 </div> 8 <div class="row" style="text-align:left"> 9 <h1 data-toggle="tooltip" title="@Model.SelectedTask.ItemTask.ItemName 8 <div class="row" 9 style="text-align:center"> 10 <h1 id="top" 11 data-toggle="tooltip" 12 title="@Model.SelectedTask.ItemTask.ItemName 10 13 @Model.SelectedTask.ItemTask.Description "> 11 <span class="label label-warning ">Batch: @Model.SelectedBatchRun.Name</span> 14 <span class="label label-warning " 15 style="text-shadow:2px 2px black;"> 16 Batch: @Model.SelectedBatchRun.Name 17 </span> 12 18 </h1> 13 <a class="btn btn-success" id="fakehiveadd" onclick="addtoHive()">Add to Hive</a>14 15 <div class="btn-group">16 <button type="button"17 id="prior@(randy)"18 class="btn btn-info dropdown-toggle"19 data-toggle="dropdown"20 aria-haspopup="true" aria-expanded="false">21 Normal <span class="caret"></span>22 </button>23 <ul class="dropdown-menu">24 <li><a onclick="changePriority([],0,@randy)">Low</a></li>25 <li><a onclick="changePriority([],1,@randy)">Normal</a></li>26 <li><a onclick="changePriority([],2,@randy)">Urgent</a></li>27 <li><a onclick="changePriority([],3,@randy)">Critical</a></li>28 </ul>29 </div>30 31 <a class="btn btn-success" id="realhiveadd" asp-controller="Job" asp-action="AddToHive" style="display:none"></a>32 <h4 id="result" style="display:none">Start uploading batch run...</h4>33 <div class="progress" id="progdiv" style="display:none">34 35 <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"36 id="progress"37 aria-valuenow="00" aria-valuemin="0" aria-valuemax="100" style="width:10%">38 40%39 </div>40 </div>41 19 </div> 42 <h4 >20 <h4 id="tasks"> 43 21 Repeats: @Model.SelectedBatchRun.Repetitions x 44 22 45 23 </h4> 46 24 <p class="text-center"> 47 <input type="checkbox" checked data-toggle="toggle" data-onstyle="warning" 25 <input type="checkbox" 26 checked 27 data-toggle="toggle" 28 data-onstyle="warning" 48 29 onchange="toggleChild([], @randy)" /> 49 30 Distribute child tasks -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_BatchRunSmall.cshtml
r13714 r13733 16 16 href="#collapseExample@(randombr)" 17 17 aria-expanded="false" 18 aria-controls="collapseExample@(randombr)"> 18 aria-controls="collapseExample@(randombr)" 19 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); 20 text-shadow:2px 2px black;"> 19 21 @Model.batch.Name 20 22 </a> … … 26 28 27 29 > 28 <img src="~/img/accoladebatch.png" style="width:100%" /> 30 <img src="~/img/accoladebatch.png" 31 style="width:100%" /> 32 29 33 <div class="panel panel-warning" 30 34 style="border-color:#f6cd94!important; border-width:2px!important; 31 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);32 text-shadow:2px 2px black">35 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 36 text-shadow:2px 2px black"> 33 37 <div class="panel-heading text-center"> 34 38 <p class="panel-title"> … … 38 42 39 43 40 <input type="checkbox" checked data-toggle="toggle" data-onstyle="warning" 44 <input type="checkbox" 45 checked 46 data-toggle="toggle" 47 data-onstyle="warning" 41 48 onchange="toggleChild(@builder, @randombr)" /> 42 49 Distribute child tasks 43 50 44 51 </p> 45 <div class="btn-group"> 52 <div class="btn-group" 53 style="text-shadow:none"> 54 46 55 <button type="button" 47 56 id="prior@(randombr)" 48 57 class="btn btn-info dropdown-toggle" 49 58 data-toggle="dropdown" 50 aria-haspopup="true" aria-expanded="false"> 59 aria-haspopup="true" 60 aria-expanded="false"> 51 61 Normal <span class="caret"></span> 52 62 </button> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_Experiment.cshtml
r13712 r13733 2 2 @{System.Random randomizer = new Random(); 3 3 int randy = randomizer.Next(5000); } 4 <div style="margin-left:20px;margin-right:20px"> 4 5 6 <div style="margin-left:20px;margin-right:20px; "> 5 7 <div class="row" style="text-align:center"> 6 8 @Model.message 7 9 </div> 8 <div class="row" style="text-align:left"> 9 <h1 data-toggle="tooltip" title=" @Model.SelectedTask.ItemTask.ItemName 10 <div class="row" style="text-align:center"> 11 <h1 id="top" 12 data-toggle="tooltip" 13 title=" @Model.SelectedTask.ItemTask.ItemName 10 14 @Model.SelectedTask.ItemTask.Description "> 11 <span class="label label-danger">Experiment: @Model.SelectedTask.ItemTask.Name</span> 15 <span class="label label-danger" 16 style="text-shadow:2px 2px black;"> 17 Experiment: @Model.SelectedTask.ItemTask.Name 18 </span> 12 19 </h1> 13 <a class="btn btn-success" id="fakehiveadd" onclick="addtoHive()">Add to Hive</a>14 20 15 16 <div class="btn-group">17 <button type="button"18 id="prior@(randy)"19 class="btn btn-info dropdown-toggle"20 data-toggle="dropdown"21 aria-haspopup="true" aria-expanded="false">22 Normal <span class="caret"></span>23 </button>24 <ul class="dropdown-menu">25 <li><a onclick="changePriority([],0,@randy)">Low</a></li>26 <li><a onclick="changePriority([],1,@randy)">Normal</a></li>27 <li><a onclick="changePriority([],2,@randy)">Urgent</a></li>28 <li><a onclick="changePriority([],3,@randy)">Critical</a></li>29 </ul>30 </div>31 <a class="btn btn-success" id="realhiveadd" asp-controller="Job" asp-action="AddToHive" style="display:none"></a>32 <h4 id="result" style="display:none">Start uploading experiment...</h4>33 <div class="progress" id="progdiv" style="display:none">34 35 <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"36 id="progress"37 aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:10%">38 39 </div>40 </div>41 21 </div> 42 <h4 >22 <h4 id="tasks"> 43 23 Children: @Model.SelectedExperiment.Optimizers.Count 44 24 </h4> … … 84 64 } 85 65 </div> 66 86 67 <script type="text/javascript"> 87 68 -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_ExperimentSmall.cshtml
r13714 r13733 13 13 href="#collapseExample@(randomex)" 14 14 aria-expanded="false" 15 aria-controls="collapseExample@(randomex)"> 15 aria-controls="collapseExample@(randomex)" 16 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); 17 text-shadow:2px 2px black;"> 16 18 @Model.exp.Name 17 19 </a> 18 20 19 21 </p> 20 <div class="collapse" id="collapseExample@(randomex)" style="margin-left:10px;margin-right:10px;margin-top:-10px"> 21 <img src="~/img/accoladeexp.png" style="width:100%" /> 22 <div class="panel panel-danger" style="border-color:#c12e2a!important; border-width:2px!important; 23 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 24 text-shadow:2px 2px black"> 22 <div class="collapse" 23 id="collapseExample@(randomex)" 24 style="margin-left:10px;margin-right:10px;margin-top:-10px"> 25 26 <img src="~/img/accoladeexp.png" 27 style="width:100%" /> 28 29 <div class="panel panel-danger" 30 style="border-color:#c12e2a!important; border-width:2px!important; 31 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 32 text-shadow:2px 2px black"> 33 25 34 <div class="panel-heading panel-danger text-center"> 26 <p class="panel-title">Children: @Model.exp.Optimizers.Count</p> 35 <p class="panel-title"> 36 Children: @Model.exp.Optimizers.Count 37 </p> 27 38 <p> 28 39 <label> 29 40 30 <input type="checkbox" checked data-toggle="toggle" data-onstyle="danger" 41 <input type="checkbox" 42 checked 43 data-toggle="toggle" 44 data-onstyle="danger" 31 45 onchange="toggleChild(@builder, @randomex)" /> 32 46 Distribute child tasks 33 47 </label> 34 48 </p> 35 <div class="btn-group"> 49 <div class="btn-group" 50 style="text-shadow:none"> 36 51 <button type="button" 37 52 id="prior@(randomex)" -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_AlgTask.cshtml
r13719 r13733 5 5 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 6 6 text-shadow:2px 2px black"> 7 8 <script type="text/javascript">//Has to be up front to ensure right order of javascript array 9 initSaveData("@(Model.hiveTask.Task.Id)", 10 @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)), "@(Model.hiveTask.ItemTask.Name)"); 11 12 </script> 13 14 7 15 <div class="panel-heading" 8 16 data-toggle="collapse" … … 55 63 </tr> 56 64 <tr> 57 <td></td> 65 <td style="word-break:break-all" id="exceptionpar@(Model.hiveTask.Task.Id)"> 66 <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i> 67 </td> 58 68 <td id="statechangespar@(Model.hiveTask.Task.Id)"> 59 69 <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i> 70 </td> 71 </tr> 72 <tr style="display:none" id="restarter@(Model.hiveTask.Task.Id)"> 73 <td><input style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 74 text-shadow:2px 2px black;" 75 id="restarterbtn@(Model.hiveTask.Task.Id)" 76 class="btn btn-success" 77 type="button" 78 onclick="restart('@(Model.hiveTask.Task.Id)');event.cancelBubble=true;" 79 value="Restart task"/> 60 80 </td> 61 81 </tr> … … 69 89 type="checkbox" 70 90 data-toggle="toggle" 71 data-on=" Line"91 data-on="Bar" 72 92 data-off="Pie" 73 93 onchange="redrawGraph('@(Model.hiveTask.Task.Id)')" /> … … 78 98 </div> 79 99 </div> 80 <script type="text/javascript"> 81 initSaveData("@(Model.hiveTask.Task.Id)", 82 @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog))); 83 84 document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 100%; height: 400px;"; 85 86 Plotly.newPlot('graph@(Model.hiveTask.Task.Id)', 87 getDataPie("@Model.hiveTask.Task.Id")); 88 </script> 100 89 101 </div> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_BatchTask.cshtml
r13719 r13733 4 4 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 5 5 text-shadow:2px 2px black"> 6 7 <script type="text/javascript"> //Has to be up front to ensure right order of javascript array 8 initSaveData("@(Model.hiveTask.Task.Id)", 9 @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)), "@(Model.hiveTask.ItemTask.Name)"); 10 11 </script> 12 13 6 14 <div class="panel-heading" 7 15 data-toggle="collapse" … … 14 22 <tr> 15 23 <th>Batch run: @Model.hiveTask.ItemTask.Name</th> 16 <th style="font-size:large ">24 <th style="font-size:large; "> 17 25 @if (Model.hiveTask.Task.Priority == 0) 18 26 { … … 65 73 <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i> 66 74 </td> 75 76 </tr> 77 <tr> 78 <td style="word-break:break-all" id="exceptionpar@(Model.hiveTask.Task.Id)"> 79 <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i> 80 </td> 81 </tr> 82 <tr style="display:none" id="restarter@(Model.hiveTask.Task.Id)"> 83 <td> 84 <input style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 85 text-shadow:2px 2px black;" 86 id="restarterbtn@(Model.hiveTask.Task.Id)" 87 class="btn btn-success" 88 type="button" 89 onclick="restart('@(Model.hiveTask.Task.Id)');event.cancelBubble=true;" 90 value="Restart task"/> 91 </td> 67 92 </tr> 68 93 </tbody> … … 74 99 type="checkbox" 75 100 data-toggle="toggle" 76 data-on=" Line"101 data-on="Bar" 77 102 data-off="Pie" 78 103 onchange="redrawGraph('@(Model.hiveTask.Task.Id)')"> … … 94 119 </div> 95 120 } 96 <script type="text/javascript"> 97 initSaveData("@(Model.hiveTask.Task.Id)", 98 @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog))); 99 100 document.getElementById("graph@(Model.hiveTask.Task.Id)").style = "width: 100%; height: 400px;"; 101 102 Plotly.newPlot('graph@(Model.hiveTask.Task.Id)', 103 getData("@Model.hiveTask.Task.Id")); 104 105 </script> 121 106 122 </div> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_ExpTask.cshtml
r13719 r13733 7 7 text-shadow:2px 2px black" 8 8 > 9 10 11 <script type="text/javascript">//Has to be up front to ensure right order of javascript array 12 initSaveData("@(Model.hiveTask.Task.Id)", 13 @Html.Raw(JsonConvert.SerializeObject(Model.hiveTask.Task.StateLog)), "@(Model.hiveTask.ItemTask.Name)"); 14 15 </script> 16 17 9 18 <div class="panel-heading" 10 19 data-toggle="collapse" … … 68 77 </td> 69 78 </tr> 79 <tr > 80 <td style="display:none" id="restarter@(Model.hiveTask.Task.Id)"> 81 <input style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 82 text-shadow:2px 2px black;" 83 id="restarterbtn@(Model.hiveTask.Task.Id)" 84 class="btn btn-success" 85 type="button" 86 onclick="restart('@(Model.hiveTask.Task.Id)');event.cancelBubble=true;" 87 value="Restart task" /> 88 </td> 89 <td style="word-break:break-all" id="exceptionpar@(Model.hiveTask.Task.Id)"> 90 <i class="fa fa-cog fa-spin fa-2x" id="spinner"></i> 91 </td> 92 </tr> 70 93 </tbody> 71 94 </table> … … 77 100 data-toggle="toggle" 78 101 79 data-on=" Line"102 data-on="Bar" 80 103 data-off="Pie" 81 104 onchange="redrawGraph('@(Model.hiveTask.Task.Id)')"> … … 97 120 </div> 98 121 } 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: 100%!important; height: 400px;"; 104 105 Plotly.newPlot('graph@(Model.hiveTask.Task.Id)', 106 getData("@Model.hiveTask.Task.Id")); 107 </script> 122 108 123 </div> -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Upload.cshtml
r13656 r13733 3 3 <div> 4 4 5 <ul class="nav nav-tabs"> 6 <li role="presentation" class="active"><a asp-controller="Job" asp-action="Index">Jobs <span class="badge"></span></a></li> 7 <li role="presentation"><a asp-controller="User" asp-action="Index">User management</a></li> 8 <li role="presentation"><a asp-controller="Resource" asp-action="Index">Resources</a></li> 9 </ul> 5 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job")) 6 7 10 8 <div style="margin:10px"> 11 <form method="post" asp-action="Upload" asp-controller="Job" enctype="multipart/form-data"> 12 <input onchange="printFiles()" type="file" id="files" name="files" multiple accept=".hl" style="display:none" /> 13 <div onclick="firefilebutton()" class="btn btn-info btn-lg btn-block ">Choose file(s)</div> 14 <div class="row" style="margin:10px"> 9 10 <form method="post" 11 asp-action="Upload" 12 asp-controller="Job" 13 enctype="multipart/form-data"> 14 <input onchange="printFiles()" 15 type="file" 16 id="files" 17 name="files" 18 multiple 19 accept=".hl" 20 style="display:none" /> 21 22 <div onclick="firefilebutton()" 23 class="btn btn-info btn-lg btn-block "> 24 Choose file(s) 25 </div> 26 27 <div class="row" 28 style="margin:10px"> 15 29 <div id="selectedfiles"></div> 16 <div style="visibility:hidden; margin-bottom:10px;" id="del" class='btn btn-danger' onclick='deletefiles()'> 17 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> Remove files 30 <div style="visibility:hidden; margin-bottom:10px;" 31 id="del" 32 class='btn btn-danger' 33 onclick='deletefiles()'> 34 <span class='glyphicon glyphicon-trash' 35 aria-hidden='true'></span> Remove files 18 36 </div> 19 <input style="visibility:hidden;" id="upl" class="btn btn-lg btn-block btn-success" type="submit" value="Check contents" /> 37 <input style="visibility:hidden;" 38 id="upl" 39 class="btn btn-lg btn-block btn-success" 40 type="submit" 41 value="Check contents" /> 20 42 </div> 21 43 … … 37 59 "</p>"; 38 60 } 39 61 40 62 } 41 else {63 else { 42 64 document.getElementById("upl").style.visibility = "hidden"; 43 65 document.getElementById("del").style.visibility = "hidden"; -
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Uploads.cshtml
r13689 r13733 3 3 <div> 4 4 5 <ul class="nav nav-tabs"> 6 <li role="presentation" class="active"><a asp-controller="Job" asp-action="Index">Jobs -> Uploads</a></li> 7 <li role="presentation"><a asp-controller="User" asp-action="Index">User management</a></li> 8 <li role="presentation"><a asp-controller="Resource" asp-action="Index">Resources</a></li> 5 @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job")) 6 7 <ul class="nav nav-pills nav-justified"> 8 <li role="presentation" 9 class=""> 10 <a asp-controller="Job" 11 asp-action="Index"> 12 Jobs 13 </a> 14 </li> 15 <li role="presentation" 16 class="active"> 17 <a asp-controller="Job" 18 asp-action="Uploads"> 19 Uploads 20 </a> 21 </li> 9 22 </ul> 10 <div class="row" style="text-align:center">11 @Model.message12 </div>13 23 <div class="row" style="margin:10px"> 14 <a class="btn btn-success btn-lg btn-block" 15 asp-controller="Job" 16 asp-action="Uploader"> 17 Upload new file(s) 18 </a> 24 <div style="text-align:center">@Model.message</div> 25 19 26 </div> 20 27 <div class="row" style="padding:10px"> … … 22 29 { 23 30 <div> 24 <p style="text-align:center">No files uploaded</p> 31 <p style="text-align:center"> 32 No files uploaded 33 </p> 34 <a class="btn btn-success btn-lg btn-block" 35 asp-controller="Job" 36 asp-action="Uploader" 37 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); 38 text-shadow:2px 2px black;"> 39 <i class="fa fa-cloud-upload"></i> Upload new file(s) 40 </a> 25 41 </div> 26 42 … … 29 45 <div class="col-sm-4"> 30 46 <div class="btn-group-vertical btn-block"> 47 <a class="btn btn-success btn-lg btn-block 48 @(Model.SelectedIndex == -1 ? "active" : "") 49 " 50 asp-controller="Job" 51 asp-action="UploadDir" 52 asp-route-index="-1" 53 onclick="showUploader()" 54 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 55 text-shadow:2px 2px black;"> 56 <i class="fa fa-cloud-upload"></i> Upload new file(s) 57 </a> 31 58 @for (int i = 0; i < Model.DisplayDatePaths.Count; i++) 32 59 { 33 60 <a class="btn btn-default @(i == Model.SelectedIndex ? "active" : "" )" 61 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);" 34 62 asp-controller="Job" 35 63 asp-action="UploadDir" 36 asp-route-index="@(i)"> 64 asp-route-index="@(i)" 65 onclick="showDownloader()"> 37 66 @Model.DisplayDatePaths[i] 38 67 </a> … … 41 70 </div> 42 71 </div> 43 @if (Model.SelectedIndex != -1) 44 { 45 <div class="col-sm-8"> 72 <p style="display:none" 73 id="downloader" 74 class="text-center"> 75 <br /><br /><br /><br /><br /><br /><br /> 76 <i class="fa fa-cloud-download fa-spin fa-5x" id="spinner"> 77 </i> 78 </p> 79 <p style="display:none" 80 id="uploader" 81 class="text-center"> 82 <br /><br /><br /><br /><br /><br /><br /> 83 <i class="fa fa-cloud-upload fa-spin fa-5x" id="spinner"> 84 </i> 85 </p> 86 <p style="display:none" 87 id="deleter" 88 class="text-center"> 89 <br /><br /><br /><br /><br /><br /><br /> 90 <i class="fa fa-trash-o fa-spin fa-5x" id="spinner"> 91 </i> 92 </p> 93 <div id="content"> 94 @if (Model.SelectedIndex != -1) 95 { 96 <div class="col-sm-8"> 46 97 47 @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++)98 @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++) 48 99 { 49 <div class="btn-group-justified btn-block">100 <div class="btn-group-justified btn-block"> 50 101 51 <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )" 52 asp-controller="Job" 53 asp-action="OpenFile" 54 asp-route-index="@(Model.SelectedIndex)" 55 asp-route-filedex="@i" 56 style="width:6%"> 57 @Model.DisplayFilesPaths[i] 58 </a> 59 <a id="del" 60 class='btn btn-group btn-danger' 61 asp-controller="Job" 62 asp-action="DeleteFile" 63 asp-route-index="@(Model.SelectedIndex)" 64 asp-route-filedex="@i" > 65 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> 66 </a> 67 </div> 68 } 102 <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )" 103 asp-controller="Job" 104 asp-action="OpenFile" 105 asp-route-index="@(Model.SelectedIndex)" 106 asp-route-filedex="@i" 107 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);"> 108 @Model.DisplayFilesPaths[i] 109 </a> 110 <a id="del" 111 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 112 text-shadow:2px 2px black;" 113 class='btn btn-group btn-danger' 114 asp-controller="Job" 115 asp-action="DeleteFile" 116 asp-route-index="@(Model.SelectedIndex)" 117 asp-route-filedex="@i" 118 onclick="showDeleter()"> 119 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span> 120 </a> 121 </div> 122 } 69 123 70 124 71 </div>125 </div> 72 126 73 } 127 } 128 else 129 { 130 <div class="col-sm-8"> 131 132 @Html.Partial("UploaderPartial/_UploaderPartial") 133 </div> 134 } 135 </div> 74 136 75 137 } 76 138 </div> 139 <script type="text/javascript"> 140 function showDownloader() { 141 document.getElementById("content").style.display = "none"; 142 document.getElementById("downloader").style.display = ""; 143 144 } 145 function showUploader() { 146 document.getElementById("content").style.display = "none"; 147 document.getElementById("uploader").style.display = ""; 148 149 } 150 function showDeleter() { 151 document.getElementById("content").style.display = "none"; 152 document.getElementById("deleter").style.display = ""; 153 } 154 </script> 77 155 </div>
Note: See TracChangeset
for help on using the changeset viewer.