bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-12 22:33:35 +00:00
Code Issues Releases Wiki Activity

[PM-5345] Update vault-search to use bit-search (#7273)

Browse Source 
Migrate vault search to use the bit-search component.
This commit is contained in:
Oscar Hinton
2024-01-15 12:10:31 +01:00
committed by GitHub
parent eae845d900
commit 36b2d8b6b2
2 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/src/app/vault/individual-vault/vault-filter/components/vault-filter.component.html
View File

@@ -16,16 +16,16 @@
</a> </a>
</div> </div>
<div class="card-body"> <div class="card-body">
<input <div class="tw-mb-4">
type="search" <bit-search
placeholder="{{ searchPlaceholder | i18n }}" id="search"
id="search" placeholder="{{ searchPlaceholder | i18n }}"
class="form-control" [(ngModel)]="searchText"
[ngModel]="searchText" (ngModelChange)="onSearchTextChanged($event)"
(ngModelChange)="onSearchTextChanged($event)" autocomplete="off"
autocomplete="off" appAutofocus
appAutofocus />
/> </div>
<ng-container *ngFor="let f of filtersList"> <ng-container *ngFor="let f of filtersList">
<div class="filter"> <div class="filter">
<app-filter-section [activeFilter]="activeFilter" [section]="f"> </app-filter-section> <app-filter-section [activeFilter]="activeFilter" [section]="f"> </app-filter-section>

6
apps/web/src/app/vault/individual-vault/vault-filter/shared/vault-filter-shared.module.ts
View File

@@ -1,12 +1,14 @@
import { NgModule } from "@angular/core"; import { NgModule } from "@angular/core";
import { SearchModule } from "@bitwarden/components";
import { SharedModule } from "../../../../shared"; import { SharedModule } from "../../../../shared";
import { VaultFilterSectionComponent } from "./components/vault-filter-section.component"; import { VaultFilterSectionComponent } from "./components/vault-filter-section.component";
@NgModule({ @NgModule({
imports: [SharedModule], imports: [SharedModule, SearchModule],
declarations: [VaultFilterSectionComponent], declarations: [VaultFilterSectionComponent],
exports: [SharedModule, VaultFilterSectionComponent], exports: [SharedModule, VaultFilterSectionComponent, SearchModule],
}) })
export class VaultFilterSharedModule {} export class VaultFilterSharedModule {}