diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/self/self.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/self/self.component.html | 198 |
1 files changed, 198 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/self/self.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/self/self.component.html new file mode 100644 index 00000000..94a62d39 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/self/self.component.html @@ -0,0 +1,198 @@ +<!-- + ============LICENSE_START========================================== + ONAP Portal SDK + =================================================================== + Copyright (C) 2019 AT&T Intellectual Property. All rights reserved. + =================================================================== + + Unless otherwise specified, all software contained herein is licensed + under the Apache License, Version 2.0 (the "License"); + you may not use this software 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. + + Unless otherwise specified, all documentation contained herein is licensed + under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + you may not use this documentation except in compliance with the License. + You may obtain a copy of the License at + + https://creativecommons.org/licenses/by/4.0/ + + Unless required by applicable law or agreed to in writing, documentation + 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============================================ + + --> +<div class="main-container"> + <div id="page-content"> + <h3 class="heading-page" id="profileSearch">Self Profile Detail</h3> + <h4 class="heading-small" *ngIf="isAppCentralized=='true'" style="color:red;">Please use Portal for access + management</h4> + <h4 class="heading-small" *ngIf="isAppCentralized=='false'">Please edit the profile details below:</h4> + <br> + <div class="input-group-first"> + <div class="form-row"> + <label for="textinputID-2a">*Last Name</label><br> + <input [(ngModel)]="profile.lastName" type="text" name="lastName" class="form-control" id="lastName" + style="width: 100%;" [disabled]="isAppCentralized =='true'"> + <div *ngIf="!profile.lastName||profile.lastName.length==0"> + Last name is Required + </div> + </div> + <div class="form-row"> + <label for="textinputID-3a">*First Name</label> + <input [(ngModel)]="profile.firstName" type="text" name="firstName" class="form-control" id="firstName" + style="width: 100%;"> + <div *ngIf="!profile.lastName||profile.lastName.length==0"> + First name is Required + </div> + </div> + <div class="form-row"> + <label for="textinputID-3a">Organization User ID</label> + <input [(ngModel)]="profile.orgUserId" type="text" name="orgUserId" class="form-control" id="orgUserId" + style="width: 100%;" disabled="true"> + </div> + <div class="form-row"> + <label for="textinputID-3a">Organization Manager ID</label> + <input [(ngModel)]="profile.orgManagerUserId" type="text" name="orgManagerUserId" class="form-control" + id="orgManagerUserId" style=" + width: 59%;" disabled="true"> + </div> + </div> + <br> + <div class="input-group"> + + <div class="form-row"> + <label for="textinputID-2a">Login Id + </label> + <input [(ngModel)]="profile.loginId" type="text" name="loginId" class="form-control" id="loginId" style=" + width: 100%;"> + + + </div> + + <div class="form-row"> + <label for="textinputID-3a">Password</label> + <input [(ngModel)]="profile.loginPwd" type="text" name="loginPwd" class="form-control" id="loginPwd" style=" + width: 100%;"> + + + </div> + + <div class="form-row"> + <label for="textinputID-3a">*Phone + </label> + <input [(ngModel)]="profile.phone" type="text" name="phone" class="form-control" id="phone" style=" + width: 100%;"> + </div> + + + <div class="form-row"> + <label for="textinputID-3a">Fax</label> + <input [(ngModel)]="profile.fax" type="text" name="fax" class="form-control" id="fax" style="width: 100%;"> + </div> + + </div> + + <br> + <div class="input-group"> + + <div class="form-row"> + <label for="textinputID-2a">Cellular</label> + <input [(ngModel)]="profile.cellular" type="text" name="cellular" class="form-control" id="cellular" + style="width: 100%;"> + </div> + + <div class="form-row"> + <label for="textinputID-3a">*Email</label> + <input [(ngModel)]="profile.email" type="text" name="email" class="form-control" id="email" + style="width: 100%;"> + </div> + <div class="form-row"> + <label for="textinputID-3a">Address 1</label> + <input [(ngModel)]="profile.address1" type="text" name="address1" class="form-control" id="address1" + style="width: 100%;"> + </div> + + <div class="form-row"> + <label for="textinputID-3a">Address 2</label> + <input [(ngModel)]="profile.address2" type="text" name="address2" class="form-control" id="address2" + style="width: 100%;"> + </div> + + </div> + + <br> + <div class="input-group"> + + <div class="form-row"> + <label for="textinputID-2a">City</label> + <input [(ngModel)]="profile.city" type="text" name="city" class="form-control" id="city" + style="width: 100%;"> + </div> + + <div class="form-row"> + <mat-form-field> + <mat-label> States</mat-label> + <mat-select [(ngModel)]="profile.state"> + <mat-option *ngFor="let state of stateList" [value]="state.value">{{state.label}}</mat-option> + </mat-select> + </mat-form-field> + </div> + + <div class="form-row"> + <label for="textinputID-3a">Zip Code</label> + <input [(ngModel)]="profile.zipCode" type="text" name="zipCode" class="form-control" id="zipCode" + style="width: 100%;"> + </div> + + <div class="form-row"> + <mat-form-field> + <mat-label> Country</mat-label> + <mat-select [(ngModel)]="profile.country"> + <mat-option *ngFor="let country of ociCountries" [value]="country.value">{{country.label}} + </mat-option> + </mat-select> + </mat-form-field> + </div> + </div> + <br> + <div class="input-group"> + <div class="form-row"> + <mat-form-field> + <mat-label> TimeZones</mat-label> + <mat-select [(ngModel)]="profile.timeZoneId"> + <mat-option *ngFor="let timeZone of ociTimeZones" [value]="timeZone.value">{{timeZone.label}} + </mat-option> + </mat-select> + </mat-form-field> + </div> + </div> + <div class="form-row"> + <button class="btn btn-primary" (click)="saveProfile()" *ngIf="(isAppCentralized=='false')" [disabled]="(!profile.lastName||profile.lastName.length==0) || (!profile.firstName||profile.firstName.length==0) || + (!profile.phone||profile.phone.length==0) || (!profile.email||profile.email.length==0)">Save</button> + </div> + <br> + + <div class="assignedRoles" *ngIf="(isAppCentralized=='false' && isUserSystemAdmin)"> + <label>Roles</label> + <!--<a (click)="addNewRoleFunctionModalPopup(profile.roles);" + class="ion ion-md-add-circle-outline"></a>--> + </div> + + + <rdp-data-table [data]="ociavailableRoles" [settings]="settings"></rdp-data-table> + <span class="ecomp-spinner" *ngIf="showSpinner"></span> + </div> +</div>
\ No newline at end of file |