Free cookie consent management tool by TermsFeed Policy Generator

Ignore:
Timestamp:
05/03/16 17:13:50 (9 years ago)
Author:
jlodewyc
Message:

#2582 Parameter changing busy, save file, download file and email on pass reset

Location:
branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job
Files:
8 added
13 edited

Legend:

Unmodified
Added
Removed

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Index.cshtml

    r13754 r13827  
    11@using HeuristicLab.Clients.Hive.WebJobManager.ViewModels
    22@model JobViewModel
     3
     4<!-- Displays the job manager overview -->
     5
    36<div id="userId" style="display:none">@ViewBag.SessionId</div>
    47<div>
     8    <!-- Main nav menu-->
    59    @Html.Partial("Navbar", new NavbarViewModel("Job"))
    610
     11    <!-- Job menu-->
    712    <ul class="nav nav-pills nav-justified">
    813        <li role="presentation"
    … …  
    3843
    3944        }
    40         else {
     45        else
     46        {<!-- Display side menu containing jobs. -->
    4147            <div class="col-sm-4">
    4248                <div class="btn-group-vertical btn-block">
    … …  
    7884                 style="padding:5px; padding-left:10px;">
    7985                @if (Model.selectedJob != null)
    80                 {
     86                { <!-- A job has been selected by the user, load info into view -->
    8187                    <div class="panel panel-default"
    8288                         style="border-width:2px!important;padding:17px;
    … …  
    8490                        <div class="row">
    8591                            <h2 style="padding-left:20px">
     92                                <!-- Header of the job (title and delete button) -->
    8693                                @Model.selectedJob.Job.Name
    8794                                <a onclick="popUpDelete()"
    … …  
    93100                                    Delete job
    94101                                </a>
    95                                 <a style="display:none; "
     102                                <!-- HIDDEN BUTTON FOR ASP ACTION -->
     103                                <a style="display:none; "
    96104                                   asp-action="Delete"
    97105                                   asp-route-id="@Model.selectedJob.Id"
    … …  
    100108
    101109                                <script type="text/javascript">
    102                                     function popUpDelete() {
     110                                    function popUpDelete() {//Quick inline popup with hidden asp button
    103111                                        if (confirm("Are you sure you want to delete this job?") == true) {
    104112                                            document.getElementById("del").click();
    … …  
    110118                            </h2>
    111119                            <div class="col-sm-6" style="padding-left:30px">
     120                                <!-- Information of the job -->
    112121                                <p>Description: @Model.selectedJob.Job.Description</p>
    113122                                <p>Resources: @Model.selectedJob.Job.ResourceNames</p>
    … …  
    138147                        <div class="row" style="text-align:center">
    139148                            @Html.Partial("_Graphlegend")
     149                            <!-- Main graph giving overview of all the jobs-->
    140150                            <div id="graphMain" style="width:100%;height:0px">
    141151
    … …  
    151161                            </h3>
    152162                            @foreach (var task in Model.selectedJob.HiveTasks)
    153                             {
     163                            {<!--Display all child jobs recursively -->
    154164                                @Html.Partial("SelectedJobPartials/_TaskPartial",
    155165                           new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))
    … …  
    164174        }
    165175        <script type="text/javascript">
    166             function showLoader() {
     176            function showLoader() {//Shows load spinner
    167177                document.getElementById("content").style.display = "none";
    168178                document.getElementById("loader").style.display = "";
    169179
    170180            }
    171             function showDeleter() {
     181            function showDeleter() {//Shows delete spinner
    172182                document.getElementById("content").style.display = "none";
    173183                document.getElementById("loader").style.display = "";

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFile.cshtml

    r13754 r13827  
    33@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
    44
    5 
     5<!-- Displays the contents of a file -->
     6<!-- Another body used for the side scroller menu-->
    67<body id="top"
    78      class="row"
    … …  
    1213      style="margin-bottom:500px;margin-left:1px;margin-right:1px;">
    1314    <div id="userId" style="display:none">@ViewBag.SessionId</div>
     15    <!-- Main nav menu -->
    1416    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("Job"))
    1517
     18    <!-- Job menu-->
    1619    <ul class="nav nav-pills nav-justified">
    1720        <li role="presentation"
    … …  
    3033        </li>
    3134    </ul>
     35    <!-- Back button -->
    3236    <div class="row"
    3337         style="margin-left:20px">
    … …  
    3842        </a>
    3943    </div>
    40 
     44    <!-- Check model to select right partial, partial handles all subloading -->
    4145    <div class="col-md-9">
    4246        @if (Model.SelectedAlgorithm != null)
    … …  
    5559
    5660        }
    57 
     61        <!-- Main menu for job creation -->
    5862        <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>
     63        <div class="row">
     64            <div id="finish" class="col-sm-8"
     65                 style="text-align:center; border-right:1px solid">
     66                <h2>
     67                    Hive job information
     68                </h2>
     69                <div class="row"
     70                     style="margin-bottom:20px">
     71
     72                    <div class="col-sm-6"
     73                         style="text-align:right">
     74                        <h5>Job name</h5>
     75                    </div>
     76                    <div class="col-sm-6"
     77                         style="text-align:left">
     78                        <div class="form-group">
     79                            <div class="input-group">
     80                                <input type="text"
     81                                       class="form-control"
     82                                       name="jname"
     83                                       id="jname"
     84                                       placeholder="Job name">
     85                            </div>
     86                        </div>
     87                    </div>
     88                </div>
     89                <div class="row"
     90                     style="margin-bottom:20px">
     91                    <div class="col-sm-6"
     92                         style="text-align:right">
     93                        <h5>
     94                            Resources (optional)
     95                        </h5>
     96                    </div>
     97                    <div class="col-sm-6"
     98                         style="text-align:left">
     99                        <div class="form-group">
     100                            <div class="input-group">
     101                                <input type="text"
     102                                       class="form-control"
     103                                       name="jresource"
     104                                       id="jresource"
     105                                       placeholder="(seperate with ;)">
     106                            </div>
     107                        </div>
     108                    </div>
     109                </div>
     110
     111                <div class="row">
     112                    <h5 class="col-sm-6"
     113                        style="text-align:right;margin-top:20px">
     114                        Set global job priority
     115                    </h5>
     116                    <div class="col-sm-6">
     117                        <div class="btn-group pull-left"
     118                             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);
     119                            text-shadow:2px 2px black;">
     120                            <button type="button"
     121                                    id="prior"
     122                                    class="btn btn-info dropdown-toggle"
     123                                    data-toggle="dropdown"
     124                                    aria-haspopup="true" aria-expanded="false">
     125                                Normal <span class="caret"></span>
     126                            </button>
     127                            <ul class="dropdown-menu"
     128                                style="text-shadow:none">
     129                                <li><a onclick="changePriority([],0,'')">Low</a></li>
     130                                <li><a onclick="changePriority([],1,'')">Normal</a></li>
     131                                <li><a onclick="changePriority([],2,'')">Urgent</a></li>
     132                                <li><a onclick="changePriority([],3,'')">Critical</a></li>
     133                            </ul>
     134                        </div>
     135                    </div>
     136                </div>
     137
     138                <!-- adding the job to hive and show progress bar -->
     139                <a class="btn btn-lg btn-success"
     140                   id="fakehiveadd"
     141                   onclick="addtoHive()"
     142                   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);
     143                            text-shadow:2px 2px black;">
     144                    Add this job to Hive
     145                </a>
     146                <!-- HIDDEN BUTTON FOR ASP ACTION -->
     147                <a class="btn btn-success "
     148                   id="realhiveadd"
     149                   asp-controller="Job"
     150                   asp-action="AddToHive"
     151                   style="display:none"></a>
     152
     153                <!-- Progress-->
     154               
     155                <h4 id="result" style="display:none">Start uploading experiment...</h4>
     156                <div class="progress" id="progdiv" style="display:none">
     157
     158                    <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"
     159                         id="progress"
     160                         aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:10%">
     161
    81162                    </div>
    82163                </div>
    83164            </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);
     165            <div class="col-sm-4">
     166                <h4>Save to file</h4>
     167                <form asp-controller="Job"
     168                   asp-action="saveToFile"
     169                      method="post">
     170                    <div class="col-sm-6"
     171                         style="text-align:right">
     172                        <h5>File name</h5>
     173                    </div>
     174                    <div class="col-sm-6"
     175                         style="text-align:left">
     176                        <div class="form-group">
     177                            <div class="input-group">
     178                                <input type="text"
     179                                       class="form-control"
     180                                       name="fname"
     181                                       id="fname"
     182                                       required
     183                                       placeholder="File name">
     184                            </div>
     185                        </div>
     186                    </div>
     187                    <div class="row"
     188                         style="text-align:center">
     189                        <h5>Directory: /HiveChanged</h5>
     190                    </div>
     191                    <button class="btn btn-success btn-block" type="submit"
     192                            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);
    114193                            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>
     194                    Save to file</button>
     195                </form>
    153196            </div>
    154197        </div>
    155198
    156199
    157 
    158 
    159200    </div>
     201    <!-- Side scrolling menu-->
    160202    <nav style="margin-top:50px; "
    161203         class="col-md-2" id="scrolly">
    … …  
    166208            <li><a href="#top"><i class="fa fa-angle-up"></i> Top</a></li>
    167209            @if (Model.SelectedAlgorithm != null)
    168             {
     210            {//Algortihm loaded
    169211                <li><a href="#algorithm">Algorithm parameters</a></li>
    170212                <li><a href="#problem">Problem parameters</a></li>
    171213            }
    172214            else
    173             {
     215            {//batch run or experiment
    174216                <li><a id="ctasks" href="#tasks">Child tasks </a></li>
    175217                <li><a onclick="shower()" href="#tasks"><i class="fa fa-eye"></i> Show all tasks</a></li>
    … …  
    210252        collapser = function () {
    211253            $('.collapse').collapse('hide');
    212 
     254            //closes every collapse
    213255        }
    214256        shower = function () {
    215257            $('.collapse').collapse('show');
    216 
     258            //opens every collapse
    217259        }
    218260    </script>

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_Algorithm.cshtml

    r13754 r13827  
    1 @model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
    2 @{System.Random randomizer = new Random();
    3     int randy = randomizer.Next(5000); }
     1@using HeuristicLab.Core;
    42
    53
     4@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
     5@{System.Random randomizer = new Random();
     6    int randy = randomizer.Next(50000); }
     7
     8<!-- Partial for opening an algorithm only file-->
    69<div style="margin-left:20px;margin-right:20px">
    710    <div class="row" style="text-align:center">
    … …  
    1215            <span class="label label-primary">Algorithm: @Model.SelectedTask.ItemTask.Name</span>
    1316        </h1>
    14        
     17
    1518    </div>
    1619
    … …  
    3033                    @foreach (var par in Model.SelectedAlgorithm.Parameters.OrderBy(x => x.Name))
    3134                    {
    32                         <tr>
    33                             <td>@par.Name</td>
    3435
    35                             <td>@par.ActualValue</td>
    36                         </tr>
    37 
     36                        @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
     37                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM( par,"[]",0, false)) 
    3838                    }
    3939                </tbody>
    … …  
    5858                    @foreach (var prob in Model.SelectedAlgorithm.Problem.Parameters.OrderBy(x => x.Name))
    5959                    {
    60                         <tr>
    61                             <td>@prob.Name</td>
    62 
    63                             <td>@prob.ActualValue</td>
    64                         </tr>
     60                        @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
     61                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM(prob, "[]", 0,true))
    6562
    6663                    }
    … …  
    6966        </div>
    7067    </div>
    71    
     68
    7269
    7370</div>

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_AlgorithmSmall.cshtml

    r13733 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.Models.AlgorithmContainer
    2 @{int randomal = Model.randy.Next(5000);
     2@{int randomal = Model.randy.Next(50000);
    33    var builder = "[";
    44    foreach (var arr in Model.depth)
    … …  
    88    builder += "]";
    99}
     10<!-- Partial for displaying a small version of an algorithm -->
     11
    1012<p class="text-center">
    1113    <a class="btn btn-primary"
    … …  
    1416       aria-expanded="false"
    1517       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);
     18       style="margin:10px;margin-bottom:0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    1719                            text-shadow:2px 2px black;">
    1820        @Model.algo.Name
    … …  
    6264                @foreach (var par in Model.algo.Parameters.OrderBy(x => x.Name))
    6365                {
    64                     <tr>
    65                         <td>@par.Name</td>
    66 
    67                         <td>@par.ActualValue</td>
    68                     </tr>
     66                    @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
     67                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM(par, builder, randomal, false))
    6968
    7069                }
    … …  
    8483                @foreach (var prob in Model.algo.Problem.Parameters.OrderBy(x => x.Name))
    8584                {
    86                     <tr>
    87                         <td>@prob.Name</td>
    88 
    89                         <td>@prob.ActualValue</td>
    90                     </tr>
     85                    @Html.Partial("OpenFilePartials/DataPartials/DataMaster",
     86                new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.Jobs.DataPackageVM(prob, builder, randomal, true))
    9187
    9288                }

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_BatchRun.cshtml

    r13754 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
    22@{System.Random randomizer = new Random();
    3     int randy = randomizer.Next(5000); }
     3    int randy = randomizer.Next(50000); }
     4
     5<!-- Partial for displaying a Bach run file -->
     6
    47<div style="margin-left:20px;margin-right:20px">
    58    <div class="row" style="text-align:center">

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_BatchRunSmall.cshtml

    r13735 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.Models.BatchRunContainer
    22@{
    3     int randombr = Model.randy.Next(5000);
     3    int randombr = Model.randy.Next(50000);
    44    var builder = "[";
    55    foreach (var arr in Model.depth)
    … …  
    99    builder += "]";
    1010}
    11 
     11<!-- Partial for displaying a small version of a batch file-->
    1212
    1313<p class="text-center">
    … …  
    1717       aria-expanded="false"
    1818       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);
     19        style="margin:10px;margin-bottom:0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    2020                            text-shadow:2px 2px black;">
    2121        @Model.batch.Name

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_Experiment.cshtml

    r13754 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.FileOpeningViewModel
    22@{System.Random randomizer = new Random();
    3     int randy = randomizer.Next(5000); }
     3    int randy = randomizer.Next(50000); }
    44
    5 
     5<!-- Partial for displaying an experiment file-->
    66<div style="margin-left:20px;margin-right:20px; ">
    77    <div class="row" style="text-align:center">

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/OpenFilePartials/_ExperimentSmall.cshtml

    r13735 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.Models.ExperimentContainer
    2 @{int randomex = Model.randy.Next(5000);
     2@{int randomex = Model.randy.Next(50000);
    33    var builder = "[";
    44    foreach (var arr in Model.depth)
    … …  
    88    builder += "]";
    99}
     10<!-- Partial for displaying a small version of an experiment-->
    1011<p class="text-center">
    1112    <a class="btn btn-danger"
    … …  
    1415       aria-expanded="false"
    1516       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       style="margin:10px; margin-bottom:0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    1718                            text-shadow:2px 2px black;">
    1819        @Model.exp.Name

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_AlgTask.cshtml

    r13735 r13827  
    1414
    1515    <div class="panel-heading"
    16          data-toggle="collapse"
    17          data-target="#panbody@(Model.hiveTask.Task.Id)"
     16         
    1817         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
    1918         aria-expanded="false"
    … …  
    8281            </tbody>
    8382        </table>
     83        <a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     84                            text-shadow:2px 2px black;"
     85           class="btn btn-info btn-block"
     86           data-toggle="collapse"
     87         data-target="#panbody@(Model.hiveTask.Task.Id)"><i class="fa fa-bar-chart-o"></i> Show graph</a>
    8488    </div>
    8589    <div class="panel-body " style="text-shadow:none">

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_BatchTask.cshtml

    r13740 r13827  
    1313
    1414    <div class="panel-heading"
    15          data-toggle="collapse"
    16          data-target="#panbody@(Model.hiveTask.Task.Id)"
    1715         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
    1816         aria-expanded="false"
    … …  
    9391            </tbody>
    9492        </table>
     93        <a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     94                            text-shadow:2px 2px black;"
     95           class="btn btn-info btn-block"
     96           data-toggle="collapse"
     97           data-target="#panbody@(Model.hiveTask.Task.Id)"><i class="fa fa-bar-chart-o"></i>Show graph</a>
    9598    </div>
    9699    <div class="panel-body " style="text-shadow:none">

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/SelectedJobPartials/_ExpTask.cshtml

    r13735 r13827  
    1717
    1818    <div class="panel-heading"
    19          data-toggle="collapse"
    20          data-target="#panbody@(Model.hiveTask.Task.Id)"
    2119         onclick="redrawGraph('@(Model.hiveTask.Task.Id)')"
    2220       aria-expanded="false"
    … …  
    9391            </tbody>
    9492        </table>
     93        <a style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     94                            text-shadow:2px 2px black;"
     95           class="btn btn-info btn-block"
     96           data-toggle="collapse"
     97           data-target="#panbody@(Model.hiveTask.Task.Id)"><i class="fa fa-bar-chart-o"></i>Show graph</a>
    9598    </div>
    9699    <div class="panel-body " style="text-shadow:none">

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/UploaderPartial/_UploaderPartial.cshtml

    r13741 r13827  
    44                        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
    55
    6     <form method="post"
    7           asp-action="Uploader"
    8           asp-controller="Job" enctype="multipart/form-data">
    9         <input onchange="printFiles()"
    10                type="file"
    11                id="files"
    12                name="files"
    13                multiple accept=".hl"
    14                style="display:none" />
    156
    16         <div onclick="firefilebutton()"
    17              class="btn btn-info btn-lg btn-block"
    18              style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    19                             text-shadow:1px 1px black;">
    20             <i class="fa fa-folder-open-o"></i> Choose file(s) to upload to the server
    21         </div>
     7        <form method="post"
     8               asp-action="Uploader"
     9               asp-controller="Job" enctype="multipart/form-data">
     10             <input onchange="printFiles()"
     11                    type="file"
     12                    id="files"
     13                    name="files"
     14                    multiple accept=".hl"
     15                    style="display:none" />
    2216
    23         <div class="row" style="margin:10px">
     17             <div onclick="firefilebutton()"
     18                  class="btn btn-info btn-lg btn-block"
     19                  style="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:1px 1px black;">
     21                 <i class="fa fa-folder-open-o"></i> Choose file(s) to upload to the server
     22             </div>
    2423
    25             <div id="selectedfiles">
    26             <h3>Files</h3>
    27             <p>No files selected: press the above button to choose files</p>
    28             </div>
     24             <div class="row" style="margin:10px">
    2925
    30             <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);
    31                             text-shadow:2px 2px black;"
    32                  type="button"
    33                     disabled
    34                  id="del"
    35                  class='btn btn-danger'
    36                  onclick='deletefiles()'>
    37                 <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
    38                 Remove files
    39             </button>
     26                 <div id="selectedfiles">
     27                 <h3>Files</h3>
     28                 <p>No files selected: press the above button to choose files</p>
     29                 </div>
    4030
    41             <div
    42                  style="margin-top:20px;margin-bottom:20px">
     31                 <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                                 text-shadow:2px 2px black;"
     33                      type="button"
     34                         disabled
     35                      id="del"
     36                      class='btn btn-danger'
     37                      onclick='deletefiles()'>
     38                     <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
     39                     Remove files
     40                 </button>
    4341
    44                 <label for="basic-url">Directory name</label>
    45                 <div class="input-group">
    46                     <span class="input-group-addon"
    47                           id="basic-addon3">
    48                         .../uploads/@ViewBag.Name
    49                     </span>
    50                     <input
    51                            type="text"
    52                            disabled
    53                            class="form-control"
    54                            id="directory"
    55                            name="directory"
    56                            aria-describedby="basic-addon3"
    57                            value="@(DateTime.Now.ToString("yyyy.MM.dd"))" />
    58                 </div>
    59             </div>
    60             <button style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    61                             text-shadow:2px 2px black;"
    62                    disabled
    63                     id="upl"
    64                    class="btn btn-lg btn-block btn-success"
    65                    type="submit"
    66                     >
    67                 <i class="fa fa-plus-square"></i> Add to uploads
    68                 </button>
    69         </div>
     42                 <div
     43                      style="margin-top:20px;margin-bottom:20px">
     44
     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);
     62                                 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>
    7071
    7172    </form>

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Job/Uploads.cshtml

    r13742 r13827  
    11@model HeuristicLab.Clients.Hive.WebJobManager.ViewModels.UploadedJobViewModel
    22
     3
     4<!-- Shows uploaded files and the uploader -->
    35<div>
    46
    … …  
    4446        else {
    4547            <div class="col-sm-4">
    46                 <div class="btn-group-vertical btn-block">
     48                <div class="btn-group btn-group-justified btn-block"
     49                     role="group" style="margin-bottom:-4px">
     50
    4751                    <a class="btn btn-info btn-lg btn-block disabled"
    48                        style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     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);
    4953                            text-shadow:2px 2px black;">
    5054                        <i class="fa fa-cloud"></i> Uploads
    … …  
    5963                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    6064                            text-shadow:2px 2px black;">
    61                         <i class="fa fa-cloud-upload"></i> Upload new file(s)
     65                        <i class="fa fa-cloud-upload"></i>
    6266                    </a>
     67                </div>
     68                <div class="btn-group-vertical btn-block">
     69                   
    6370                    @for (int i = 0; i < Model.DisplayDatePaths.Count; i++)
    6471                    {
    … …  
    7279                        </a>
    7380                    }
    74 
    7581                </div>
    7682            </div>
    … …  
    100106                {
    101107                    <div class="col-sm-8">
    102 
     108                        <h4>Click on a file to prepare it for upload to Hive</h4>
    103109                        @for (int i = 0; i < Model.DisplayFilesPaths.Count; i++)
    104110                    {
     111                           
    105112                            <div class="btn-group-justified btn-block">
    106 
     113                               
    107114                                <a class="btn btn-default @(Model.DisplayFilesPaths[i].EndsWith(".hl") ? "" : "disabled" )"
    108115                                   asp-controller="Job"
    … …  
    111118                                   asp-route-filedex="@i"
    112119                                   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);">
    113                                     @Model.DisplayFilesPaths[i]
     120                                   <i class="fa fa-list-alt"></i>  @Model.DisplayFilesPaths[i]
     121                                </a>
     122                                <a id="down"
     123                                   style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     124                            text-shadow:2px 2px black;"
     125                                   class='btn btn-group btn-success'
     126                                   asp-controller="Job"
     127                                   asp-action="DownloadFile"
     128                                   asp-route-index="@(Model.SelectedIndex)"
     129                                   asp-route-filedex="@i">
     130                                    <span class='glyphicon glyphicon-download-alt' aria-hidden='true'></span>
    114131                                </a>
    115132                                <a id="del"
    … …  
    124141                                    <span class='glyphicon glyphicon-trash' aria-hidden='true'></span>
    125142                                </a>
     143                               
    126144                            </div>
    127145                        }
Note: See TracChangeset for help on using the changeset viewer.