gerrit.onap Code Review - portal/sdk.git/blob

   1 <!--
   2   ============LICENSE_START==========================================
   3   ONAP Portal SDK
   4   ===================================================================
   5   Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
   6   ===================================================================
   7
   8   Unless otherwise specified, all software contained herein is licensed
   9   under the Apache License, Version 2.0 (the "License");
  10   you may not use this software except in compliance with the License.
  11   You may obtain a copy of the License at
  12
  13               http://www.apache.org/licenses/LICENSE-2.0
  14
  15   Unless required by applicable law or agreed to in writing, software
  16   distributed under the License is distributed on an "AS IS" BASIS,
  17   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18   See the License for the specific language governing permissions and
  19   limitations under the License.
  20
  21   Unless otherwise specified, all documentation contained herein is licensed
  22   under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23   you may not use this documentation except in compliance with the License.
  24   You may obtain a copy of the License at
  25
  26               https://creativecommons.org/licenses/by/4.0/
  27
  28   Unless required by applicable law or agreed to in writing, documentation
  29   distributed under the License is distributed on an "AS IS" BASIS,
  30   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31   See the License for the specific language governing permissions and
  32   limitations under the License.
  33
  34   ============LICENSE_END============================================
  35
  36   -->
  37 <div class="container">
  38         <div id="page-content">
  39                 <h1 class="heading-page" id="profileSearch">Self Profile Detail</h1>
  40                 <h3 class="heading-small" *ngIf="isAppCentralized=='true'" style="color:red;">Please use Portal for access
  41                         management</h3>
  42                 <h3 class="heading-small" *ngIf="isAppCentralized=='false'">Please edit the profile details below:</h3>
  43                 <br>
  44                 <div class="input-group-first">
  45                         <div class="form-row">
  46                                 <label for="textinputID-2a">*Last Name</label><br>
  47                                 <input [(ngModel)]="profile.lastName" type="text" name="lastName" class="form-control" id="lastName"
  48                                         style="width: 100%;" [disabled]="isAppCentralized =='true'">
  49                                 <div *ngIf="!profile.lastName||profile.lastName.length==0">
  50                                         Last name is Required
  51                                 </div>
  52                         </div>
  53                         <div class="form-row">
  54                                 <label for="textinputID-3a">*First Name</label>
  55                                 <input [(ngModel)]="profile.firstName" type="text" name="firstName" class="form-control" id="firstName"
  56                                         style="width: 100%;">
  57                                 <div *ngIf="!profile.lastName||profile.lastName.length==0">
  58                                         First name is Required
  59                                 </div>
  60                         </div>
  61                         <div class="form-row">
  62                                 <label for="textinputID-3a">Organization User ID</label>
  63                                 <input [(ngModel)]="profile.orgUserId" type="text" name="orgUserId" class="form-control" id="orgUserId"
  64                                         style="width: 100%;" disabled="true">
  65                         </div>
  66                         <div class="form-row">
  67                                 <label for="textinputID-3a">Organization Manager ID</label>
  68                                 <input [(ngModel)]="profile.orgManagerUserId" type="text" name="orgManagerUserId" class="form-control"
  69                                         id="orgManagerUserId" style="
  70                                                 width: 59%;" disabled="true">
  71                         </div>
  72                 </div>
  73                 <br>
  74                 <div class="input-group">
  75
  76                         <div class="form-row">
  77                                 <label for="textinputID-2a">Login Id
  78                                 </label>
  79                                 <input [(ngModel)]="profile.loginId" type="text" name="loginId" class="form-control" id="loginId" style="
  80                                                 width: 100%;">
  81
  82
  83                         </div>
  84
  85                         <div class="form-row">
  86                                 <label for="textinputID-3a">Password</label>
  87                                 <input [(ngModel)]="profile.loginPwd" type="text" name="loginPwd" class="form-control" id="loginPwd" style="
  88                                                 width: 100%;">
  89
  90
  91                         </div>
  92
  93                         <div class="form-row">
  94                                 <label for="textinputID-3a">*Phone
  95                                 </label>
  96                                 <input [(ngModel)]="profile.phone" type="text" name="phone" class="form-control" id="phone" style="
  97                                                 width: 100%;">
  98                         </div>
  99
 100
 101                         <div class="form-row">
 102                                 <label for="textinputID-3a">Fax</label>
 103                                 <input [(ngModel)]="profile.fax" type="text" name="fax" class="form-control" id="fax" style="width: 100%;">
 104                         </div>
 105
 106                 </div>
 107
 108                 <br>
 109                 <div class="input-group">
 110
 111                         <div class="form-row">
 112                                 <label for="textinputID-2a">Cellular</label>
 113                                 <input [(ngModel)]="profile.cellular" type="text" name="cellular" class="form-control" id="cellular"
 114                                         style="width: 100%;">
 115                         </div>
 116
 117                         <div class="form-row">
 118                                 <label for="textinputID-3a">*Email</label>
 119                                 <input [(ngModel)]="profile.email" type="text" name="email" class="form-control" id="email"
 120                                         style="width: 100%;">
 121                         </div>
 122                         <div class="form-row">
 123                                 <label for="textinputID-3a">Address 1</label>
 124                                 <input [(ngModel)]="profile.address1" type="text" name="address1" class="form-control" id="address1"
 125                                         style="width: 100%;">
 126                         </div>
 127
 128                         <div class="form-row">
 129                                 <label for="textinputID-3a">Address 2</label>
 130                                 <input [(ngModel)]="profile.address2" type="text" name="address2" class="form-control" id="address2"
 131                                         style="width: 100%;">
 132                         </div>
 133
 134                 </div>
 135
 136                 <br>
 137                 <div class="input-group">
 138
 139                         <div class="form-row">
 140                                 <label for="textinputID-2a">City</label>
 141                                 <input [(ngModel)]="profile.city" type="text" name="city" class="form-control" id="city"
 142                                         style="width: 100%;">
 143                         </div>
 144
 145                         <div class="form-row">
 146                                 <mat-form-field>
 147                                         <mat-label> States</mat-label>
 148                                         <mat-select [(ngModel)]="profile.state">
 149                                                 <mat-option *ngFor="let state of stateList" [value]="state.value">{{state.label}}</mat-option>
 150                                         </mat-select>
 151                                 </mat-form-field>
 152                         </div>
 153
 154                         <div class="form-row">
 155                                 <label for="textinputID-3a">Zip Code</label>
 156                                 <input [(ngModel)]="profile.zipCode" type="text" name="zipCode" class="form-control" id="zipCode"
 157                                         style="width: 100%;">
 158                         </div>
 159
 160                         <div class="form-row">
 161                                 <mat-form-field>
 162                                         <mat-label> Country</mat-label>
 163                                         <mat-select [(ngModel)]="profile.country">
 164                                                 <mat-option *ngFor="let country of ociCountries" [value]="country.value">{{country.label}}
 165                                                 </mat-option>
 166                                         </mat-select>
 167                                 </mat-form-field>
 168                         </div>
 169                 </div>
 170                 <br>
 171                 <div class="input-group">
 172                         <div class="form-row">
 173                                 <mat-form-field>
 174                                         <mat-label> TimeZones</mat-label>
 175                                         <mat-select [(ngModel)]="profile.timeZoneId">
 176                                                 <mat-option *ngFor="let timeZone of ociTimeZones" [value]="timeZone.value">{{timeZone.label}}
 177                                                 </mat-option>
 178                                         </mat-select>
 179                                 </mat-form-field>
 180                         </div>
 181                 </div>
 182                 <div class="form-row">
 183                         <button class="btn btn-primary" (click)="saveProfile()" *ngIf="(isAppCentralized=='false')" [disabled]="(!profile.lastName||profile.lastName.length==0) || (!profile.firstName||profile.firstName.length==0) ||
 184                                 (!profile.phone||profile.phone.length==0) || (!profile.email||profile.email.length==0)">Save</button>
 185                 </div>
 186                 <br>
 187
 188                 <div class="assignedRoles" *ngIf="(isAppCentralized=='false' && isUserSystemAdmin)">
 189                         <label>Roles</label>
 190                         <!--<a (click)="addNewRoleFunctionModalPopup(profile.roles);"
 191                                 class="ion ion-md-add-circle-outline"></a>-->
 192                 </div>
 193
 194
 195                 <rdp-data-table [data]="ociavailableRoles" [settings]="settings"></rdp-data-table>
 196                 <span class="ecomp-spinner" *ngIf="showSpinner"></span>
 197         </div>
 198 </div>