103 lines
3.3 KiB
HTML
103 lines
3.3 KiB
HTML
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="bulkTitle">
|
|
<div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h2 class="modal-title" id="bulkTitle">
|
|
{{ bulkTitle }}
|
|
</h2>
|
|
<button
|
|
type="button"
|
|
class="close"
|
|
data-dismiss="modal"
|
|
appA11yTitle="{{ 'close' | i18n }}"
|
|
>
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<app-callout type="danger" *ngIf="users.length <= 0">
|
|
{{ "noSelectedUsersApplicable" | i18n }}
|
|
</app-callout>
|
|
<app-callout type="error" *ngIf="error">
|
|
{{ error }}
|
|
</app-callout>
|
|
<ng-container *ngIf="!done">
|
|
<app-callout type="warning" *ngIf="users.length > 0 && !error">
|
|
{{ usersWarning }}
|
|
</app-callout>
|
|
<table class="table table-hover table-list">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">{{ "user" | i18n }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tr *ngFor="let user of users">
|
|
<td width="30">
|
|
<app-avatar
|
|
[data]="user | userName"
|
|
[email]="user.email"
|
|
size="25"
|
|
[circle]="true"
|
|
[fontSize]="14"
|
|
>
|
|
</app-avatar>
|
|
</td>
|
|
<td>
|
|
{{ user.email }}
|
|
<small class="text-muted d-block" *ngIf="user.name">{{ user.name }}</small>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</ng-container>
|
|
<ng-container *ngIf="done">
|
|
<table class="table table-hover table-list">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">{{ "user" | i18n }}</th>
|
|
<th>{{ "status" | i18n }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tr *ngFor="let user of users">
|
|
<td width="30">
|
|
<app-avatar
|
|
[data]="user | userName"
|
|
[email]="user.email"
|
|
size="25"
|
|
[circle]="true"
|
|
[fontSize]="14"
|
|
>
|
|
</app-avatar>
|
|
</td>
|
|
<td>
|
|
{{ user.email }}
|
|
<small class="text-muted d-block" *ngIf="user.name">{{ user.name }}</small>
|
|
</td>
|
|
<td *ngIf="statuses.has(user.id)">
|
|
{{ statuses.get(user.id) }}
|
|
</td>
|
|
<td *ngIf="!statuses.has(user.id)">
|
|
{{ "bulkFilteredMessage" | i18n }}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</ng-container>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary btn-submit"
|
|
*ngIf="!done && users.length > 0"
|
|
[disabled]="loading"
|
|
(click)="submit()"
|
|
>
|
|
<i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
|
|
<span>{{ bulkTitle }}</span>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
|
|
{{ "close" | i18n }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|