Security/ Package Name changes
[portal.git] / ecomp-portal-FE-common / client / app / views / role / role_function_list.html
index 51362b6..ed4fdd7 100644 (file)
@@ -2,11 +2,11 @@
   ============LICENSE_START==========================================
   ONAP Portal
   ===================================================================
-  Copyright © 2017 AT&T Intellectual Property. All rights reserved.
+  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”);
+  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
  
@@ -19,7 +19,7 @@
   limitations under the License.
  
   Unless otherwise specified, all documentation contained herein is licensed
-  under the Creative Commons License, Attribution 4.0 Intl. (the “License”);
+  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
  
     <div id="title" class="w-ecomp-main-view-title">
     <h3 class="heading-page" >Role Functions</h3>
     </div>
-               
-       
-       <br>
        
        <div class="admins-table">
+       <!-- Centralized Apps -->
+       <div class="table-dropdown" ng-if="apps.selectedCentralizedApp">
+               <select id="dropdown1" name="dropdown1" b2b-dropdown ng-change="getRoleFunctions(apps.selectedCentralizedApp);" 
+                                       ng-model="apps.selectedCentralizedApp">
+               <option b2b-dropdown-list option-repeat="item in centralizedApps" value="{{item.appId}}">{{item.appName}}</option>
+            </select>
+       </div>
+       <br/>   
        
-        <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
-               <div id="create-new-admin" align="left" class="admins-table-create-new-admin">
-                               <button id="button-admin-create" type="submit" ng-click="addNewRoleFunctionModalPopup();" 
-                                        class="btn btn-alt btn-small">Create</button>
-                       </div>
-                       
-                       <div class="admins-table-space">
-                       <!--    Click on the edit icon to update a role function, the plus icon to add additional role functions, or the delete icon to remove them.  -->
-                       </div>
+       <div id="create-new-admin" align="left" class="admins-table-create-new-admin">
+               <button id="button-admin-create" type="submit" ng-click="addNewRoleFunctionModalPopup();" 
+                        class="btn btn-alt btn-small">Create</button>
+               <button ng-if="apps.selectedCentralizedApp" id="button-sync-functions" type="submit" ng-click="syncRoleFunctionsFromExternalAuthSystem(apps.selectedCentralizedApp)" 
+                        class="btn btn-alt btn-small"><i class="icon-arrows-update-refresh-syncL" aria-hidden="true"></i>&nbsp;Sync Functions</button>
+       </div>
+       
+       <div class="admins-table-space">
+       </div>
        
        <div id="rolesTable" class="c-ecomp-abs-table default"  title="Role Functions">
          <span class="ecomp-spinner" ng-show="isLoadingRoleFunctions"></span>
          <table b2b-table table-data="availableRoleFunctions" current-page="1">
                <thead b2b-table-row type="header">
                        <tr>
+                               <th id="table-header-type" b2b-table-header width="10%" key="type" sortable="true">Type</th>
+                               <th id="table-header-code" b2b-table-header width="10%" key="code" sortable="true">Instance</th>
+                               <th id="table-header-action" b2b-table-header width="10%" key="action" sortable="true">Action</th>
                                <th id="table-header-name" b2b-table-header width="70%" key="name" sortable="true">Name</th>
-                               <th id="table-header-code" b2b-table-header width="10%" key="code" sortable="true">Code</th>
                                <th id="table-header-edit" b2b-table-header width="10%" sortable="false">Edit?</th>
                                <th id="table-header-delete" b2b-table-header width="10%" sortable="false">Delete?</th>
                        </tr>
                </thead>
                <tbody b2b-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" class="admins-table-tbody" ><!-- background colors will alternate not properly with multiple tbody-->
                  <tr>
+                   <td id="table-body-role-{{availableRoleFunction['type'].split(' ').join('-')}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['type']"></td>
+                   <td id="table-body-role-{{availableRoleFunction['code'].split(' ').join('-')}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
+                   <td id="table-body-role-{{availableRoleFunction['action']}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['action']"></td>
                    <td id="table-body-role-{{availableRoleFunction['name'].split(' ').join('-')}}" b2b-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>
-                   <td id="table-body-role-{{availableRoleFunction['code']}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
                    <td id="table-body" b2b-table-body width="10%">
-                   <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >
-                   <img src="static/fusion/images/editicon.gif">
-                   </a> -->
-                   <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" class="admins-table-btn-txt"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-edit" href="javascript:void(0)" class="icon-edit"></a></div>
+                   <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" class="icon-edit" id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-edit"></div>
                    </td>
                     <td b2b-table-body width="10%">
                        <!-- <a ng-click="removeRole(availableRoleFunction);" ><img src="static/fusion/images/deleteicon.gif"></a> -->
-                       <div ng-click="removeRole(availableRoleFunction);" class="admins-table-btn-txt"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash" href="javascript:void(0)" class="icon-misc-trash"></a></div>
+                       <div ng-click="removeRole(availableRoleFunction);" class="icon-misc-trash" id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash"></div>
                     </td>
                  </tr>
                </tbody>
                </table>
        </div>
        
-                  
-       
        </div>
-       
-       
-       <div id="dialog" title="Add Role Function">
-               
-               <div id="fn-ebz-container-name" class="fn-ebz-container" >
-               <label id="fn-ebz-label-name" class="fn-ebz-text-label"><sup><b>*</b></sup>Name:</label><br>
-               <input id="fn-ebz-input-{{editRoleFunction.name}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.name"
-                       maxlength="30" /> 
-               </div>
-               <br/>
-               <div id="fn-ebz-container-code" class="fn-ebz-container" >
-               <label id="fn-ebz-label-code" class="fn-ebz-text-label"><sup><b>*</b></sup>Code:</label><br>
-               <input id="fn-ebz-input-{{editRoleFunction.code}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.code" ng-disabled="editRoleFunction.code!=null"
-                       maxlength="30" /> 
-               </div>
-               <br/>
-               <button id="button-admin-save" type="submit" ng-click="saveRoleFunction(editRoleFunction);"  class="btn btn-alt btn-small">Save</button>
-               
-       </div>
-       
 </div>
 </div>