--- /dev/null
+<!--\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