[PORTAL-16 PORTAL-18] Widget ms; staging
[portal.git] / ecomp-portal-FE-common / client / app / views / role / role_function_list.html
index c015ee5..7c50a5a 100644 (file)
-<!--\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
+<!--
+  ================================================================================
+  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>
+.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>
+               
+       
+       <br>
+       
+       <div class="admins-table">
+       
+        <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
+               <div id="create-new-admin" align="left" style="marin-bottom: 50px;">
+                               <button id="button-admin-create" type="submit" ng-click="addNewRoleFunctionModalPopup();" 
+                                        class="btn btn-alt btn-small">Create</button>
+                       </div>
+                       
+                       <div style="text-align: justify;text-align-last:auto;">
+                       <!--    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.  -->
+                       </div>
+       
+       <div id="rolesTable" class="c-ecomp-abs-table default"  title="Role Functions">
+         <table b2b-table table-data="availableRoleFunctions" current-page="1">
+               <thead b2b-table-row type="header">
+                       <tr>
+                               <th id="table-header-name" b2b-table-header width="70%" key="name" sortable="true">Name</th>
+                               <th id="table-header-code" b2b-table-header width="10%" key="code" sortable="true">Code</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" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
+                 <tr>
+                   <td id="table-body-role-{{availableRoleFunction['name'].split(' ').join('-')}}" b2b-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>
+                   <td id="table-body-role-{{availableRoleFunction['code']}}" b2b-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
+                   <td id="table-body" b2b-table-body width="10%">
+                   <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >
+                   <img src="static/fusion/images/editicon.gif">
+                   </a> -->
+                   <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>
+                   </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);" style="font-size:20px;"><a id="role-{{availableRoleFunction['name'].split(' ').join('-')}}-trash" href="javascript:void(0)" class="icon-misc-trash"></a></div>
+                    </td>
+                 </tr>
+               </tbody>
+               </table>
+       </div>
+       
+                  
+       
+       </div>
+       
+       
+       <div id="dialog" title="Add Role Function">
+               
+               <div id="fn-ebz-container-name" class="fn-ebz-container" >
+               <label id="fn-ebz-label-name" class="fn-ebz-text-label"><sup><b>*</b></sup>Name:</label><br>
+               <input id="fn-ebz-input-{{editRoleFunction.name}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.name"
+                       maxlength="30" /> 
+               </div>
+               <br/>
+               <div id="fn-ebz-container-code" class="fn-ebz-container" >
+               <label id="fn-ebz-label-code" class="fn-ebz-text-label"><sup><b>*</b></sup>Code:</label><br>
+               <input id="fn-ebz-input-{{editRoleFunction.code}}" type="text" class="fn-ebz-text" ng-model="editRoleFunction.code" ng-disabled="editRoleFunction.code!=null"
+                       maxlength="30" /> 
+               </div>
+               <br/>
+               <button id="button-admin-save" type="submit" ng-click="saveRoleFunction(editRoleFunction);"  class="btn btn-alt btn-small">Save</button>
+               
+       </div>
+       
+</div>
+</div>