1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-19 09:43:23 +00:00
Files
browser/libs/vault/src/components/assign-collections.component.html
Nick Krantz f52e4e27a0 [PM-12770] Assign to Collections Hint (#14529)
* allow use of common spec in lib/vault tests

* pass readonly collections to the assign collection component

- The assign to collections component filters them out already.
-They're also needed to display copy within the component

* add hint to assign to collections component when there are read only collections assigned to a cipher already

* add readonly hint to desktop

* only show collection hint for collections that are assigned to the provided ciphers

* consider admin/owner edit everything permission when assigning to collections

* fix icon in test
2025-05-22 11:09:33 -05:00

53 lines
1.6 KiB
HTML

<form [formGroup]="formGroup" [bitSubmit]="submit" id="assign_collections_form">
<p>
{{
(personalItemsCount === 1
? "bulkCollectionAssignmentDialogDescriptionSingular"
: "bulkCollectionAssignmentDialogDescriptionPlural"
) | i18n
}}
</p>
<ul class="tw-list-disc tw-pl-5 tw-space-y-2 tw-break-words">
<li *ngIf="readonlyItemCount > 0">
<p>
{{ "bulkCollectionAssignmentWarning" | i18n: totalItemCount : readonlyItemCount }}
</p>
</li>
<li *ngIf="personalItemsCount > 0">
<p>
{{ transferWarningText(orgName, personalItemsCount) }}
</p>
</li>
</ul>
<div class="tw-flex" *ngIf="showOrgSelector">
<bit-form-field class="tw-grow tw-max-w-full">
<bit-label>{{ "moveToOrganization" | i18n }}</bit-label>
<bit-select formControlName="selectedOrg">
<bit-option
*ngFor="let org of organizations$ | async"
icon="bwi-business"
[value]="org.id"
[label]="org.name"
>
</bit-option>
</bit-select>
</bit-form-field>
</div>
<div class="tw-flex">
<bit-form-field class="tw-grow tw-max-w-full" disableMargin>
<bit-label>{{ "selectCollectionsToAssign" | i18n }}</bit-label>
<bit-multi-select
class="tw-w-full"
formControlName="collections"
[baseItems]="availableCollections"
></bit-multi-select>
<bit-hint *ngIf="readOnlyCollectionNames.length > 0" data-testid="view-only-hint">
{{ "cannotRemoveViewOnlyCollections" | i18n: readOnlyCollectionNames.join(", ") }}
</bit-hint>
</bit-form-field>
</div>
</form>