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

   1 <!-- <link rel="stylesheet" type="text/css" href="static/fusion/raptor/css/raptor.css"> -->
   2 <style>
   3 #stepView table tbody td {
   4     border: none;
   5 }
   6
   7 #stepView table tbody tr {
   8     border: none;
   9 }
  10
  11
  12 .noTableBorder table tbody td {
  13     border: none;
  14 }
  15 .noTableBorder table tbody tr {
  16     border: none;
  17 }
  18 .selectWrap {
  19         width: 300px;
  20 }
  21 .tdLeftColumn {
  22         text-align: right;
  23         vertical-align:middle;
  24 }
  25
  26 .tabs.tabs-justified > li.active, .tabs.promo-tabs > li.active {
  27 z-index:0;
  28 }
  29 </style>
  30
  31 <div id="page-content">
  32 <h1 class="heading-page">Report Wizard</h1>
  33
  34
  35 <!-- <h1 id="tabs---promo">Tabs - Promo</h1>
  36 <button class="btn btn-secondary btn-small" ng-click="gTabs[3].disabled = !gTabs[3].disabled">{{gTabs[3].disabled?'Enable':'Disable'}}</button> - Toggle 4th (Features) Tab
  37 <br><br> -->
  38  <b2b-tabset tab-id-selected="activeTabsId">
  39      <b2b-tab ng-repeat="tab in gTabs" tab-item="tab"
  40               id="{{tab.uniqueId}}" aria-controls="{{tab.tabPanelId}}"
  41               ng-disabled="tab.disabled">
  42          {{tab.title}}
  43      </b2b-tab>
  44  </b2b-tabset>
  45 <br><br>
  46 <div ng-show="showLoader" class="span loader-container">
  47         <i class="icon-primary-spinner" role="img"
  48                 aria-label="Please wait while we load your content"></i>
  49 </div>
  50
  51 <div ng-hide="showLoader">
  52
  53 <!-- <select ng-model="prj"
  54         ng-options="item.projectName for item in allProjects track by item.id" data-ng-init="getAllProjects()"
  55         ng-change="selectAction();">
  56     <option value="">Select project</option>
  57 </select>
  58
  59 <a ng-click="createAction()" class="pointer">Create Project</a> -->
  60
  61 <input type="hidden" name="project_id" ng-model="project_id" value = ""/>
  62
  63 <div id="stepViewColumn" ng-show = "isColumnStep">
  64         <h1>Step 3 : Columns</h1>
  65     <table class="striped">
  66         <thead>
  67             <tr>
  68                 <th>No</th>
  69                 <th>Column Name</th>
  70                 <th>ID</th>
  71                 <th>Edit</th>
  72             </tr>
  73         </thead>
  74         <tbody>
  75             <tr ng-repeat = "rowData in colTableRowData">
  76                 <td>{{$index+1}}</td>
  77                 <td>{{rowData.name}}</td>
  78                 <td>{{rowData.id}}</td>
  79                 <td><a ng-click="openColumnPopup(rowData)" class="icon-misc-pen"></a></td>
  80             </tr>
  81         </tbody>
  82     </table>
  83 </div>
  84
  85 <div id="stepViewFormField" ng-show = "isFormFieldStep">
  86         <h1>Step 4 : Form Fields</h1>
  87     <table class="striped">
  88         <thead>
  89             <tr>
  90                 <th>No</th>
  91                 <th>Field Name</th>
  92                 <th>Edit</th>
  93                 <th>Delete</th>
  94             </tr>
  95         </thead>
  96         <tbody>
  97             <tr ng-repeat = "rowData in formFieldData">
  98                 <td>{{$index+1}}</td>
  99                 <td>{{rowData.name}}[{{rowData.id}}]</td>
 100                 <td><a ng-click="openFormFieldPopup(rowData)" class="icon-misc-pen"></a></td>
 101                 <td><a ng-click="deleteFormField(rowData)" class="icon-misc-trash"></a></td>
 102             </tr>
 103         </tbody>
 104     </table>
 105 </div>
 106
 107 <div id="stepViewSecurity" ng-show = "isSecurityStep">
 108         <h1>Step 5 : Report Security</h1>
 109         <div class="noTableBorder">
 110          <table class="striped">
 111         <tbody>
 112                 <tr>
 113                 <td>Created By:  {{reportSecurityInfo.createdUser}}</td>
 114                 <td>Created Date:       {{reportSecurityInfo.createdDate}}</td>
 115             <tr/>
 116             <tr>
 117                 <td>Last Updated By:  {{reportSecurityInfo.updateUser}}</td>
 118                 <td>Last Updated:       {{reportSecurityInfo.updatedDate}}</td>
 119                 <tr/>
 120             <tr>
 121                 <td>
 122                         Report Owner:
 123
 124                         <select name="reportOwner" b2b-dropdown ng-model="reportOwnerId.id">
 125                                                 <option b2b-dropdown-list option-repeat="d in reportOwnerList" value="{{d.id}}">{{d.name}}</option>
 126                     </select>
 127
 128                 </td>
 129                 <td>
 130                         Public? (All users can run the report):
 131                         <select name="isPublic" b2b-dropdown ng-model="reportSecurityInfo.isPublic">
 132                                                 <option b2b-dropdown-list option-repeat="d in isPublicOptionList" value="{{d.value}}">{{d.text}}</option>
 133                     </select>
 134                 </td>
 135                 <tr/>
 136         </tbody>
 137     </table>
 138         </div>
 139
 140          <div style="margin-top:20px;">
 141      <h1 style="margin-bottom:5px;">Report Users</h1>
 142          <table class="striped">
 143         <thead>
 144                 <tr>
 145                 <th width="10%">No</th>
 146                 <th width="45%">User Name</th>
 147                 <th width="15%">Run Access</th>
 148                 <th width="15%">Edit Access</th>
 149                 <th width="15%">Remove</th>
 150             <tr/>
 151         </thead>
 152         <tbody>
 153                 <tr ng-repeat = "reportUser in reportSecurityUsers">
 154                         <td>{{$index+1}}</td>
 155                     <td>{{reportUser.name}}</td>
 156                     <td>
 157                                 <label for="switch{{$index+1}}runAccess" class="btn-switch-label">
 158                                     <input type="checkbox" role="switch" id="switch{{$index+1}}runAccess" b2b-switches ng-model=true ng-disabled=true aria-disabled=true aria-label="">
 159                                 </label>
 160                     </td>
 161                     <td>
 162                                 <label for="switch{{$index+1}}" class="btn-switch-label">
 163                                     <input type="checkbox" role="switch" id="switch{{$index+1}}" b2b-switches ng-model="reportUser.accessAllowed" ng-click="toggleUserEditAccessActive(reportUser)" ng-disabled=false aria-disabled=false aria-label="">
 164                                 </label>
 165                             </td>
 166                     <td>
 167                         <a class="icon-misc-trash" style="font-size: 22px;" ng-click="removeReportSecurityUser(reportUser)"> </a>
 168                     </td>
 169                 </tr>
 170                 <tr>
 171                         <td colspan="2">
 172                                 Grant Access To:
 173                         </td>
 174
 175                         <td colspan="2">
 176                                 <select name="reportUser" b2b-dropdown ng-model="addReportUserId.id" placeholder-text="Select a User">
 177                                         <option b2b-dropdown-list option-repeat="d in reportOwnerList" value="{{d.id}}">{{d.name}}</option>
 178                                 </select>
 179                         </td>
 180                         <td>
 181                                         <button class="btn btn-alt btn-small" type="button"  ng-click="addReportSecurityUser(addReportUserId.id)">Add</button>
 182                         </td>
 183                 </tr>
 184
 185         </tbody>
 186     </table>
 187     </div>
 188
 189         <div style="margin-top:20px;">
 190          <h1>Report Roles</h1>
 191          <table class="striped">
 192         <thead>
 193                 <tr>
 194                 <th width="10%">No</th>
 195                 <th width="45%">Role Name</th>
 196                 <th width="15%">Run Access</th>
 197                 <th width="15%">Edit Access</th>
 198                 <th width="15%">Remove</th>
 199             <tr/>
 200         </thead>
 201         <tbody>
 202                 <tr ng-repeat = "reportRole in reportSecurityRoles">
 203                         <td>{{$index+1}}</td>
 204                     <td>{{reportRole.name}}</td>
 205                     <td>
 206                                 <label for="switch{{$index+1}}RoleRunAccess" class="btn-switch-label">
 207                                     <input type="checkbox" role="switch" id="switch{{$index+1}}RoleRunAccess" b2b-switches ng-model=true ng-disabled=true aria-disabled=true aria-label="">
 208                                 </label>
 209                     </td>
 210                     <td>
 211                                 <label for="switch{{$index+1}}RoleEditAccess" class="btn-switch-label">
 212                                     <input type="checkbox" role="switch" id="switch{{$index+1}}RoleEditAccess" b2b-switches ng-model="reportRole.accessAllowed" ng-click="toggleRoleEditAccessActive(reportRole)" ng-disabled=false aria-disabled=false aria-label="">
 213                                 </label>
 214                             </td>
 215                     <td>
 216                         <a class="icon-misc-trash" ng-click="removeReportSecurityRole(reportRole)" style="font-size: 22px;"> </a>
 217
 218                     </td>
 219                 </tr>
 220                 <tr>
 221                         <td colspan="2">
 222                                 Grant Access To:
 223                         </td>
 224                         <td colspan="2">
 225                                 <select name="reportOwner" b2b-dropdown ng-model="addReportRoleId.id" placeholder-text="Select a Role">
 226                                         <option b2b-dropdown-list option-repeat="d in reportRoleList" value="{{d.id}}">{{d.name}}</option>
 227                                 </select>
 228                         </td>
 229                         <td>
 230                                         <button class="btn btn-alt btn-small" type="button"  ng-click="addReportSecurityRole(addReportRoleId.id)">Add</button>
 231                                 </td>
 232                 </tr>
 233         </tbody>
 234     </table>
 235     </div>
 236
 237 </div>
 238
 239 <div id="stepView">
 240 </div>
 241 </div>
 242
 243 </div>