gerrit.onap Code Review - portal/sdk.git/blob

   1 <style>
   2 #stepView table tbody td {
   3         border: none;
   4 }
   5
   6 #stepView table tbody tr {
   7         border: none;
   8 }
   9
  10 .noTableBorder table tbody td {
  11         border: none;
  12 }
  13
  14 .noTableBorder table tbody tr {
  15         border: none;
  16 }
  17 </style>
  18 <h1 class="heading-page">Step 5 - Report Security</h1>
  19
  20 <div ng-show="showLoader" class="span loader-container">
  21         <i class="icon-primary-spinner" role="img"
  22                 aria-label="Please wait while we load your content"></i>
  23 </div>
  24 <div class="" ng-hide="showLoader">
  25         <div class="form-row">
  26                 <div id="stepViewSecurity">
  27                         <div class="noTableBorder">
  28                                 <table class="striped">
  29                                         <tbody>
  30                                                 <tr>
  31                                                         <td>Created By: {{reportSecurityInfo.createdUser}}</td>
  32                                                         <td>Created Date: {{reportSecurityInfo.createdDate}}</td>
  33                                                 <tr />
  34                                                 <tr>
  35                                                         <td>Last Updated By: {{reportSecurityInfo.updateUser}}</td>
  36                                                         <td>Last Updated: {{reportSecurityInfo.updatedDate}}</td>
  37                                                 <tr />
  38                                                 <tr>
  39                                                         <td>Report Owner: <select name="reportOwner" b2b-dropdown
  40                                                                 ng-model="reportSecurityInfo.ownerId">
  41                                                                         <option b2b-dropdown-list option-repeat="d in reportOwnerList"
  42                                                                                 value="{{d.id}}">{{d.name}}</option>
  43                                                         </select>
  44
  45                                                         </td>
  46                                                         <td>Public? (All users can run the report): <select
  47                                                                 name="isPublic" b2b-dropdown
  48                                                                 ng-model="reportSecurityInfo.isPublic">
  49                                                                         <option b2b-dropdown-list option-repeat="d in ynOptions"
  50                                                                                 value="{{d.value}}">{{d.text}}</option>
  51                                                         </select>
  52                                                         </td>
  53                                                 <tr />
  54                                         </tbody>
  55                                 </table>
  56                         </div>
  57
  58                         <div style="margin-top: 20px;">
  59                                 <h1 style="margin-bottom: 5px;">Report Users</h1>
  60                                 <table class="striped">
  61                                         <thead>
  62                                                 <tr>
  63                                                         <th width="10%">No</th>
  64                                                         <th width="45%">User Name</th>
  65                                                         <th width="15%">Run Access</th>
  66                                                         <th width="15%">Edit Access</th>
  67                                                         <th width="15%">Remove</th>
  68                                                 <tr />
  69                                         </thead>
  70                                         <tbody>
  71                                                 <tr ng-repeat="reportUser in reportSecurityUsers">
  72                                                         <td>{{$index+1}}</td>
  73                                                         <td>{{reportUser.name}}</td>
  74                                                         <td>
  75                                                                 <label for="switch{{$index+1}}runAccess"
  76                                                                         class="btn-switch-label"> <input type="checkbox"
  77                                                                                 role="switch" id="switch{{$index+1}}runAccess" b2b-switches
  78                                                                                 ng-model="reportUser.runAccess" ng-disabled=true aria-disabled=true aria-label="">
  79                                                                 </label>
  80                                                         </td>
  81                                                         <td><label for="switch{{$index+1}}" class="btn-switch-label">
  82                                                                         <input type="checkbox" role="switch" id="switch{{$index+1}}"
  83                                                                         b2b-switches ng-model="reportUser.accessAllowed"
  84                                                                         ng-click="toggleUserEditAccessActive(reportUser)"
  85                                                                         ng-disabled=false aria-disabled=false aria-label="">
  86                                                         </label></td>
  87                                                         <td><a class="icon-misc-trash" style="font-size: 22px;"
  88                                                                 ng-click="removeReportSecurityUser(reportUser)"> </a></td>
  89                                                 </tr>
  90                                         </tbody>
  91                                 </table>
  92                         </div>
  93                         <div>
  94                                 <h2>Grant Access To:</h2>
  95                                 <div>
  96                                         <select id="reportUser" name="reportUser" b2b-dropdown
  97                                                 ng-model="addReportUserId.id" placeholder-text="Select a User">
  98                                                 <option b2b-dropdown-list option-repeat="d in reportOwnerList"
  99                                                         value="{{d.id}}">{{d.name}}</option>
 100                                         </select>
 101                                 </div>
 102                                 <div>
 103                                         <button class="btn btn-alt btn-small" type="button"
 104                                                 ng-click="addReportSecurityUser(addReportUserId.id)">Add</button>
 105                                 </div>
 106                         </div>
 107
 108                         <div style="margin-top: 20px;">
 109                                 <h1>Report Roles</h1>
 110                                 <table class="striped">
 111                                         <thead>
 112                                                 <tr>
 113                                                         <th width="10%">No</th>
 114                                                         <th width="45%">Role Name</th>
 115                                                         <th width="15%">Run Access</th>
 116                                                         <th width="15%">Edit Access</th>
 117                                                         <th width="15%">Remove</th>
 118                                                 <tr />
 119                                         </thead>
 120                                         <tbody>
 121                                                 <tr ng-repeat="reportRole in reportSecurityRoles">
 122                                                         <td>{{$index+1}}</td>
 123                                                         <td>{{reportRole.name}}</td>
 124                                                         <td>
 125                                                                 <label for="switch{{$index+1}}RoleRunAccess"
 126                                                                         class="btn-switch-label"> <input type="checkbox"
 127                                                                                 role="switch" id="switch{{$index+1}}RoleRunAccess" b2b-switches
 128                                                                                 ng-model="reportRole.runAccess" ng-disabled=true aria-disabled=true aria-label="">
 129                                                                 </label>
 130                                                         </td>
 131                                                         <td><label for="switch{{$index+1}}RoleEditAccess"
 132                                                                 class="btn-switch-label"> <input type="checkbox"
 133                                                                         role="switch" id="switch{{$index+1}}RoleEditAccess"
 134                                                                         b2b-switches ng-model="reportRole.accessAllowed"
 135                                                                         ng-click="toggleRoleEditAccessActive(reportRole)"
 136                                                                         ng-disabled=false aria-disabled=false aria-label="">
 137                                                         </label></td>
 138                                                         <td><a class="icon-misc-trash"
 139                                                                 ng-click="removeReportSecurityRole(reportRole)"
 140                                                                 style="font-size: 22px;"> </a></td>
 141                                                 </tr>
 142                                         </tbody>
 143                                 </table>
 144                                 <div>
 145                                         <h2 colspan="2">Grant Access To:</h2>
 146                                         <div colspan="2">
 147                                                 <select name="reportOwner" b2b-dropdown
 148                                                         ng-model="addReportRoleId.id" placeholder-text="Select a Role">
 149                                                         <option b2b-dropdown-list option-repeat="d in reportRoleList"
 150                                                                 value="{{d.id}}">{{d.name}}</option>
 151                                                 </select>
 152                                         </div>
 153                                         <div>
 154                                                 <button class="btn btn-alt btn-small" type="button"
 155                                                         ng-click="addReportSecurityRole(addReportRoleId.id)">Add</button>
 156                                         </div>
 157                                 </div>
 158                         </div>
 159
 160                 </div>
 161         </div>
 162         <div class="form-row">
 163 <!--            <button class="btn btn-alt btn-small" type="button"
 164                         ng-click="previous()">Previous</button> -->
 165                 <button class="btn btn-alt btn-small" type="button"
 166                         ng-click="saveReportSecurityInfo()">Save</button>
 167 <!--            <button class="btn btn-alt btn-small" type="button" ng-click="next()">Next</button>
 168  -->    </div>
 169
 170 </div>
 171
 172