[POLICY-122] Policy GUI Fixes
[policy/engine.git] / ONAP-SDK-APP / src / main / webapp / app / fusion / scripts / DS2-view-models / ds2-profile / self_profile.html
1 <div id="page-content">
2         <div>
3                 <h1 class="heading-page" id="profileSearch">{{pageTitle}}</h1>
4                 <div ng-show="showLoader" class="span loader-container">
5                         <i class="icon-primary-spinner" role="img"      aria-label="Please wait while we load your content"></i>
6                 </div>
7                 <div ng-hide="showLoader" >     
8                         <h3 class="heading-small">Please edit the profile details below:</h3>
9                         <div class="row-nowrap">
10                                 <div class="span12">
11                                         <div class="form-row">
12                                                 <label for="textinputID-2a">*First Name</label>
13                                                 <div class="field-group">
14                                                         <input id="textinputID-2a" b2b-reset="" class="span12" type="text" data-ng-model="profile.lastName">
15                                                 </div>
16                                         </div>
17                                 </div>
18                                 <div class="span12">
19                                         <div class="form-row">
20                                                 <label for="textinputID-3a">*Last Name</label>
21                                                 <div class="field-group">
22                                                         <input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.firstName">
23                                                 </div>
24                                         </div>
25                                 </div>
26                                 <div class="span12">
27                                         <div class="form-row">
28                                                 <label for="textinputID-3a">Organization User ID</label>
29                                                 <div class="field-group">
30                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.orgUserId" disabled="true">                                          
31                                                 </div>
32                                         </div>
33                                 </div>
34                                 <div class="span12">
35                                         <div class="form-row">
36                                                 <label for="textinputID-3a">Organization Manager ID</label>
37                                                 <div class="field-group">
38                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.orgManagerUserId" disabled="true">
39                                                 </div>
40                                         </div>
41                                 </div>
42                         </div>
43                         
44                         <div class="row-nowrap">
45                                 <div class="span12">
46                                         <div class="form-row">
47                                                 <label for="textinputID-2a">Login Id</label>
48                                                 <div class="field-group">
49                                                         <input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.loginId" disabled="true">
50                                                 </div>
51                                         </div>
52                                 </div>
53                                 <div class="span12">
54                                         <div class="form-row">
55                                                 <label for="textinputID-3a">Password</label>
56                                                 <div class="field-group">
57                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.loginPwd" disabled="true">
58                                                 </div>
59                                         </div>
60                                 </div>
61                                 <div class="span12">
62                                         <div class="form-row">
63                                                 <label for="textinputID-3a">*Phone</label>
64                                                 <div class="field-group">
65                                                         <input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.phone">
66                                                 </div>
67                                         </div>
68                                 </div>
69                                 <div class="span12">
70                                         <div class="form-row">
71                                                 <label for="textinputID-3a">Fax</label>
72                                                 <div class="field-group">
73                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.fax">
74                                                 </div>
75                                         </div>
76                                 </div>
77                         </div>
78                         
79                         <div class="row-nowrap">
80                                 <div class="span12">
81                                         <div class="form-row">
82                                                 <label for="textinputID-2a">Cellular</label>
83                                                 <div class="field-group">
84                                                         <input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.cellular">
85                                                 </div>
86                                         </div>
87                                 </div>
88                                 <div class="span12">
89                                         <div class="form-row">
90                                                 <label for="textinputID-3a">*Email</label>
91                                                 <div class="field-group">
92                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.email">
93                                                 </div>
94                                         </div>
95                                 </div>
96                                 <div class="span12">
97                                         <div class="form-row">
98                                                 <label for="textinputID-3a">Address 1</label>
99                                                 <div class="field-group">
100                                                         <input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.address1">
101                                                 </div>
102                                         </div>
103                                 </div>
104                                 <div class="span12">
105                                         <div class="form-row">
106                                                 <label for="textinputID-3a">Address 2</label>
107                                                 <div class="field-group">
108                                                         <input id="textinputID-3a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.address2">
109                                                 </div>
110                                         </div>
111                                 </div>
112                         </div>
113                         
114                         <div class="row-nowrap">
115                                 <div class="span12">
116                                         <div class="form-row">
117                                                 <label for="textinputID-2a">City</label>
118                                                 <div class="field-group">
119                                                         <input id="textinputID-2a" b2b-reset=""  class="span12" type="text" data-ng-model="profile.city">
120                                                 </div>
121                                         </div>
122                                 </div>
123                                 <div class="span12">
124                                         <div class="form-row">
125                                                 <label for="textinputID-3a">State</label>
126                                                 <select name="dropdown1" b2b-dropdown ng-model="stateList.selected.value"> 
127                                                         <option b2b-dropdown-list option-repeat="d in stateList.options" value="{{d.value}}" init-value="{{stateList.selected.title}}">{{d.title}}</option>
128                                                 </select>  
129                                         </div>
130                                 </div>
131                                 <div class="span12">
132                                         <div class="form-row">
133                                                 <label for="textinputID-3a">Zip Code</label>
134                                                 <div class="field-group">
135                                                         <input id="textinputID-3a" b2b-reset="" class="span12" type="text" data-ng-model="profile.zipCode">
136                                                 </div>
137                                         </div>
138                                 </div>
139                                 <div class="span12">
140                                         <div class="form-row">
141                                                 <label for="textinputID-3a">Country</label>
142                                                 <select name="dropdown1" b2b-dropdown ng-model="selectedCountry.value"> 
143                                                         <option b2b-dropdown-list option-repeat="d in countries" value="{{d.value}}" init-value="{{selectedCountry.title}}">{{d.title}}</option>
144                                                 </select>  
145                                         </div>
146                                 </div>
147                         </div>
148                         <div class="span3">
149                                 <div class="form-row">
150                                         <label for="textinputID-3a">Time Zone</label>
151                                         <select name="dropdown1" b2b-dropdown ng-model="selectedTimeZone.value"> 
152                                                 <option b2b-dropdown-list option-repeat="d in timeZones" value="{{d.value}}" init-value="{{selectedTimeZone.title}}">{{d.title}}</option>
153                                         </select>  
154                                 </div>
155                         </div>
156                         
157                         <div>
158                                 <button class="btn btn-alt btn-small" type="button" ng-click="saveProfile()">Save</button>
159                         </div>
160                         <br>
161                         <div>
162                                 Role
163                                 <a ng-click="addNewRoleFunctionModalPopup(role.roleFunctions,role.name, role);" class="icon-primary-accordion-plus" size="small"></a>
164                         </div>
165                         
166                         <div id="rolesTable" title="Role Functions">
167                           <table class="striped" table-data="profile.roles">
168                                         <thead>
169                                                 <tr>
170                                                         <th>Name</th>                           
171                                                         <th>Delete</th>
172                                                 </tr>
173                                         </thead>
174                                         <tbody type="body" ng-repeat="rowData in profile.roles">
175                                                 <tr>
176                                                         <td ng-bind="rowData['name']"></td>
177                                                         
178                                                         <td>
179                                                                 <div style="font-size: 20px;">
180                                                                         <a href="javascript:void(0)" ng-click="removeRole(rowData);"    class="icon-misc-trash"></a>
181                                                                 </div>
182                                                         </td>
183                                                 </tr>
184                                         </tbody>
185                                 </table>
186                         </div>
187                 </div>
188         </div>
189 </div>