-<!--\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
-<style>\r
-.c-ecomp-abs-table .tablesorter-default tbody tr td div {\r
- line-height: 20px;\r
-}\r
-\r
-.c-ecomp-abs-table{\r
- width: 100%;\r
- height: 600px;\r
- overflow-x: auto;\r
- overflow-y: auto;\r
- background-color: white;\r
-}\r
-</style>\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
- <h3 class="heading-page" >Role Functions</h3>\r
- </div>\r
- \r
- \r
- <br>\r
- \r
- <div class="admins-table">\r
- \r
- <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->\r
- <div id="create-new-admin" align="left" style="marin-bottom: 50px;">\r
- <button id="button-admin-create" type="submit" ng-click="addNewRoleFunctionModalPopup();" \r
- class="btn btn-alt btn-small">Create</button>\r
- </div>\r
- \r
- <div style="text-align: justify;text-align-last:auto;">\r
- <!-- 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. -->\r
- </div>\r
- \r
- <div id="rolesTable" class="c-ecomp-abs-table default" title="Role Functions">\r
- <table b2b-table table-data="availableRoleFunctions" current-page="1">\r
- <thead b2b-table-row type="header">\r
- <tr>\r
- <th id="table-header-name" b2b-table-header width="70%" key="name" sortable="true">Name</th>\r
- <th id="table-header-code" b2b-table-header width="10%" key="code" sortable="true">Code</th>\r
- <th id="table-header-edit" b2b-table-header width="10%" sortable="false">Edit?</th>\r
- <th id="table-header-delete" b2b-table-header width="10%" sortable="false">Delete?</th>\r
- </tr>\r
- </thead>\r
- <tbody b2b-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->\r
- <tr>\r
- <td id="table-body-role-{{availableRoleFunction['name'].split(' ').join('-')}}" b2b-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>\r
- <td id="table-body-role-{{availableRoleFunction['code']}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>\r
- <td id="table-body" b2b-table-body width="10%">\r
- <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >\r
- <img src="static/fusion/images/editicon.gif">\r
- </a> -->\r
- <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>\r
- </td>\r
- <td b2b-table-body width="10%">\r
- <!-- <a ng-click="removeRole(availableRoleFunction);" ><img src="static/fusion/images/deleteicon.gif"></a> -->\r
- <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>\r
- </td>\r
- </tr>\r
- </tbody>\r
- </table>\r
- </div>\r
- \r
- \r
- \r
- </div>\r
- \r
- \r
- <div id="dialog" title="Add Role Function">\r
- \r
- <div id="fn-ebz-container-name" class="fn-ebz-container" >\r
- <label id="fn-ebz-label-name" class="fn-ebz-text-label"><sup><b>*</b></sup>Name:</label><br>\r
- <input id="fn-ebz-input-{{editRoleFunction.name}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.name"\r
- maxlength="30" /> \r
- </div>\r
- <br/>\r
- <div id="fn-ebz-container-code" class="fn-ebz-container" >\r
- <label id="fn-ebz-label-code" class="fn-ebz-text-label"><sup><b>*</b></sup>Code:</label><br>\r
- <input id="fn-ebz-input-{{editRoleFunction.code}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.code" ng-disabled="editRoleFunction.code!=null"\r
- maxlength="30" /> \r
- </div>\r
- <br/>\r
- <button id="button-admin-save" type="submit" ng-click="saveRoleFunction(editRoleFunction);" class="btn btn-alt btn-small">Save</button>\r
- \r
- </div>\r
- \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============================================
+
+ ECOMP is a trademark and service mark of AT&T Intellectual Property.
+ -->
+<style>
+.c-ecomp-abs-table .tablesorter-default tbody tr td div {
+ line-height: 20px;
+}
+
+.c-ecomp-abs-table{
+ width: 100%;
+ height: 600px;
+ overflow-x: auto;
+ overflow-y: auto;
+ background-color: white;
+}
+</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">
+ <h3 class="heading-page" >Role Functions</h3>
+ </div>
+
+ <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/>
+
+ <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> 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-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" b2b-table-body width="10%">
+ <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="icon-misc-trash" id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ </div>
+</div>
+</div>