Files
cbsnexora/src/app/users/view-user/view-user.component.html
T

85 lines
2.3 KiB
HTML

<div class="container m-b-20" fxLayout="row" fxLayout.lt-md="column" fxLayoutAlign="end" fxLayoutGap="2%">
<button mat-raised-button color="primary" [routerLink]="['edit']">
<fa-icon icon="edit" class="m-r-10"></fa-icon>
{{'labels.buttons.Edit' | translate}}
</button>
<button mat-raised-button color="warn" (click)="delete()">
<fa-icon icon="trash" class="m-r-10"></fa-icon>
{{'labels.buttons.Delete' | translate}}
</button>
<button mat-raised-button color="primary" (click)="changeUserPassword()">
<fa-icon icon="cog" class="m-r-10"></fa-icon>
{{'labels.buttons.Change Password' | translate}}
</button>
</div>
<div class="container">
<mat-card>
<mat-card-content>
<div fxLayout="row wrap" class="content">
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Login Name' | translate}}
</div>
<div fxFlex="50%">
{{ userData.username }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.First Name' | translate}}
</div>
<div fxFlex="50%">
{{ userData.firstname }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Last Name' | translate}}
</div>
<div fxFlex="50%">
{{ userData.lastname }}
</div>
<div fxFlex="50%" class="mat-body-strong" *ngIf="userData.email">
{{'labels.inputs.Email' | translate}}
</div>
<div fxFlex="50%" *ngIf="userData.email">
{{ userData.email }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Office' | translate}}
</div>
<div fxFlex="50%">
{{ userData.officeName }}
</div>
<div fxFlex="50%" class="mat-body-strong">
{{'labels.inputs.Roles' | translate}}
</div>
<div fxFlex="50%">
<span *ngFor="let role of userData.selectedRoles">
{{ role.name }}
</span>
</div>
</div>
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="2%" fxLayout.lt-md="column">
<button type="button" mat-raised-button color="primary" [routerLink]="['../']">{{ 'Back' | translate}}</button>
</div>
</mat-card-content>
</mat-card>
</div>