2024-07-10 06:11:51 +02:00
|
|
|
<bit-section>
|
|
|
|
<bit-section-header>
|
|
|
|
<h2 bitTypography="h6">{{ "itemDetails" | i18n }}</h2>
|
|
|
|
</bit-section-header>
|
|
|
|
<bit-card>
|
2024-07-23 19:29:46 +02:00
|
|
|
<div>
|
2024-07-10 06:11:51 +02:00
|
|
|
<label class="tw-block tw-w-full tw-mb-1 tw-text-xs tw-text-muted tw-select-none">
|
|
|
|
{{ "itemName" | i18n }}
|
|
|
|
</label>
|
2024-07-12 00:48:47 +02:00
|
|
|
<input readonly bitInput type="text" [value]="cipher.name" aria-readonly="true" />
|
2024-07-10 06:11:51 +02:00
|
|
|
</div>
|
|
|
|
|
2024-07-23 19:29:46 +02:00
|
|
|
<ul
|
|
|
|
[attr.aria-label]="'itemLocation' | i18n"
|
|
|
|
*ngIf="cipher.collectionIds || cipher.organizationId || cipher.folderId"
|
|
|
|
>
|
|
|
|
<li
|
|
|
|
*ngIf="cipher.organizationId && organization"
|
|
|
|
class="tw-flex tw-list-none"
|
2024-07-12 00:48:47 +02:00
|
|
|
[ngClass]="{ 'tw-mb-3': cipher.collectionIds }"
|
|
|
|
bitTypography="body2"
|
2024-07-23 19:29:46 +02:00
|
|
|
[attr.aria-label]="('owner' | i18n) + organization.name"
|
2024-07-12 00:48:47 +02:00
|
|
|
>
|
2024-07-23 19:29:46 +02:00
|
|
|
<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>
|
|
|
|
<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"
|
2024-07-12 00:48:47 +02:00
|
|
|
bitTypography="body2"
|
2024-07-23 19:29:46 +02:00
|
|
|
class="tw-flex tw-list-none"
|
|
|
|
[attr.aria-label]="('folder' | i18n) + folder.name"
|
2024-07-10 06:11:51 +02:00
|
|
|
>
|
2024-07-23 19:29:46 +02:00
|
|
|
<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>
|
2024-07-10 06:11:51 +02:00
|
|
|
</bit-card>
|
|
|
|
</bit-section>
|