admin/cmc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

162. User info modal - Part 2 (#21)

Browse Source
This commit is contained in:
Art
2021-09-21 08:48:42 +03:00
parent e5d4c17324
commit 9b981c6093
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
support-portal-frontend/src/app/component/user/user.component.html
View File

@ -122,18 +122,19 @@
</div> </div>
<div class="col d-flex flex-column flex-sm-row justify-content-between"> <div class="col d-flex flex-column flex-sm-row justify-content-between">
<div class="text-center text-sm-left mb-sm-0"> <div class="text-center text-sm-left mb-sm-0">
<h6 class="pt-sm-2 pb-1 mb-0 text-nowrap">{{selectedUser.firstName}} {{selectedUser.lastName}}</h6> <h6
class="pt-sm-2 pb-1 mb-0 text-nowrap">{{selectedUser.firstName}} {{selectedUser.lastName}}</h6>
<p class="mb-1">{{selectedUser.username}}</p> <p class="mb-1">{{selectedUser.username}}</p>
<div class="">Status: <div class="">Status:
<span *ngIf="selectedUser.active" class="badge bg-success">Active</span> <span *ngIf="selectedUser.active" class="badge bg-success">Active</span>
<span *ngIf="!selectedUser.active" class="badge bg-danger">Inactive</span> <span *ngIf="!selectedUser.active" class="badge bg-danger">Inactive</span>
</div> </div>
<div class="text-muted"><small>Last <div *ngIf="selectedUser.lastLoginDateDisplay" class="text-muted">
Login: {{selectedUser.lastLoginDateDisplay}}</small> <small>Last Login: {{selectedUser.lastLoginDateDisplay | date: 'medium' }}</small>
</div> </div>
</div> </div>
<div class="text-center text-sm-right"> <div class="text-center text-sm-right">
<div class="text-muted"><small>Joined {{selectedUser?.joinDate}}</small> <div class="text-muted"><small>Joined {{selectedUser.joinDate | date: 'medium' }}</small>
</div> </div>
</div> </div>
</div> </div>
@ -141,15 +142,15 @@
</div> </div>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<li class="list-group-item"></li> <li class="list-group-item"></li>
<li class="list-group-item"><i class="fa fa-id-badge float-end"></i>{{selectedUser?.userId}} <li class="list-group-item"><i class="fa fa-id-badge float-end"></i>{{selectedUser.userId}}
</li> </li>
<li class="list-group-item"><i class="fa fa-envelope float-end"></i>{{selectedUser?.email}} <li class="list-group-item"><i class="fa fa-envelope float-end"></i>{{selectedUser.email}}
</li> </li>
<li class="list-group-item"><i <li class="list-group-item"><i class="fas fa-shield-alt float-end"></i>
class="fas fa-shield-alt float-end"></i> {{selectedUser?.role?.substring(5)}}
{{selectedUser?.role}} <li *ngIf="selectedUser.lastLoginDateDisplay" class="list-group-item">
<li class="list-group-item"><i <i class="fas fa-sign-in-alt float-end"></i>
class="fas fa-sign-in-alt float-end"></i>12.03.2222 {{ selectedUser.lastLoginDateDisplay | date: 'medium' }}
</li> </li>
<li class="list-group-item"> <li class="list-group-item">
<span *ngIf="!selectedUser?.notLocked"> <span *ngIf="!selectedUser?.notLocked">