[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / role / role.html
index 42793ee..2356058 100644 (file)
@@ -1,96 +1,96 @@
-<!--\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:&nbsp;</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.
+  ================================================================================
+  -->
+<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:&nbsp;</p><br>
+                            
+                               <div id="role-text" >
+                                       <label id="role-text-name-label" >*Name:</label>
+                                       <input id="input-name"  class="input-field" maxlength="30"  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 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">
+                                       <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 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 id="page-title-child" class="pageTitle">
+                                       <label>Child Roles</label>
+                                       <a id="add-child-role"  ng-click="addNewChildRoleModalPopup();" ng-style="{'cursor':'pointer'}" class="icon-primary-accordion-plus" size="small"></a>
+                               </div>
+                               
+                               <div b2b-table table-data="role.childRoles"  ng-hide="users.isLoadingTable"     search-string="users.searchString" class="b2b-table-div">
+                                       <table>
+                                               <thead b2b-table-row type="header">
+                                                       <tr >
+                                                               <th id="table-header-name" b2b-table-header key="firstName" sortable="true" >Name</th>
+                                                               <th id="table-header-remove" b2b-table-header key="lastName" sortable="true" >Remove</th>
+                                                       </tr>
+                                               </thead>
+                                               <tbody b2b-table-row type="body"        row-repeat="role in role.childRoles">
+                                                       <tr >
+                                                               <td id="role-function-{{role.name}}" b2b-table-body id="rowheader_t1_{{$index}}" headers="col1" ng-bind="role.name"></td>
+                                                               <td b2b-table-body headers="rowheader_t1_{{$index}} col4">
+                                                               <div ng-click="removeChildRole(role);" ><a href="javascript:void(0)" class="icon-misc-trash"></a></div>
+                                                               </td>                                                   
+                                                       </tr>
+                                               </tbody>
+                                       </table>
+                               </div>                                  
+                       </div>
+       
+               </div>
+       </div>
+</div>