add selected vault filter to all new item dropdowns
This commit is contained in:
parent
0692029606
commit
e9efe9bd5a
|
@ -1,7 +1,7 @@
|
||||||
<popup-page>
|
<popup-page>
|
||||||
<popup-header slot="header" [pageTitle]="'vault' | i18n">
|
<popup-header slot="header" [pageTitle]="'vault' | i18n">
|
||||||
<ng-container slot="end">
|
<ng-container slot="end">
|
||||||
<app-new-item-dropdown [selectedVaultId]="selectedVaultId$ | async"></app-new-item-dropdown>
|
<app-new-item-dropdown [selectedVaultId]="selectedVaultId"></app-new-item-dropdown>
|
||||||
|
|
||||||
<app-pop-out></app-pop-out>
|
<app-pop-out></app-pop-out>
|
||||||
<app-current-account></app-current-account>
|
<app-current-account></app-current-account>
|
||||||
|
@ -15,7 +15,10 @@
|
||||||
<bit-no-items [icon]="vaultIcon">
|
<bit-no-items [icon]="vaultIcon">
|
||||||
<ng-container slot="title">{{ "yourVaultIsEmpty" | i18n }}</ng-container>
|
<ng-container slot="title">{{ "yourVaultIsEmpty" | i18n }}</ng-container>
|
||||||
<ng-container slot="description">{{ "autofillSuggestionsTip" | i18n }}</ng-container>
|
<ng-container slot="description">{{ "autofillSuggestionsTip" | i18n }}</ng-container>
|
||||||
<app-new-item-dropdown slot="button"></app-new-item-dropdown>
|
<app-new-item-dropdown
|
||||||
|
slot="button"
|
||||||
|
[selectedVaultId]="selectedVaultId"
|
||||||
|
></app-new-item-dropdown>
|
||||||
</bit-no-items>
|
</bit-no-items>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -55,10 +55,8 @@ export class VaultV2Component {
|
||||||
protected favoriteCiphers$ = this.vaultPopupItemsService.favoriteCiphers$;
|
protected favoriteCiphers$ = this.vaultPopupItemsService.favoriteCiphers$;
|
||||||
protected remainingCiphers$ = this.vaultPopupItemsService.remainingCiphers$;
|
protected remainingCiphers$ = this.vaultPopupItemsService.remainingCiphers$;
|
||||||
|
|
||||||
protected selectedVaultId$ = this.vaultPopupListFiltersService.filters$.pipe(
|
/** The `id` of the filtered organization */
|
||||||
filter((filters) => filters.organization?.id !== MY_VAULT_ID),
|
protected selectedVaultId: string | null = null;
|
||||||
map((filters) => filters.organization?.id),
|
|
||||||
);
|
|
||||||
|
|
||||||
/** Visual state of the vault */
|
/** Visual state of the vault */
|
||||||
protected vaultState: VaultState | null = null;
|
protected vaultState: VaultState | null = null;
|
||||||
|
@ -95,5 +93,15 @@ export class VaultV2Component {
|
||||||
this.vaultState = null;
|
this.vaultState = null;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
this.vaultPopupListFiltersService.filters$
|
||||||
|
.pipe(
|
||||||
|
takeUntilDestroyed(),
|
||||||
|
filter((filters) => filters.organization?.id !== MY_VAULT_ID),
|
||||||
|
map((filters) => filters.organization?.id ?? null),
|
||||||
|
)
|
||||||
|
.subscribe((organizationId) => {
|
||||||
|
this.selectedVaultId = organizationId;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue