aboutsummaryrefslogtreecommitdiffstats
path: root/ecomp-sdk-app/src/main/webapp/app/fusion/scripts/view-models/profile-page/popup_modal_role.html
blob: 4663bd466be354b8b87c9a89d732ed849b0cc587 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!--
  ================================================================================
  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.
  ================================================================================
  -->

<script type="text/ng-template" id="role_functions_popup.html">
          <div class="modal__informative font-showcase" style="width:700px;height:500px;overflow:scroll">
            <div class="modal__header">
                <h2 class="font-showcase-font-name" style="width: 500px;">Select Role Functions</h2>
            </div>
            <button align="right" class="button button--primary button--small" herf="javascript:void(0)" ng-click="close()">Close</button>
            <div class="divider-container"><hr> </div>      
            <div class="modal__content">           	 	
				<table table-data="availableRoleFunctions" att-table>
					<thead att-table-row type="header">
						<tr>
							<th att-table-header sortable="false" width="10%"> </th>
							<th att-table-header sortable="false" width="90%">Role Function</th>
						</tr>
					</thead>
					<tbody att-table-row type="body" row-repeat="availableRoleFunction in availableRoleFunctions" style="max-height: 980px;" >
					  <tr>
					  
						<td width="10%">
							<div ng-click="toggleRoleFunction(availableRoleFunction.selected,availableRoleFunction);">
							<input type="checkbox" ng-model="availableRoleFunction.selected" att-toggle-main>
							</div>
						</td>
						<td width="90%">{{ availableRoleFunction.name }}</td>
						
					  </tr>
					</tbody>
				</table>	
            </div>
        </div>
</script>


<script type="text/ng-template" id="child_roles_popup.html">
          <div class="modal__informative font-showcase" style="width:700px;height:500px;overflow:scroll">
            <div class="modal__header">
                <h2 class="font-showcase-font-name" style="width: 500px;">Select Child Roles</h2>
            </div>
            <button align="right" class="button button--primary button--small" herf="javascript:void(0)" ng-click="close()">Close</button>
            <div class="divider-container"><hr> </div>      
            <div class="modal__content">           	 	
					<table table-data="availableRoles" att-table>
						<thead att-table-row type="header">
							<tr>
								<th att-table-header sortable="false" width="10%"> </th>
								<th att-table-header sortable="false" width="90%">Role</th>
							</tr>
						</thead>
						<tbody att-table-row type="body" row-repeat="availableRole in availableRoles" style="max-height: 980px;" >
							<tr>
							<td att-table-body width="10%">
								<div ng-click="toggleChildRole(availableRole.selected,availableRole);">
								<input type="checkbox" ng-model="availableRole.selected" att-toggle-main>
								</div>
							</td>
							<td att-table-body width="90%">{{ availableRole.name }}</td>
							</tr>
						</tbody>
					</table>	
            </div>
        </div>
</script>