diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/search/search.component.html')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/search/search.component.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/search/search.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/search/search.component.html new file mode 100644 index 00000000..a6682306 --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/user-profile/profile/search/search.component.html @@ -0,0 +1,99 @@ +<!-- + ============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">Profile Search</h3> + <div class="prifile-search-box"> + <mat-form-field> + <input matInput type="text" (keyup)="applyFilter($event.target.value)" placeholder="Search in entire table"> + </mat-form-field> + </div> + <table mat-table [dataSource]="dataSource" matSort> + <ng-container matColumnDef="User ID"> + <th mat-header-cell *matHeaderCellDef id="heading1"> User ID</th> + <td mat-cell *matCellDef="let rowData"> {{rowData.id}} </td> + </ng-container> + + <ng-container matColumnDef="Last Name"> + <th mat-header-cell *matHeaderCellDef id="heading2"> {{userHeaders[1]}} </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.last_name}} </td> + </ng-container> + + <ng-container matColumnDef="First Name"> + <th mat-header-cell *matHeaderCellDef id="heading3">{{userHeaders[2]}} </th> + <td mat-cell *matCellDef="let rowData"> {{rowData.first_name}}</td> + </ng-container> + + <ng-container matColumnDef="Email"> + <th mat-header-cell *matHeaderCellDef id="heading4"> {{userHeaders[3]}} </th> + <td mat-cell *matCellDef="let rowData" > {{rowData.email}} </td> + </ng-container> + + <ng-container matColumnDef="Org User ID"> + <th mat-header-cell *matHeaderCellDef id="heading4"> {{userHeaders[4]}} </th> + <td mat-cell *matCellDef="let rowData" > {{rowData.orgUserId}} </td> + </ng-container> + + <ng-container matColumnDef="Org Manager User ID"> + <th mat-header-cell *matHeaderCellDef id="heading4"> {{userHeaders[5]}} </th> + <td mat-cell *matCellDef="let rowData" > {{rowData.orgManagerUserId}} </td> + </ng-container> + + <ng-container matColumnDef="Edit"> + <th mat-header-cell *matHeaderCellDef id="heading5"> {{userHeaders[6]}} </th> + <td mat-cell *matCellDef="let rowData" > + <span class="icon-trash" id="{{i}}-button-role-edit"> + <a (click) ="getUser(rowData.id)" class="icon-misc-pen" + id="edit-button"><i class="ion ion-md-create"></i></a> + </span> + </td> + </ng-container> + + <ng-container matColumnDef="Active?"> + <th mat-header-cell *matHeaderCellDef id="heading6"> {{userHeaders[7]}} </th> + <td mat-cell *matCellDef="let rowData"> + <mat-slide-toggle [checked]="(rowData.active_yn =='Y' || rowData.active_yn == true) ? true : false" (change)="toggleUserActive(rowData,$event)"></mat-slide-toggle> + </td> + </ng-container> + + <tr mat-header-row *matHeaderRowDef="userHeaders"></tr> + <tr mat-row *matRowDef="let rowData; columns: userHeaders;"> + </table> + <span class="ecomp-spinner" *ngIf="showSpinner"></span> + <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator> + </div> +</div>
\ No newline at end of file |