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>&nbsp;<a style="cursor: hand;" target="_new"
  63                                         href="http://webphone.att.com/cgi-bin/webphones.pl?id={{profile.orgUserId}}">wephone</a>
  64
  65                                 <input [(ngModel)]="profile.orgUserId" type="text" name="orgUserId" class="form-control" id="orgUserId"
  66                                         style="width: 100%;" disabled="true">
  67                         </div>
  68                         <div class="form-row">
  69                                 <label for="textinputID-3a">Organization Manager ID</label>
  70                                 &nbsp;<a style="cursor: hand;" target="_new"
  71                                         href="http://webphone.att.com/cgi-bin/webphones.pl?id={{profile.orgManagerUserId}}">wephone</a>
  72
  73                                 <input [(ngModel)]="profile.orgManagerUserId" type="text" name="orgManagerUserId" class="form-control"
  74                                         id="orgManagerUserId" style="
  75                                                 width: 59%;" disabled="true">
  76                         </div>
  77                 </div>
  78                 <br>
  79                 <div class="input-group">
  80
  81                         <div class="form-row">
  82                                 <label for="textinputID-2a">Login Id
  83                                 </label>
  84                                 <input [(ngModel)]="profile.loginId" type="text" name="loginId" class="form-control" id="loginId" style="
  85                                                 width: 100%;">
  86
  87
  88                         </div>
  89
  90                         <div class="form-row">
  91                                 <label for="textinputID-3a">Password</label>
  92                                 <input [(ngModel)]="profile.loginPwd" type="text" name="loginPwd" class="form-control" id="loginPwd" style="
  93                                                 width: 100%;">
  94
  95
  96                         </div>
  97
  98                         <div class="form-row">
  99                                 <label for="textinputID-3a">*Phone
 100                                 </label>
 101                                 <input [(ngModel)]="profile.phone" type="text" name="phone" class="form-control" id="phone" style="
 102                                                 width: 100%;">
 103                         </div>
 104
 105
 106                         <div class="form-row">
 107                                 <label for="textinputID-3a">Fax</label>
 108                                 <input [(ngModel)]="profile.fax" type="text" name="fax" class="form-control" id="fax" style="width: 100%;">
 109                         </div>
 110
 111                 </div>
 112
 113                 <br>
 114                 <div class="input-group">
 115
 116                         <div class="form-row">
 117                                 <label for="textinputID-2a">Cellular</label>
 118                                 <input [(ngModel)]="profile.cellular" type="text" name="cellular" class="form-control" id="cellular"
 119                                         style="width: 100%;">
 120                         </div>
 121
 122                         <div class="form-row">
 123                                 <label for="textinputID-3a">*Email</label>
 124                                 <input [(ngModel)]="profile.email" type="text" name="email" class="form-control" id="email"
 125                                         style="width: 100%;">
 126                         </div>
 127                         <div class="form-row">
 128                                 <label for="textinputID-3a">Address 1</label>
 129                                 <input [(ngModel)]="profile.address1" type="text" name="address1" class="form-control" id="address1"
 130                                         style="width: 100%;">
 131                         </div>
 132
 133                         <div class="form-row">
 134                                 <label for="textinputID-3a">Address 2</label>
 135                                 <input [(ngModel)]="profile.address2" type="text" name="address2" class="form-control" id="address2"
 136                                         style="width: 100%;">
 137                         </div>
 138
 139                 </div>
 140
 141                 <br>
 142                 <div class="input-group">
 143
 144                         <div class="form-row">
 145                                 <label for="textinputID-2a">City</label>
 146                                 <input [(ngModel)]="profile.city" type="text" name="city" class="form-control" id="city"
 147                                         style="width: 100%;">
 148                         </div>
 149
 150                         <div class="form-row">
 151                                 <mat-form-field>
 152                                         <mat-label> States</mat-label>
 153                                         <mat-select [(ngModel)]="profile.state">
 154                                                 <mat-option *ngFor="let state of stateList" [value]="state.value">{{state.label}}</mat-option>
 155                                         </mat-select>
 156                                 </mat-form-field>
 157                         </div>
 158
 159                         <div class="form-row">
 160                                 <label for="textinputID-3a">Zip Code</label>
 161                                 <input [(ngModel)]="profile.zipCode" type="text" name="zipCode" class="form-control" id="zipCode"
 162                                         style="width: 100%;">
 163                         </div>
 164
 165                         <div class="form-row">
 166                                 <mat-form-field>
 167                                         <mat-label> Country</mat-label>
 168                                         <mat-select [(ngModel)]="profile.country">
 169                                                 <mat-option *ngFor="let country of ociCountries" [value]="country.value">{{country.label}}
 170                                                 </mat-option>
 171                                         </mat-select>
 172                                 </mat-form-field>
 173                         </div>
 174                 </div>
 175                 <br>
 176                 <div class="input-group">
 177                         <div class="form-row">
 178                                 <mat-form-field>
 179                                         <mat-label> TimeZones</mat-label>
 180                                         <mat-select [(ngModel)]="profile.timeZoneId">
 181                                                 <mat-option *ngFor="let timeZone of ociTimeZones" [value]="timeZone.value">{{timeZone.label}}
 182                                                 </mat-option>
 183                                         </mat-select>
 184                                 </mat-form-field>
 185                         </div>
 186                 </div>
 187                 <div class="form-row">
 188                         <button class="btn btn-primary" (click)="saveProfile()" *ngIf="(isAppCentralized=='false')" [disabled]="(!profile.lastName||profile.lastName.length==0) || (!profile.firstName||profile.firstName.length==0) ||
 189                                 (!profile.phone||profile.phone.length==0) || (!profile.email||profile.email.length==0)">Save</button>
 190                 </div>
 191                 <br>
 192
 193                 <div class="assignedRoles" *ngIf="(isAppCentralized=='false' && isUserSystemAdmin)">
 194                         <label>Roles</label>
 195                         <!--<a (click)="addNewRoleFunctionModalPopup(profile.roles);"
 196                                 class="ion ion-md-add-circle-outline"></a>-->
 197                 </div>
 198
 199
 200                 <rdp-data-table [data]="ociavailableRoles" [settings]="settings"></rdp-data-table>
 201                 <span class="ecomp-spinner" *ngIf="showSpinner"></span>
 202         </div>
 203 </div>