Deliver centralized role management feature

[portal.git] / ecomp-portal-FE-common / client / app / views / role / role_function_list.html

diff --git a/ecomp-portal-FE-common/client/app/views/role/role_function_list.html b/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
index 7c50a5a..6abf600 100644 (file)
--- a/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
+++ b/ecomp-portal-FE-common/client/app/views/role/role_function_list.html
@@ -42,16 +42,17 @@
        <div class="admins-table">
        
         <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
-               <div id="create-new-admin" align="left" style="marin-bottom: 50px;">
+               <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 style="text-align: justify;text-align-last:auto;">
+                       <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="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>
@@ -61,7 +62,7 @@
                                <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" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
+               <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['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>
@@ -69,11 +70,11 @@
                    <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >
                    <img src="static/fusion/images/editicon.gif">
                    </a> -->
-                   <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" style="font-size:20px;"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-edit" href="javascript:void(0)" class="icon-edit"></a></div>
+                   <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>
                    </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);" style="font-size:20px;"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash" href="javascript:void(0)" class="icon-misc-trash"></a></div>
+                       <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>
                     </td>
                  </tr>
                </tbody>