2018-07-06 21:01:23 +02:00
|
|
|
<div class="page-header d-flex">
|
2018-07-06 16:21:08 +02:00
|
|
|
<h1>{{'people' | i18n}}</h1>
|
2018-07-06 21:01:23 +02:00
|
|
|
<div class="ml-auto d-flex">
|
|
|
|
<div>
|
|
|
|
<label class="sr-only" for="search">{{'search' | i18n}}</label>
|
|
|
|
<input type="search" class="form-control form-control-sm" id="search" placeholder="{{'search' | i18n}}" [(ngModel)]="searchText">
|
|
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-sm btn-outline-primary ml-3" (click)="add()">
|
|
|
|
<i class="fa fa-plus fa-fw"></i>
|
|
|
|
{{'inviteUser' | i18n}}
|
|
|
|
</button>
|
|
|
|
</div>
|
2018-07-06 16:21:08 +02:00
|
|
|
</div>
|
2018-07-06 21:01:23 +02:00
|
|
|
<i class="fa fa-spinner fa-spin text-muted" *ngIf="loading"></i>
|
2018-07-06 21:03:54 +02:00
|
|
|
<ng-container *ngIf="!loading && (users | search:searchText:'name':'email':'id') as searchedUsers">
|
2018-07-06 21:01:23 +02:00
|
|
|
<p *ngIf="!searchedUsers.length">{{'noItemsInList' | i18n}}</p>
|
|
|
|
<table class="table table-hover table-list" *ngIf="searchedUsers.length">
|
|
|
|
<tbody>
|
|
|
|
<tr *ngFor="let u of searchedUsers">
|
|
|
|
<td width="30">
|
|
|
|
<app-avatar [data]="u.name || u.email" width="25" height="25" [circle]="true" [fontSize]="14"></app-avatar>
|
|
|
|
</td>
|
|
|
|
<td class="normal-lh">
|
|
|
|
<a href="#" appStopClick (click)="edit(u)">{{u.email}}</a>
|
|
|
|
<small class="text-muted d-block" *ngIf="u.name">{{u.name}}</small>
|
|
|
|
</td>
|
|
|
|
<td class="table-list-options">
|
|
|
|
<div class="dropdown" appListDropdown>
|
|
|
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
|
|
<i class="fa fa-cog fa-lg"></i>
|
|
|
|
</button>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
|
|
<a class="dropdown-item" href="#" appStopClick (click)="groups(u)">
|
|
|
|
<i class="fa fa-fw fa-sitemap"></i>
|
|
|
|
{{'groups' | i18n}}
|
|
|
|
</a>
|
|
|
|
<a class="dropdown-item" href="#" appStopClick (click)="events(u)">
|
|
|
|
<i class="fa fa-fw fa-file-text-o"></i>
|
|
|
|
{{'eventLogs' | i18n}}
|
|
|
|
</a>
|
|
|
|
<a class="dropdown-item text-danger" href="#" appStopClick (click)="remove(u)">
|
|
|
|
<i class="fa fa-fw fa-remove"></i>
|
|
|
|
{{'remove' | i18n}}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</ng-container>
|