bitwarden-estensione-browser/bitwarden_license/bit-web/src/app/secrets-manager/service-accounts/service-accounts-list.compo...

97 lines
3.3 KiB
HTML

<div *ngIf="!serviceAccounts" class="tw-items-center tw-justify-center tw-pt-64 tw-text-center">
<i class="bwi bwi-spinner bwi-spin bwi-3x"></i>
</div>
<sm-no-items *ngIf="serviceAccounts?.length == 0">
<ng-container title>{{ "serviceAccountsNoItemsTitle" | i18n }}</ng-container>
<ng-container description>{{ "serviceAccountsNoItemsMessage" | i18n }}</ng-container>
<button bitButton buttonType="secondary" (click)="newServiceAccountEvent.emit()">
<i class="bwi bwi-plus" aria-hidden="true"></i>
{{ "newServiceAccount" | i18n }}
</button>
</sm-no-items>
<bit-table *ngIf="serviceAccounts?.length >= 1">
<ng-container header>
<tr>
<th bitCell class="tw-w-0">
<label class="!tw-mb-0 tw-flex tw-w-fit tw-gap-2 !tw-font-bold !tw-text-muted">
<input
type="checkbox"
(change)="$event ? toggleAll() : null"
[checked]="selection.hasValue() && isAllSelected()"
[indeterminate]="selection.hasValue() && !isAllSelected()"
/>
{{ "all" | i18n }}
</label>
</th>
<th bitCell colspan="2">{{ "name" | i18n }}</th>
<th bitCell>{{ "secrets" | i18n }}</th>
<th bitCell>{{ "lastEdited" | i18n }}</th>
<th bitCell class="tw-w-0">
<button
bitIconButton="bwi-ellipsis-v"
buttonType="main"
[title]="'options' | i18n"
[attr.aria-label]="'options' | i18n"
[bitMenuTriggerFor]="tableMenu"
></button>
</th>
</tr>
</ng-container>
<ng-container body>
<tr bitRow *ngFor="let serviceAccount of serviceAccounts">
<td bitCell>
<input
type="checkbox"
(change)="$event ? selection.toggle(serviceAccount.id) : null"
[checked]="selection.isSelected(serviceAccount.id)"
/>
</td>
<td bitCell class="tw-w-0 tw-pr-0">
<i class="bwi bwi-wrench tw-text-xl tw-text-muted" aria-hidden="true"></i>
</td>
<td bitCell>
<a [routerLink]="serviceAccount.id">
{{ serviceAccount.name }}
</a>
</td>
<td bitCell>
<!-- TODO add number of secrets once mapping is implemented-->
<span> 0 </span>
</td>
<td bitCell>{{ serviceAccount.revisionDate | date: "medium" }}</td>
<td bitCell>
<button
bitIconButton="bwi-ellipsis-v"
buttonType="main"
[title]="'options' | i18n"
[attr.aria-label]="'options' | i18n"
[bitMenuTriggerFor]="serviceAccountMenu"
></button>
</td>
<bit-menu #serviceAccountMenu>
<a type="button" bitMenuItem [routerLink]="serviceAccount.id">
<i class="bwi bwi-fw bwi-eye tw-text-xl" aria-hidden="true"></i>
{{ "viewServiceAccount" | i18n }}
</a>
<button type="button" bitMenuItem>
<i class="bwi bwi-fw bwi-trash tw-text-xl tw-text-danger" aria-hidden="true"></i>
<span class="tw-text-danger">
{{ "deleteServiceAccount" | i18n }}
</span>
</button>
</bit-menu>
</tr>
</ng-container>
</bit-table>
<bit-menu #tableMenu>
<button type="button" bitMenuItem (click)="bulkDeleteServiceAccounts()">
<i class="bwi bwi-fw bwi-trash tw-text-xl tw-text-danger" aria-hidden="true"></i>
<span class="tw-text-danger">
{{ "deleteServiceAccounts" | i18n }}
</span>
</button>
</bit-menu>