Bulk upload changes and music health check apis
[portal.git] / ecomp-portal-FE-common / client / app / views / role / role_list.html
index e8d56ca..b082c3e 100644 (file)
-<!--\r
-  ================================================================================\r
-  ECOMP Portal\r
-  ================================================================================\r
-  Copyright (C) 2017 AT&T Intellectual Property\r
-  ================================================================================\r
-  Licensed under the Apache License, Version 2.0 (the "License");\r
-  you may not use this file except in compliance with the License.\r
-  You may obtain a copy of the License at\r
-  \r
-       http://www.apache.org/licenses/LICENSE-2.0\r
-  \r
-  Unless required by applicable law or agreed to in writing, software\r
-  distributed under the License is distributed on an "AS IS" BASIS,\r
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
-  See the License for the specific language governing permissions and\r
-  limitations under the License.\r
-  ================================================================================\r
-  -->\r
-<div class="w-ecomp-admins-page-main">\r
-       <div class="admins-home-container" id="page-content">\r
-               <div id="title" class="w-ecomp-main-view-title">\r
-                       <h1 class="heading-page" >Roles</h1>\r
-               </div>\r
-               <div class="admins-table">\r
-                       <div id="button-create-role" align="left" style="marin-bottom: 50px;" >\r
-                               <button ng-click="goToUrl(0)" class = "btn btn-alt btn-small">Create</button>\r
-                       </div>\r
-                       <div b2b-table table-data="availableRoles"  search-string="searchString" class="b2b-table-div">\r
-                       <table>\r
-                           <thead b2b-table-row type="header">\r
-                               <tr>\r
-                                   <th b2b-table-header key="name" sortable="true" default-sort="a" id="col1">Name</th>\r
-                                   <th b2b-table-header key="priority" sortable="true" id="col2">Priority</th>\r
-                                   <th b2b-table-header id="col3" sortable="false">Active</th>\r
-                               </tr>\r
-                           </thead>\r
-                           <tbody b2b-table-row type="body" row-repeat="rowData in availableRoles">\r
-                               <tr>\r
-                                   <td b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="rowData['name']"></td>\r
-                                   <td b2b-table-body ng-bind="rowData['priority']"></td>\r
-                                   <td b2b-table-body headers="rowheader_t1_{{$index}} col3" >\r
-                                       <div >\r
-                                                               <label class="btn-switch-label" tabindex="0" role="option">\r
-                                                                               <input type="checkbox" b2b-switches ng-model="rowData.active" ng-click="toggleRole(rowData.active,rowData);">\r
-                                                                   </label> \r
-                                                       </div>\r
-                                   </td>\r
-                               </tr>\r
-                           </tbody>\r
-                       </table>\r
-                   </div>\r
-               </div>\r
-       </div>\r
-</div>\r
+<!--
+  ============LICENSE_START==========================================
+  ONAP Portal
+  ===================================================================
+  Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
+  ===================================================================
+  Unless otherwise specified, all software contained herein is licensed
+  under the Apache License, Version 2.0 (the "License");
+  you may not use this software except in compliance with the License.
+  You may obtain a copy of the License at
+              http://www.apache.org/licenses/LICENSE-2.0
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  Unless otherwise specified, all documentation contained herein is licensed
+  under the Creative Commons License, Attribution 4.0 Intl. (the "License");
+  you may not use this documentation except in compliance with the License.
+  You may obtain a copy of the License at
+              https://creativecommons.org/licenses/by/4.0/
+  Unless required by applicable law or agreed to in writing, documentation
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  ============LICENSE_END============================================
+  
+  -->
+  <style>
+  .property-label{
+  text-align: right;
+  }
+  </style>
+<div class="w-ecomp-admins-page-main">
+       <div class="admins-home-container" id="page-content">
+               <div id="title" class="w-ecomp-main-view-title">
+                       <h1 class="heading-page" >Roles</h1>
+               </div>
+               <div class="admins-table">
+               
+               <!-- Centralized Apps -->
+               <div class="table-dropdown" ng-if="apps.selectedCentralizedApp">
+                       <select id="dropdown1" name="dropdown1" b2b-dropdown ng-change="getRolesForSelectedCentralizedApp(apps.selectedCentralizedApp);" 
+                                               ng-model="apps.selectedCentralizedApp">
+                       <option b2b-dropdown-list option-repeat="item in centralizedApps" value="{{item.appId}}">{{item.appName}}</option>
+                    </select>
+               </div>
+               
+               <br/>
+               
+                       <div id="button-create-role" align="left" class="admins-table-btn-create" >
+                               <button id="button-create-role" ng-click="addRoleModalPopup(apps.selectedCentralizedApp)" class = "btn btn-alt btn-small">Create</button>
+                               <button id="button-sync-role"  ng-show="syncRolesApplied" ng-click="syncRolesFromExternalAuthSystem(apps.selectedCentralizedApp)" class = "btn btn-alt btn-small"><i class="icon-arrows-update-refresh-syncL" aria-hidden="true"></i>&nbsp;Sync Roles</button>
+                               <button id="button-bulk-upload" ng-show="syncRolesApplied" ng-click="openBulkUploadRolesAndFunctionsModal(apps.selectedCentralizedApp)" class = "btn btn-alt btn-small"><i class="icon-arrows-upload" aria-hidden="true"></i>&nbsp;Bulk Upload</button>
+                       </div>
+                       <br>
+                         <div class="property-label">
+                                       <span ID="required" style="color: Red;font-size: 210%;" visible="false"> *</span>-----Indicates Global Roles    </div>
+                       <div b2b-table table-data="availableRoles"  search-string="searchString" class="b2b-table-div">
+                       <span class="ecomp-spinner" ng-show="showSpinner"></span>
+                       <table>
+                           <thead b2b-table-row type="header">
+                               <tr>
+                                   <th b2b-table-header key="name" sortable="true" default-sort="a" id="col1">Name</th>
+                                   <th b2b-table-header key="priority" sortable="true" id="col2">Priority</th>
+                                   <th b2b-table-header id="col3" sortable="false">Active</th>
+                                   <th b2b-table-header id="col4" sortable="false">Edit</th>
+                                   <th ng-if="apps.selectedCentralizedApp != 1" b2b-table-header id="col4" sortable="false">Delete</th>
+                               </tr>
+                           </thead>
+                           <tbody b2b-table-row type="body" row-repeat="rowData in availableRoles">
+                               <tr>
+                                  <!--  <td b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="rowData['name']"></td> -->
+                                  <td b2b-table-body>
+                                                               <span  ng-if="rowData.name.indexOf('global_')!=-1" id="required" style="color: Red;font-size: 180%;" visible="false"> *</span>
+                                                               <span>{{rowData.name}}</span>
+                                                               </td>
+                                   <td b2b-table-body ng-bind="rowData['priority']"></td>
+                                   <td b2b-table-body headers="rowheader_t1_{{$index}} col3" >
+                                       <div >
+                                                               <label class="btn-switch-label" tabindex="0" role="option">
+                                                                               <input type="checkbox" id="{{$index}}-button-toggle-role" b2b-switches ng-model="rowData.active" ng-click="toggleRole(apps.selectedCentralizedApp, rowData.active,rowData);">
+                                                                   </label> 
+                                                       </div>
+                                   </td>
+                                   <td b2b-table-body id="{{$index}}-button-edit-role" class="icon-misc-pen" ng-click="editRoleModalPopup(apps.selectedCentralizedApp, rowData)"></td>
+                                   <td ng-if="apps.selectedCentralizedApp != 1"  b2b-table-body class="icon-trash" ng-click="removeRole(apps.selectedCentralizedApp, rowData)"></td>    
+                               </tr>
+                           </tbody>
+                       </table>
+                   </div>
+                   
+                   <a id="manage-role" ng-click="fnManageRoleFunctions()" href="roleFunctions">Manage Role Functions</a><br><br>
+                   
+               </div>
+       </div>
+</div>
+
+