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