ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/role_function_list.html

   1 <!--
   2   ================================================================================
   3   eCOMP Portal SDK
   4   ================================================================================
   5   Copyright (C) 2017 AT&T Intellectual Property
   6   ================================================================================
   7   Licensed under the Apache License, Version 2.0 (the "License");
   8   you may not use this file except in compliance with the License.
   9   You may obtain a copy of the License at
  10
  11        http://www.apache.org/licenses/LICENSE-2.0
  12
  13   Unless required by applicable law or agreed to in writing, software
  14   distributed under the License is distributed on an "AS IS" BASIS,
  15   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16   See the License for the specific language governing permissions and
  17   limitations under the License.
  18   ================================================================================
  19   -->
  20 <div ng-controller="roleFunctionListController" style="width:95%;">
  21         <div class="pageTitle">
  22
  23                 <h1 class="heading1" style="margin-left:0px;">Role Functions</h1>
  24                 <br/>
  25                 <!-- <a ng-click="addNewRoleFunctionModalPopup();" class="icon-add" size="small" ></a> -->
  26                 <div align="left" style="marin-bottom: 50px;">
  27                                 <button type="submit" ng-click="addNewRoleFunctionModalPopup();" att-button
  28                                         btn-type="primary" size="small">Create</button>
  29                         </div>
  30          <br><br>
  31
  32         </div>
  33
  34         <br>
  35         <div style="margin-right: 20px;text-align: justify;text-align-last:auto;">
  36         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.
  37         </div>
  38         <br>
  39         <div id="rolesTable" title="Role Functions">
  40           <table att-table table-data="availableRoleFunctions" current-page="1">
  41                 <thead att-table-row type="header">
  42                         <tr>
  43                                 <th att-table-header width="70%" key="name" sortable="true">Name</th>
  44                                 <th att-table-header width="10%" key="code" sortable="true">Code</th>
  45                                 <th att-table-header width="10%" sortable="false">Edit?</th>
  46                                 <th att-table-header width="10%" sortable="false">Delete?</th>
  47                         </tr>
  48                 </thead>
  49                 <tbody att-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" style="max-height: 980px;" ><!-- background colors will alternate not properly with multiple tbody-->
  50                   <tr>
  51                     <td att-table-body width="70%" ng-bind="availableRoleFunction['name']"></td>
  52                     <td att-table-body width="10%" ng-bind="availableRoleFunction['code']"></td>
  53                     <td att-table-body width="10%">
  54                     <!-- <a ng-click="editRoleFunctionPopup(availableRoleFunction);" >
  55                     <img src="static/fusion/images/editicon.gif">
  56                     </a> -->
  57                     <div ng-click="editRoleFunctionModalPopup(availableRoleFunction);" style="font-size:20px;"><a href="javascript:void(0)" class="ion-edit"></a></div>
  58                     </td>
  59                      <td att-table-body width="10%">
  60                         <!-- <a ng-click="removeRole(availableRoleFunction);" ><img src="static/fusion/images/deleteicon.gif"></a> -->
  61                         <div ng-click="removeRole(availableRoleFunction);" style="font-size:20px;"><a href="javascript:void(0)" class="ion-trash-b"></a></div>
  62                      </td>
  63                   </tr>
  64                 </tbody>
  65                 </table>
  66         </div>
  67
  68
  69         <div id="dialog" title="Add Role Function">
  70
  71                 <div class="fn-ebz-container" >
  72                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>Name:</label><br>
  73                 <input type="text" class="fn-ebz-text" ng-model="editRoleFunction.name"
  74                         maxlength="30" />
  75                 </div>
  76                 <br/>
  77                 <div class="fn-ebz-container" >
  78                 <label class="fn-ebz-text-label"><sup><b>*</b></sup>Code:</label><br>
  79                 <input type="text" class="fn-ebz-text" ng-model="editRoleFunction.code" ng-disabled="editRoleFunction.code!=null"
  80                         maxlength="30" />
  81                 </div>
  82                 <br/>
  83                 <button type="submit" ng-click="saveRoleFunction(editRoleFunction);" att-button
  84                         btn-type="primary" size="small">Save</button>
  85
  86         </div>
  87
  88 </div>