[PORTAL-7] Rebase

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

diff --git a/ecomp-portal-FE-common/client/app/views/role/role.html b/ecomp-portal-FE-common/client/app/views/role/role.html
new file mode 100644 (file)
index 0000000..42793ee
--- /dev/null
+++ b/ecomp-portal-FE-common/client/app/views/role/role.html
@@ -0,0 +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