-<!--\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
- <h3 class="heading-page" >Role</h3>\r
- </div> \r
- <div class="admins-table" >\r
- <div>\r
- <br>\r
- <p class="p-info">Please edit the role details below: </p><br>\r
- \r
- <div id="role-text" >\r
- <label id="role-text-name-label" >*Name:</label>\r
- <input id="input-name" class="input-field" maxlength="30" type="text" data-ng-model="role.name"> \r
- <br>\r
- <label id="role-text-priority-label">Priority:</label>\r
- <input id="input-priority" class="input-field" maxlength="30" type="text" data-ng-model="role.priority"> \r
- </div>\r
- <br>\r
- <div align="left" >\r
- <button id="button-role-save" type="submit" ng-click="saveRole();" class="btn btn-alt btn-small">Save</button>\r
- </div>\r
- \r
- <br>\r
- <div id="page-title" class="pageTitle">\r
- <label>Role Functions</label>\r
- <a id="add-new-role" ng-click="addNewRoleFunctionModalPopup();" ng-style="{'cursor':'pointer'}" class="icon-primary-accordion-plus" size="small"></a>\r
- </div>\r
- \r
- <div b2b-table table-data="role.roleFunctions" ng-hide="users.isLoadingTable" search-string="users.searchString" class="b2b-table-div">\r
- <table>\r
- <thead b2b-table-row type="header">\r
- <tr >\r
- <th id="table-header-name" b2b-table-header key="name" sortable="true" >Name</th>\r
- <th id="table-header-remove" b2b-table-header sortable="false" >Remove</th>\r
- </tr>\r
- </thead>\r
- <tbody b2b-table-row type="body" row-repeat="roleFunction in role.roleFunctions">\r
- <tr >\r
- <td id="role-function-{{roleFunction.name}}" b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="roleFunction.name"></td>\r
- <td b2b-table-body headers="rowheader_t1_{{$index}} col4">\r
- <div ng-click="removeRoleFunction(roleFunction);" ><a href="javascript:void(0)" class="icon-misc-trash"></a></div>\r
- </td> \r
- </tr>\r
- </tbody>\r
- </table>\r
- </div> \r
- \r
- <a id="manage-role" href="roleFunctions">Manage Role Functions</a><br><br>\r
- \r
- <div id="page-title-child" class="pageTitle">\r
- <label>Child Roles</label>\r
- <a id="add-child-role" ng-click="addNewChildRoleModalPopup();" ng-style="{'cursor':'pointer'}" class="icon-primary-accordion-plus" size="small"></a>\r
- </div>\r
- \r
- <div b2b-table table-data="role.childRoles" ng-hide="users.isLoadingTable" search-string="users.searchString" class="b2b-table-div">\r
- <table>\r
- <thead b2b-table-row type="header">\r
- <tr >\r
- <th id="table-header-name" b2b-table-header key="firstName" sortable="true" >Name</th>\r
- <th id="table-header-remove" b2b-table-header key="lastName" sortable="true" >Remove</th>\r
- </tr>\r
- </thead>\r
- <tbody b2b-table-row type="body" row-repeat="role in role.childRoles">\r
- <tr >\r
- <td id="role-function-{{role.name}}" b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="role.name"></td>\r
- <td b2b-table-body headers="rowheader_t1_{{$index}} col4">\r
- <div ng-click="removeChildRole(role);" ><a href="javascript:void(0)" class="icon-misc-trash"></a></div>\r
- </td> \r
- </tr>\r
- </tbody>\r
- </table>\r
- </div> \r
- </div>\r
- \r
- </div>\r
- </div>\r
-</div>\r
+<!--
+ ================================================================================
+ ECOMP Portal
+ ================================================================================
+ Copyright (C) 2017 AT&T Intellectual Property
+ ================================================================================
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file 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.
+ ================================================================================
+ -->
+ <style>
+ .checkbox .skin {
+ left: 112px;
+ top: -8px;
+}
+.checkbox input {
+ margin: 0px;
+ left: 105px;
+ height: 20px;
+ top: -4px;
+ }
+.checkbox span {
+ display: inline-block;
+ margin-left: 1px;
+ margin-top: 0;
+ position: relative;
+ top: -3px;
+}
+ </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</h3>
+ </div>
+ <div class="admins-table" >
+ <div>
+ <br>
+ <p class="p-info">Please edit the role details below: </p><br>
+
+ <div class="property-label checkbox-label">
+ <label for="checkbox-app-is-restricted" class="checkbox">
+ <input type="checkbox" ng-model="isGlobalRoleChecked" id="checkbox-app-is-restricted" ng-checked="isGlobalRoleChecked" />
+ <i id="checkbox-app-is-restricted" class="skin"></i>
+ <span>Global Roles: </span>
+ </label>
+ </div>
+
+ <div id="role-text" >
+ <label id="role-text-name-label" >*Name:</label>
+ <input id="input-name" class="input-field" maxlength="300" type="text" data-ng-model="role.name">
+ <br>
+ <label id="role-text-priority-label">Priority:</label>
+ <input id="input-priority" class="input-field" maxlength="30" type="text" data-ng-model="role.priority">
+ </div>
+ <br>
+ <div align="left" >
+ <button id="button-role-save" type="submit" ng-click="saveRole();" class="btn btn-alt btn-small">Save</button>
+ </div>
+
+ <br>
+ <div ng-if="routeRoleId!=0">
+ <div id="page-title" class="pageTitle">
+ <label>Role Functions</label>
+ <a id="add-new-role" ng-click="addNewRoleFunctionModalPopup();" ng-style="{'cursor':'pointer'}" class="icon-primary-accordion-plus" size="small"></a>
+ </div>
+
+ <div b2b-table table-data="role.roleFunctions" ng-hide="users.isLoadingTable" search-string="users.searchString" class="b2b-table-div">
+ <span class="ecomp-spinner" ng-show="isLoadingRoleFunctions"></span>
+ <table>
+ <thead b2b-table-row type="header">
+ <tr >
+ <th id="table-header-name" b2b-table-header key="name" sortable="true" >Name</th>
+ <th id="table-header-remove" b2b-table-header sortable="false" >Remove</th>
+ </tr>
+ </thead>
+ <tbody b2b-table-row type="body" row-repeat="roleFunction in role.roleFunctions">
+ <tr >
+ <td id="role-function-{{roleFunction.name}}" b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="roleFunction.name"></td>
+ <td b2b-table-body headers="rowheader_t1_{{$index}} col4">
+ <div id="{{$index}}-remove-trash-button" ng-click="removeRoleFunction(roleFunction);" ><a href="javascript:void(0)" class="icon-misc-trash"></a></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <a id="manage-role" href="roleFunctions">Manage Role Functions</a><br><br>
+
+ </div>
+ </div>
+ </div>
+ </div>
+</div>