bitwarden-estensione-browser/src/app/organizations/manage/user-groups.component.html

46 lines
2.3 KiB
HTML
Raw Normal View History

2019-10-11 17:47:41 +02:00
<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="groupAccessTitle">
<div class="modal-dialog" role="document">
2018-07-10 21:03:13 +02:00
<form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
<div class="modal-header">
2019-10-11 17:47:41 +02:00
<h2 class="modal-title" id="groupAccessTitle">
2018-07-10 21:03:13 +02:00
{{'groupAccess' | i18n}}
<small class="text-muted" *ngIf="name">{{name}}</small>
</h2>
2019-10-11 17:22:21 +02:00
<button type="button" class="close" data-dismiss="modal" appA11yTitle="{{'close' | i18n}}">
2018-07-10 21:03:13 +02:00
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body" *ngIf="loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin text-muted" title="{{'loading' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'loading' | i18n}}</span>
2018-07-10 21:03:13 +02:00
</div>
<div class="modal-body" *ngIf="!loading">
<p>{{'groupAccessUserDesc' | i18n}}</p>
<div *ngIf="!groups || !groups.length">
{{'noGroupsInList' | i18n}}
</div>
<table class="table table-hover table-list mb-0" *ngIf="groups && groups.length">
<tbody>
<tr *ngFor="let g of groups; let i = index">
<td class="table-list-checkbox" (click)="check(g)">
2018-09-24 23:45:35 +02:00
<input type="checkbox" [(ngModel)]="g.checked" name="Groups[{{i}}].Checked" appStopProp>
2018-07-10 21:03:13 +02:00
</td>
<td (click)="check(g)">
{{g.name}}
2018-07-10 21:03:13 +02:00
</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
2018-07-18 05:21:23 +02:00
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
2019-10-11 16:35:24 +02:00
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
2018-07-10 21:03:13 +02:00
<span>{{'save' | i18n}}</span>
</button>
2019-02-21 22:50:37 +01:00
<button type="button" class="btn btn-outline-secondary"
data-dismiss="modal">{{'cancel' | i18n}}</button>
2018-07-10 21:03:13 +02:00
</div>
</form>
</div>
</div>