[SG-998] and [SG-999] Vault and Autofill team refactor (#4542)

* Move DeprecatedVaultFilterService to vault folder * [libs] move VaultItemsComponent * [libs] move AddEditComponent * [libs] move AddEditCustomFields * [libs] move attachmentsComponent * [libs] folderAddEditComponent * [libs] IconComponent * [libs] PasswordRepormptComponent * [libs] PremiumComponent * [libs] ViewCustomFieldsComponent * [libs] ViewComponent * [libs] PasswordRepromptService * [libs] Move FolderService and FolderApiService abstractions * [libs] FolderService imports * [libs] PasswordHistoryComponent * [libs] move Sync and SyncNotifier abstractions * [libs] SyncService imports * [libs] fix file casing for passwordReprompt abstraction * [libs] SyncNotifier import fix * [libs] CipherServiceAbstraction * [libs] PasswordRepromptService abstraction * [libs] Fix file casing for angular passwordReprompt service * [libs] fix file casing for SyncNotifierService * [libs] CipherRepromptType * [libs] rename CipherRepromptType * [libs] CipherType * [libs] Rename CipherType * [libs] CipherData * [libs] FolderData * [libs] PasswordHistoryData * [libs] AttachmentData * [libs] CardData * [libs] FieldData * [libs] IdentityData * [libs] LocalData * [libs] LoginData * [libs] SecureNoteData * [libs] LoginUriData * [libs] Domain classes * [libs] SecureNote * [libs] Request models * [libs] Response models * [libs] View part 1 * [libs] Views part 2 * [libs] Move folder services * [libs] Views fixes * [libs] Move sync services * [libs] cipher service * [libs] Types * [libs] Sync file casing * [libs] Fix folder service import * [libs] Move spec files * [libs] casing fixes on spec files * [browser] Autofill background, clipboard, commands * [browser] Fix ContextMenusBackground casing * [browser] Rename fix * [browser] Autofill content * [browser] autofill.js * [libs] enpass importer spec fix * [browser] autofill models * [browser] autofill manifest path updates * [browser] Autofill notification files * [browser] autofill services * [browser] Fix file casing * [browser] Vault popup loose components * [browser] Vault components * [browser] Manifest fixes * [browser] Vault services * [cli] vault commands and models * [browser] File capitilization fixes * [desktop] Vault components and services * [web] vault loose components * [web] Vault components * [browser] Fix misc-utils import * [libs] Fix psono spec imports * [fix] Add comments to address lint rules
2025-12-13 23:03:32 +00:00 · 2023-01-31 16:08:37 -05:00
parent bf1df6ebf6
commit 7ebedbecfb
472 changed files with 1371 additions and 1328 deletions
--- a/libs/angular/src/vault/components/vault-items.component.ts
+++ b/libs/angular/src/vault/components/vault-items.component.ts
@@ -0,0 +1,101 @@
+import { Directive, EventEmitter, Input, Output } from "@angular/core";
+
+import { SearchService } from "@bitwarden/common/abstractions/search.service";
+import { Organization } from "@bitwarden/common/models/domain/organization";
+import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
+
+@Directive()
+export class VaultItemsComponent {
+  @Input() activeCipherId: string = null;
+  @Output() onCipherClicked = new EventEmitter<CipherView>();
+  @Output() onCipherRightClicked = new EventEmitter<CipherView>();
+  @Output() onAddCipher = new EventEmitter();
+  @Output() onAddCipherOptions = new EventEmitter();
+
+  loaded = false;
+  ciphers: CipherView[] = [];
+  searchPlaceholder: string = null;
+  filter: (cipher: CipherView) => boolean = null;
+  deleted = false;
+  organization: Organization;
+  accessEvents = false;
+
+  protected searchPending = false;
+
+  private searchTimeout: any = null;
+  private _searchText: string = null;
+  get searchText() {
+    return this._searchText;
+  }
+  set searchText(value: string) {
+    this._searchText = value;
+  }
+
+  constructor(protected searchService: SearchService) {}
+
+  async load(filter: (cipher: CipherView) => boolean = null, deleted = false) {
+    this.deleted = deleted ?? false;
+    await this.applyFilter(filter);
+    this.loaded = true;
+  }
+
+  async reload(filter: (cipher: CipherView) => boolean = null, deleted = false) {
+    this.loaded = false;
+    await this.load(filter, deleted);
+  }
+
+  async refresh() {
+    await this.reload(this.filter, this.deleted);
+  }
+
+  async applyFilter(filter: (cipher: CipherView) => boolean = null) {
+    this.filter = filter;
+    await this.search(null);
+  }
+
+  async search(timeout: number = null, indexedCiphers?: CipherView[]) {
+    this.searchPending = false;
+    if (this.searchTimeout != null) {
+      clearTimeout(this.searchTimeout);
+    }
+    if (timeout == null) {
+      await this.doSearch(indexedCiphers);
+      return;
+    }
+    this.searchPending = true;
+    this.searchTimeout = setTimeout(async () => {
+      await this.doSearch(indexedCiphers);
+      this.searchPending = false;
+    }, timeout);
+  }
+
+  selectCipher(cipher: CipherView) {
+    this.onCipherClicked.emit(cipher);
+  }
+
+  rightClickCipher(cipher: CipherView) {
+    this.onCipherRightClicked.emit(cipher);
+  }
+
+  addCipher() {
+    this.onAddCipher.emit();
+  }
+
+  addCipherOptions() {
+    this.onAddCipherOptions.emit();
+  }
+
+  isSearching() {
+    return !this.searchPending && this.searchService.isSearchable(this.searchText);
+  }
+
+  protected deletedFilter: (cipher: CipherView) => boolean = (c) => c.isDeleted === this.deleted;
+
+  protected async doSearch(indexedCiphers?: CipherView[]) {
+    this.ciphers = await this.searchService.searchCiphers(
+      this.searchText,
+      [this.filter, this.deletedFilter],
+      indexedCiphers
+    );
+  }
+}