mirror of
https://github.com/bitwarden/browser.git
synced 2024-09-24 03:32:51 +02:00
80 lines
2.4 KiB
HTML
80 lines
2.4 KiB
HTML
<bit-section>
|
|
<bit-section-header>
|
|
<h2 bitTypography="h6">{{ "itemDetails" | i18n }}</h2>
|
|
</bit-section-header>
|
|
<bit-card>
|
|
<div>
|
|
<label class="tw-block tw-w-full tw-mb-1 tw-text-xs tw-text-muted tw-select-none">
|
|
{{ "itemName" | i18n }}
|
|
</label>
|
|
<input
|
|
readonly
|
|
bitInput
|
|
type="text"
|
|
[value]="cipher.name"
|
|
aria-readonly="true"
|
|
data-testid="item-name"
|
|
/>
|
|
</div>
|
|
|
|
<ul
|
|
[attr.aria-label]="'itemLocation' | i18n"
|
|
*ngIf="cipher.collectionIds || cipher.organizationId || cipher.folderId"
|
|
>
|
|
<li
|
|
*ngIf="cipher.organizationId && organization"
|
|
class="tw-flex tw-list-none"
|
|
[ngClass]="{ 'tw-mb-3': cipher.collectionIds }"
|
|
bitTypography="body2"
|
|
[attr.aria-label]="('owner' | i18n) + organization.name"
|
|
data-testid="owner"
|
|
>
|
|
<i
|
|
class="tw-pt-1"
|
|
appOrgIcon
|
|
[tierType]="organization.productTierType"
|
|
[size]="'large'"
|
|
[title]="'owner' | i18n"
|
|
></i>
|
|
<span aria-hidden="true" class="tw-pl-1 tw-mb-1">
|
|
{{ organization.name }}
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="tw-list-none"
|
|
*ngIf="cipher.collectionIds && collections"
|
|
[attr.aria-label]="'collection' | i18n"
|
|
>
|
|
<ul data-testid="collections">
|
|
<li
|
|
*ngFor="let collection of collections; let last = last"
|
|
class="tw-flex tw-list-none"
|
|
bitTypography="body2"
|
|
[ngClass]="{ 'tw-mb-3': last }"
|
|
[attr.aria-label]="collection.name"
|
|
>
|
|
<i
|
|
class="bwi bwi-collection bwi-lg tw-pt-1"
|
|
aria-hidden="true"
|
|
[title]="'collection' | i18n"
|
|
></i>
|
|
<span aria-hidden="true" class="tw-pl-1 tw-mb-1">
|
|
{{ collection.name }}
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li
|
|
*ngIf="cipher.folderId && folder"
|
|
bitTypography="body2"
|
|
class="tw-flex tw-list-none"
|
|
[attr.aria-label]="('folder' | i18n) + folder.name"
|
|
data-testid="folder"
|
|
>
|
|
<i class="bwi bwi-folder bwi-lg tw-pt-1" aria-hidden="true" [title]="'folder' | i18n"></i>
|
|
<span aria-hidden="true" class="tw-pl-1 tw-mb-1">{{ folder.name }} </span>
|
|
</li>
|
|
</ul>
|
|
</bit-card>
|
|
</bit-section>
|