blob: 6b23e3280d80ccd7e2a6ee6de0cc4892a6f37340 (
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
<!--/*-
* ============LICENSE_START=======================================================
* ONAP Policy Engine
* ================================================================================
* Copyright (C) 2017, 2019 AT&T Intellectual Property. All rights reserved.
* ================================================================================
* 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.
* ============LICENSE_END=========================================================
*/-->
<style>
@import "bourbon";
$melon: #F97D75;
$black: #2E3641;
roleul {
list-style: none;
padding-left: 0;
margin-top: 25px;
}
roleli {
border: 1px solid black;
display: inline-block;
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
text-transform: capitalize;
}
.fa-close {
cursor: pointer;
}
[contenteditable] {
&:focus, &:active {
outline:0;
}
}
</style>
<script type="text/ng-template" id="edit_Role_popup.html">
<div class="modal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h2 class="font-showcase-font-name" style="color : #157bb2">{{label}}</h2>
</div>
<div class="modal-body">
<div class="form-group row">
<div class="form-group col-sm-6">
<label><sup><b>*</b></sup>Name:</label><br>
<input type="text" class="form-control" ng-readonly="disableCd" ng-model="editRole.loginId.userName" maxlength="256" />
</div>
</div>
<div class="form-group row">
<div class="form-group col-sm-6" >
<label><sup><b>*</b></sup>Role:</label><br>
<input type="text" class="form-control" ng-readonly="true" ng-model="editRole.role" maxlength="30" />
</div>
</div>
<div class="form-group row">
<div class="form-group col-sm-12" >
<label><sup><b>*</b></sup>Assigned Scopes:</label><br>
<roleul>
<roleli ng-model="editRole.scope" ng-repeat="option in activeScopes" class="{'fadeOut' : option}">
<span class="fa fa-close" ng-click="deleteScope($index)"></span>
<span>{{option}}</span>
</roleli>
</roleul>
</div>
</div>
<div class="form-group row">
<div class="form-group col-sm-12" >
<label><sup><b>*</b></sup>Scope: To Multi Select Scopes press ctrl (Windows) and cmd (Mac) and then select.</label><br>
<input type="text" class="form-control" ng-model="searchKey" placeholder="Filter Scopes.." title="Enter Scope name."><br>
<select class="form-control" multiple style="height: 400px;" ng-model="editRole.scopeList" ng-options="option for option in scopeDatas | filter: searchKey" title="Select the Scopes from the dropdown."></select>
</div>
</div>
<div class="form-group row">
<div class="form-group col-sm-12" >
<button class="btn btn-primary" ng-click="addScope(editRole.scopeList);" title="On Click Scopes added to Active Scope List">Add Scopes</button>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success" herf="javascript:void(0)" ng-click="saveRole(editRole);" title="OnClick Policy Role is saved.">Save</button>
<button class="btn btn-default" herf="javascript:void(0)" ng-click="$close()" title="OnClick Policy Role Window is closed.">Close</button>
</div>
</div>
</div>
</div>
</script>
|