Free cookie consent management tool by TermsFeed Policy Generator

Ignore:
Timestamp:
03/30/16 17:30:01 (9 years ago)
Author:
jlodewyc
Message:

#2582 Job Manager done. Start user management

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

Legend:

Unmodified
Added
Removed

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

    r13739 r13740  
    2626        @Model.message
    2727    </div>
    28     <div class="row"
    29          style="margin:10px">
    3028
    31     </div>
    3229    <div class="row"
    3330         style="padding:10px; margin-right:0px!important">
    … …  
    7774            </p>
    7875
    79                 <div class="col-sm-8"
    80                      id="content"
    81                      style="padding:5px; padding-left:10px;">
    82                     @if (Model.selectedJob != null)
     76            <div class="col-sm-8"
     77                 id="content"
     78                 style="padding:5px; padding-left:10px;">
     79                @if (Model.selectedJob != null)
    8380                {
    84                         <div class="panel panel-default"
    85                              style="border-width:2px!important;padding:17px;
     81                    <div class="panel panel-default"
     82                         style="border-width:2px!important;padding:17px;
    8683                        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);
     84                        <div class="row">
     85                            <h2 style="padding-left:20px">
     86                                @Model.selectedJob.Job.Name
     87                                <a onclick="popUpDelete()"
     88                                   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);
    9289                                    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>
     90                                   class='btn btn-danger'>
     91                                    <span class="glyphicon glyphicon-trash"
     92                                          aria-hidden="true"></span>
     93                                    Delete job
     94                                </a>
     95                                <a style="display:none; "
     96                                   asp-action="Delete"
     97                                   asp-route-id="@Model.selectedJob.Id"
     98                                   asp-controller="Job" id="del"
     99                                   onclick="showDeleter()"></a>
    103100
    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                                             }
     101                                <script type="text/javascript">
     102                                    function popUpDelete() {
     103                                        if (confirm("Are you sure you want to delete this job?") == true) {
     104                                            document.getElementById("del").click();
     105                                        }
    109106
    110                                         }
    111                                     </script>
     107                                    }
     108                                </script>
    112109
    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>
     110                            </h2>
     111                            <div class="col-sm-6" style="padding-left:30px">
     112                                <p>Description: @Model.selectedJob.Job.Description</p>
     113                                <p>Resources: @Model.selectedJob.Job.ResourceNames</p>
     114                                <p>Created: @Model.selectedJob.Job.DateCreated</p>
     115                                <p>Owned by: @Model.selectedJob.Job.OwnerUsername</p>
    138116
    139117                            </div>
     118                            <div class="col-sm-6" style="padding-left:30px">
     119                                <p id="jobcalculating">
     120                                    Calculating: @Model.selectedJob.Job.CalculatingCount
     121                                </p>
     122                                <p id="jobfinished">
     123                                    Finished: @Model.selectedJob.Job.FinishedCount
     124                                </p>
     125                                <p>
     126                                    Automatic refresh:
     127                                    <input type="checkbox"
     128                                           checked
     129                                           data-toggle="toggle"
     130                                           data-onstyle="success"
     131                                           id="refreshtogg"
     132                                           onchange="autoRefresh()" />
     133                                </p>
     134                            </div>
    140135
    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                                 @Html.Partial("_Graphlegend")
    145                                 <div id="graphMain" style="width:100%;height:0px">
     136                        </div>
     137                        <script src="~/js/scripts/graphs/graphdatacollector.min.js"></script>
     138                        <script src="~/js/scripts/graphs/graphhubber.min.js"></script>
     139                        <div class="row" style="text-align:center">
     140                            @Html.Partial("_Graphlegend")
     141                            <div id="graphMain" style="width:100%;height:0px">
    146142
    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);
     143                            </div>
     144                            <div class="btn btn-lg btn-info"
     145                                 onclick="redrawMain()"
     146                                 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    151147                            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",
     148                        </div>
     149                        <div class="row">
     150                            <h3 style="padding-left:20px; ">
     151                                @Model.selectedJob.Job.JobCount Tasks
     152                            </h3>
     153                            @foreach (var task in Model.selectedJob.HiveTasks)
     154                            {
     155                                @Html.Partial("SelectedJobPartials/_TaskPartial",
    160156                           new HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer(task))
    161157
    162                                 }
    163                             </div>
     158                            }
    164159                        </div>
    165                     }
    166                 </div>
    167                
     160                    </div>
     161                }
     162            </div>
     163
    168164
    169165        }

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

    r13739 r13740  
    8787                     style="text-align:right">
    8888                    <h5>
    89                         Resource
     89                        Resources (optional)
    9090                    </h5>
    9191                </div>
    … …  
    9494                    <div class="form-group">
    9595                        <div class="input-group">
    96                             <div class="input-group-addon">
    97                                 HEAL/
    98                             </div>
    9996                            <input type="text"
    10097                                   class="form-control"
    10198                                   name="jresource"
    10299                                   id="jresource"
    103                                    placeholder="Resource (optional)">
     100                                   placeholder="(seperate with ;)">
    104101                        </div>
    105102                    </div>
    … …  
    176173            {
    177174                <li><a id="ctasks" href="#tasks">Child tasks </a></li>
    178                 <li><a onclick="shower()"><i class="fa fa-eye"></i> Show all tasks</a></li>
    179                 <li><a onclick="collapser()"><i class="fa fa-eye-slash"></i> Hide all tasks</a></li>
     175                <li><a onclick="shower()" href="#tasks"><i class="fa fa-eye"></i> Show all tasks</a></li>
     176                <li><a onclick="collapser()" href="#tasks"><i class="fa fa-eye-slash"></i> Hide all tasks</a></li>
    180177               
    181178            }
    … …  
    183180        </ul>
    184181    </nav>
     182
     183    <script src="~/js/scripts/hubber.min.js"></script>
    185184   
    186     <script src="~/js/scripts/hubber.js"></script>
    187185    <script>
    188186        showScrolly = function () {

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

    r13735 r13740  
    2121            <thead>
    2222                <tr>
    23                     <th>Batch run: @Model.hiveTask.ItemTask.Name</th>
     23                    <th> Batch run: @Model.hiveTask.ItemTask.Name</th>
    2424                    <th style="font-size:large; ">
    2525                        @if (Model.hiveTask.Task.Priority == 0)

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

    r13712 r13740  
    11@model HeuristicLab.Clients.Hive.WebJobManager.Models.HiveTaskContainer
    22
    3        
    43
    54        @if (Model.hiveTask.ItemTask.Item is HeuristicLab.Optimization.IAlgorithm)

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

    r13739 r13740  
    11
    2 
    3 
    42<div class="panel panel-default"
    53     style="border-width:2px!important;padding:17px;
    … …  
    1917             class="btn btn-info btn-lg btn-block"
    2018             style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    21                             text-shadow:2px 2px black;">
     19                            text-shadow:1px 1px black;">
    2220            <i class="fa fa-folder-open-o"></i> Choose file(s) to upload to the server
    2321        </div>

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Shared/_Graphlegend.cshtml

    r13735 r13740  
    99    <i class="fa fa-square" style="color:#c2302c"></i> Failed/Aborted 
    1010</p>
     11<p style="text-align:center">
     12    <i class="fa fa-search-plus"></i> Left mouse button |
     13    <i class="fa fa-search-minus"></i> Right mouse button
     14</p>

  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Shared/_Layout.cshtml

    r13739 r13740  
    2424        </nav>
    2525
    26         <script src="~/js/jquery-2.1.1.js"></script>
    27         <script src="~/js/bootstrap.js"></script>
     26        <script src="~/js/jquery-2.1.1.min.js"></script>
     27        <script src="~/js/bootstrap.min.js"></script>
    2828        <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
    29         <script src="~/js/jquery.signalr-2.1.2.js"></script>
     29        <script src="~/js/jquery.signalr-2.1.2.min.js"></script>
    3030        <script src='~/signalr/js'></script>
    31         <script src="~/js/plotly.js"></script>
    32         <script src="~/js/d3.js"></script>
     31        <script src="~/js/plotly.min.js"></script>
    3332        <script src="~/js/d3.v3.min.js"></script>
    3433        <script src="~/js/d3-gantt-jobstatus.js"></script>
    35         <script src="~/js/d3-tip.js"></script>
     34        <script src="~/js/d3-tip.min.js"></script>
    3635        @RenderBody()
    3736    </div>

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

    r13733 r13740  
    1 
     1@using HeuristicLab.Clients.Hive.WebJobManager.ViewModels.User;
     2@model UserViewModel
    23<div>
    34
    45    @Html.Partial("Navbar", new HeuristicLab.Clients.Hive.WebJobManager.ViewModels.NavbarViewModel("User"))
    56
     7    <ul class="nav nav-pills nav-justified">
     8        <li role="presentation"
     9            class="active">
     10            <a asp-controller="User"
     11               asp-action="Index">
     12                Users
     13            </a>
     14        </li>
     15        <li role="presentation"
     16            class="">
     17            <a asp-controller="User"
     18               asp-action="Groups">
     19                Groups
     20            </a>
     21        </li>
     22        <li role="presentation"
     23            class="">
     24            <a asp-controller="User"
     25               asp-action="Roles">
     26                Roles
     27            </a>
     28        </li>
     29    </ul>
     30    <div class="row"
     31         style="text-align:center">
     32        @Model.message
     33    </div>
     34    <div class="row"
     35         style="padding:10px; margin-right:0px!important">
     36        @if (Model.users.Count == 0)
     37        {
     38            <div>
     39                <p style="text-align:center">
     40                    No users found
     41                </p>
     42            </div>
    643
     44        }
     45        else
     46        {
     47            <div class="col-sm-4">
     48                <div class="btn-group-vertical btn-block">
     49                    <a class="btn btn-info btn-lg btn-block disabled"
     50                       style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     51                            text-shadow:2px 2px black;">
     52                        <i class="fa fa-users"></i> Users
     53                    </a>
     54                    <a class="btn btn-success btn-block
     55                       @(Model.SelectedUser == "" ? "active" : "")
     56                       "
     57                       asp-controller="User"
     58                       asp-action="SelectUser"
     59                       asp-route-id="@Guid.Empty"
     60                       onclick="showUser()"
     61                       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                        <i class="fa fa-user-plus"></i> Add new user
     64                    </a>
     65                    @foreach(var user in Model.users)
     66                    {
     67                        <a class="btn  btn-default @(user == Model.SelectedUser ? "active" : "" )"
     68                           style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);"
     69                           asp-controller="User"
     70                           asp-action="SelectUser"
     71                           asp-route-id="@Guid.NewGuid()"
     72                           onclick="showUser()">
     73                            @user
     74                        </a>
     75                    }
     76                </div>
     77            </div>
     78            <p style="display:none"
     79               id="saver"
     80               class="text-center">
     81                <br /><br /><br /><br /><br /><br /><br />
     82                <i class="fa fa-save fa-spin fa-5x" id="spinner">
     83                </i>
     84            </p>
     85            <p style="display:none"
     86               id="user"
     87               class="text-center">
     88                <br /><br /><br /><br /><br /><br /><br />
     89                <i class="fa fa-user fa-spin fa-5x" id="spinner">
     90                </i>
     91            </p>
     92            <p style="display:none"
     93               id="deleter"
     94               class="text-center">
     95                <br /><br /><br /><br /><br /><br /><br />
     96                <i class="fa fa-trash-o fa-spin fa-5x" id="spinner">
     97                </i>
     98            </p>
     99            <div id="content">
     100
     101                </div>
     102        }
     103    </div>
     104    <script type="text/javascript">
     105        function showSaver() {
     106            document.getElementById("content").style.display = "none";
     107            document.getElementById("saver").style.display = "";
     108
     109        }
     110        function showUser() {
     111            document.getElementById("content").style.display = "none";
     112            document.getElementById("user").style.display = "";
     113
     114        }
     115        function showDeleter() {
     116            document.getElementById("content").style.display = "none";
     117            document.getElementById("deleter").style.display = "";
     118        }
     119    </script>
    7120</div>
Note: See TracChangeset for help on using the changeset viewer.