1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-30 15:13:32 +00:00
Files
browser/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
Robyn MacCallum 8dc7ead853 Add more descriptive titles for web vault rows (#5404)
* Add more descriptive titles for web vault rows

* Swap example strings
2023-05-09 14:03:31 -04:00

78 lines
2.4 KiB
HTML

<td bitCell [ngClass]="RowHeightClass" class="tw-min-w-fit">
<input
type="checkbox"
bitCheckbox
appStopProp
*ngIf="canDeleteCollection"
[disabled]="disabled"
[checked]="checked"
(change)="$event ? this.checkedToggled.next() : null"
/>
</td>
<td bitCell [ngClass]="RowHeightClass" class="tw-min-w-fit">
<div class="icon" aria-hidden="true">
<i class="bwi bwi-fw bwi-lg bwi-collection"></i>
</div>
</td>
<td bitCell [ngClass]="RowHeightClass">
<button
bitLink
[disabled]="disabled"
type="button"
class="tw-w-full tw-overflow-hidden tw-text-ellipsis tw-text-start"
linkType="secondary"
title="{{ 'viewCollectionWithName' | i18n : collection.name }}"
[routerLink]="[]"
[queryParams]="{ collectionId: collection.id }"
queryParamsHandling="merge"
appStopProp
>
{{ collection.name }}
</button>
</td>
<td bitCell [ngClass]="RowHeightClass" *ngIf="showOwner">
<app-org-badge
[disabled]="disabled"
[organizationId]="collection.organizationId"
[organizationName]="collection.organizationId | orgNameFromId : organizations"
appStopProp
>
</app-org-badge>
</td>
<td bitCell [ngClass]="RowHeightClass" *ngIf="showCollections"></td>
<td bitCell [ngClass]="RowHeightClass" *ngIf="showGroups">
<app-group-badge
*ngIf="collectionGroups"
[selectedGroups]="collectionGroups"
[allGroups]="groups"
></app-group-badge>
</td>
<td bitCell [ngClass]="RowHeightClass" class="tw-text-right">
<button
*ngIf="canEditCollection || canDeleteCollection"
[disabled]="disabled"
[bitMenuTriggerFor]="collectionOptions"
size="small"
bitIconButton="bwi-ellipsis-v"
type="button"
appA11yTitle="{{ 'options' | i18n }}"
appStopProp
></button>
<bit-menu #collectionOptions>
<button *ngIf="canEditCollection" type="button" bitMenuItem (click)="edit()">
<i class="bwi bwi-fw bwi-pencil-square" aria-hidden="true"></i>
{{ "editInfo" | i18n }}
</button>
<button *ngIf="canEditCollection" type="button" bitMenuItem (click)="access()">
<i class="bwi bwi-fw bwi-users" aria-hidden="true"></i>
{{ "access" | i18n }}
</button>
<button *ngIf="canDeleteCollection" type="button" bitMenuItem (click)="deleteCollection()">
<span class="tw-text-danger">
<i class="bwi bwi-fw bwi-trash" aria-hidden="true"></i>
{{ "delete" | i18n }}
</span>
</button>
</bit-menu>
</td>