Ignore:
Timestamp:
04/26/16 11:30:46 (6 years ago)
Author:
jlodewyc
Message:

#2582 Resource Permissions added

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Views/Resource/Index.cshtml

    r13782 r13795  
    88
    99    <div class="col-sm-4">
    10         <div class="btn btn-block btn-success" ng-click="clearTreeSelect()">Add group</div>
    11         <div data-angular-treeview="true"
     10        <div class="btn-group btn-group-justified" style="padding:3px;margin-bottom:-10px"
     11             role="group">
     12            <a class="btn btn-info btn-lg btn-block disabled"
     13               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);
     14                            text-shadow:2px 2px black;">
     15                <i class="fa fa-sitemap"></i> Resource groups
     16            </a>
     17            <div class="btn btn-block btn-success"
     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:2px 2px black;"
     20                 ng-click="clearTreeSelect()"><i class="fa fa-plus-circle"></i></div>
     21        </div>
     22
     23        <div style=""
     24             data-angular-treeview="true"
    1225             data-tree-id="treeview"
    1326             data-tree-model="tree"
     
    2437            <h3>
    2538                {{treeview.currentNode.Name}}
    26                 <span ng-if="treeview.currentNode.IsDisposable === undefined"> - Client group</span>
     39                <span ng-if="treeview.currentNode.IsDisposable === undefined"> - Resource group</span>
    2740                <a ng-if="treeview.currentNode.IsDisposable !== undefined"
    2841                   class="btn pull-right"
     
    3447                </a>
    3548            </h3>
    36             <form method="post"
     49            <ul class="nav nav-pills nav-justified">
     50                <li role="presentation" ng-class="{ 'active': !permission }" ng-style="{ 'text-decoration': !permission ? 'underline' : ''}">
     51                    <a style="text-shadow:2px 2px black; color:white; font-weight:bold; border: 1px solid white;"
     52                       href=""
     53                       ng-click="permission = false">
     54                        Resource info
     55                    </a>
     56                </li>
     57                <li role="presentation" ng-class="{ 'active': permission }" ng-style="{ 'text-decoration': permission ? 'underline' : ''}">
     58                    <a style="text-shadow:2px 2px black; color:white; font-weight:bold; border: 1px solid white;"
     59                       href=""
     60                       ng-click="permission = true">
     61                        Permissions
     62                    </a>
     63                </li>
     64            </ul>
     65           
     66            <form ng-show="permission"
     67                  method="post"
     68                  asp-action="editPermissions"
     69                  asp-controller="Resource"
     70                  enctype="multipart/form-data"
     71                  class="row panel-heading"
     72                  >
     73                <div
     74                     class="row" style="padding:10px;">
     75                    <h4>Groups</h4>
     76                    <label class="col-sm-3" ng-repeat="group in permGroups">
     77                        <input type="checkbox"
     78                               name="permgroups"
     79                               value="{{group.Id}}"
     80                               ng-model="group.state"> {{group.Name}}
     81                    </label>
     82                </div>
     83                <div class="row" style="padding:10px;">
     84                    <h4>Users</h4>
     85                    <label class="col-sm-3 col-lg-2" ng-repeat="user in permUsers">
     86                        <input type="checkbox"
     87                               name="permusers"
     88                               value="{{user.Id}}"
     89                               ng-model="user.state"> {{user.UserName}}
     90                    </label>
     91                </div>
     92                <div class="btn btn-info pull-right"
     93                     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                     ng-click="pushPermissions()">
     96                <i ng-if="permissionLoader" class="fa fa-spin fa-save"></i>
     97                Save permission changes</div>
     98            </form>
     99            <form ng-show="!permission"
     100                  method="post"
    37101                  asp-action="deleteClientGroup"
    38102                  ng-init="checkDel = false"
     
    40104                  enctype="multipart/form-data"
    41105                  class="row panel-heading"
    42                   style="padding:10px">
     106                  style="padding:10px;">
    43107                <table class="table" style="margin-bottom:0px">
    44108                    <tbody>
     
    71135                                        id="inpsaver"
    72136                                        ng-disabled="!checkDel"
    73                                         class="btn btn-danger">
     137                                        class="btn btn-danger"
     138                                        style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     139                            text-shadow:2px 2px black;">
    74140                                    <i class="fa fa-trash-o"></i>
    75141                                    Delete group (irriversible action!)
     
    100166                  enctype="multipart/form-data"
    101167                  class="row"
    102                   style="padding:10px"
    103                   >
     168                  style="padding:10px;">
    104169                <input style="display:none" type="text" id="inpid" name="inpid" value="{{treeview.currentNode.Id}}" />
    105170
    106171                <span style="padding:0px" class="col-sm-4">Change parent resource: </span>
    107                
    108                 <select class="form-control col-sm-5" 
    109                         style="width:200px" 
    110                         id="inpidpar" 
    111                         name="inpidpar" 
     172
     173                <select class="form-control col-sm-5"
     174                        style="width:200px"
     175                        id="inpidpar"
     176                        name="inpidpar"
    112177                        ng-model="treeview.currentNode.ParentResourceId">
    113178                    <option value="">None</option>
    114                     <option ng-repeat="group in groups | orderBy:'Name'" 
     179                    <option ng-repeat="group in groups | orderBy:'Name'"
    115180                            value="{{group.Id}}"
    116181                            ng-if="group.Id !=treeview.currentNode.Id && group.ParentResourceId != treeview.currentNode.Id">
     
    121186                <button type="submit"
    122187                        id="inpsaver"
    123                         class="btn btn-warning col-sm-3 pull-right">
     188                        class="btn btn-warning col-sm-3 pull-right"
     189                        style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     190                            text-shadow:2px 2px black;">
    124191                    <i class="fa fa-save"></i>
    125192                    Change parent
     
    326393        <div class="row panel-footer">
    327394            <h2>All events </h2><h5>(sorted by changed and start date)</h5>
    328             <div class="row" ng-repeat="ev in currentcal.down[0] | orderBy:['!changed','start'] track by $index">
     395            <div class="row" ng-repeat="ev in currentcal.down[0] | orderBy:['!changed','start'] track by $index"
     396                 style="margin-bottom:4px">
    329397                <div class="btn-group-justified btn-block">
    330398
     
    370438              asp-controller="Resource"
    371439              enctype="multipart/form-data"
    372               class="col-sm-8 panel  panel-primary">
     440              class="col-sm-8 panel panel-primary">
    373441            <div class="row panel-heading"
    374442                 style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    375443                            text-shadow:2px 2px black;">
    376444                <h3>
    377                     Add new client group
     445                    Add new resource group
    378446                </h3>
    379447                <table class="table">
     
    407475                        id="inpsaver"
    408476                        ng-disabled="newName === ''"
    409                         class="btn btn-success">
     477                        class="btn btn-success"
     478                        style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     479                            text-shadow:2px 2px black;font-weight:bold;">
    410480                    <i class="fa fa-save"></i>
    411481                    Add {{newName}} group
     
    413483            </div>
    414484            <div class="panel-body row">
    415                 <h3>Choose clients </h3>
    416                 <h5>(This will overwrite the group set for these clients)</h5>
     485                <h3>Choose resources </h3>
     486                <h5>(This will overwrite the group set for these resources)</h5>
    417487                <table>
    418488                    <tr ng-repeat="client in clients  | orderBy:['Name'] track by $index" class="checkbox col-md-6 col-lg-4">
     
    440510                Ungrouped
    441511            </h2>
    442             <h3>
    443                 All unassigned clients arrive here. Assign them to a group to remove them from this group.
    444             </h3>
     512            <h4>
     513                All unassigned resources arrive here. Assign them to a group to remove them from this group.
     514            </h4>
    445515
    446516        </div>
Note: See TracChangeset for help on using the changeset viewer.