Initial OpenECOMP policy/engine commit

[policy/engine.git] / ecomp-sdk-app / src / main / webapp / app / fusion / scripts / view-models / profile-page / role_function_list.html

diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/role_function_list.html b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/role_function_list.html
new file mode 100644 (file)
index 0000000..b085103
--- /dev/null
+++ b/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/role_function_list.html
@@ -0,0 +1,88 @@
+<!--
+  ================================================================================
+  eCOMP Portal SDK
+  ================================================================================
+  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 ng-controller="roleFunctionListController" style="width:95%;">    
+       <div class="pageTitle">
+                       
+               <h1 class="heading1" style="margin-left:0px;">Role Functions</h1>
+               <br/>
+               <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
+               <div align="left" style="marin-bottom: 50px;">
+                               <button type="submit" ng-click="addNewRoleFunctionModalPopup();" att-button
+                                       btn-type="primary" size="small">Create</button>
+                       </div>
+        <br><br>
+               
+       </div>
+        
+       <br>
+       <div style="margin-right: 20px;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>
+       <br>
+       <div id="rolesTable" title="Role Functions">
+         <table att-table table-data="availableRoleFunctions" current-page="1">
+               <thead att-table-row type="header">
+                       <tr>
+                               <th att-table-header width="70%" key="name" sortable="true">Name</th>
+                               <th att-table-header width="10%" key="code" sortable="true">Code</th>
+                               <th att-table-header width="10%" sortable="false">Edit?</th>
+                               <th att-table-header width="10%" sortable="false">Delete?</th>
+                       </tr>
+               </thead>
+               <tbody att-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
+                 <tr>
+                   <td att-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>
+                   <td att-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
+                   <td att-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 href="javascript:void(0)" class="ion-edit"></a></div>
+                   </td>
+                    <td att-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 href="javascript:void(0)" class="ion-trash-b"></a></div>
+                    </td>
+                 </tr>
+               </tbody>
+               </table>
+       </div>
+       
+       
+       <div id="dialog" title="Add Role Function">
+               
+               <div class="fn-ebz-container" >
+               <label class="fn-ebz-text-label"><sup><b>*</b></sup>Name:</label><br>
+               <input type="text" class="fn-ebz-text" ng-model="editRoleFunction.name"
+                       maxlength="30" /> 
+               </div>
+               <br/>
+               <div class="fn-ebz-container" >
+               <label class="fn-ebz-text-label"><sup><b>*</b></sup>Code:</label><br>
+               <input type="text" class="fn-ebz-text" ng-model="editRoleFunction.code" ng-disabled="editRoleFunction.code!=null"
+                       maxlength="30" /> 
+               </div>
+               <br/>
+               <button type="submit" ng-click="saveRoleFunction(editRoleFunction);" att-button
+                       btn-type="primary" size="small">Save</button>
+               
+       </div>
+       
+</div>