80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
<div class="card vault-filters">
|
|
<div class="container loading-spinner" *ngIf="!isLoaded">
|
|
<i class="bwi bwi-spinner bwi-spin bwi-3x" aria-hidden="true"></i>
|
|
</div>
|
|
<div *ngIf="isLoaded">
|
|
<div class="card-header d-flex">
|
|
{{ "filters" | i18n }}
|
|
<a
|
|
class="ml-auto"
|
|
href="https://bitwarden.com/help/searching-vault/"
|
|
target="_blank"
|
|
rel="noopener"
|
|
appA11yTitle="{{ 'learnMore' | i18n }}"
|
|
>
|
|
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<input
|
|
type="search"
|
|
placeholder="{{ (searchPlaceholder | i18n) || ('searchVault' | i18n) }}"
|
|
id="search"
|
|
class="form-control"
|
|
[(ngModel)]="searchText"
|
|
(input)="searchTextChanged()"
|
|
autocomplete="off"
|
|
appAutofocus
|
|
/>
|
|
<app-organization-filter
|
|
[hide]="hideOrganizations"
|
|
[activeFilter]="activeFilter"
|
|
[collapsedFilterNodes]="collapsedFilterNodes"
|
|
[organizations]="organizations"
|
|
[activePersonalOwnershipPolicy]="activePersonalOwnershipPolicy"
|
|
[activeSingleOrganizationPolicy]="activeSingleOrganizationPolicy"
|
|
(onNodeCollapseStateChange)="toggleFilterNodeCollapseState($event)"
|
|
(onFilterChange)="applyFilter($event)"
|
|
></app-organization-filter>
|
|
<div class="filter">
|
|
<app-status-filter
|
|
[hideFavorites]="hideFavorites"
|
|
[hideTrash]="hideTrash"
|
|
[activeFilter]="activeFilter"
|
|
(onFilterChange)="applyFilter($event)"
|
|
></app-status-filter>
|
|
</div>
|
|
<div class="filter">
|
|
<app-type-filter
|
|
[activeFilter]="activeFilter"
|
|
[collapsedFilterNodes]="collapsedFilterNodes"
|
|
(onNodeCollapseStateChange)="toggleFilterNodeCollapseState($event)"
|
|
(onFilterChange)="applyFilter($event)"
|
|
></app-type-filter>
|
|
</div>
|
|
<div class="filter">
|
|
<app-folder-filter
|
|
[hide]="hideFolders"
|
|
[activeFilter]="activeFilter"
|
|
[collapsedFilterNodes]="collapsedFilterNodes"
|
|
[folderNodes]="folders"
|
|
(onNodeCollapseStateChange)="toggleFilterNodeCollapseState($event)"
|
|
(onFilterChange)="applyFilter($event)"
|
|
(onAddFolder)="addFolder()"
|
|
(onEditFolder)="editFolder($event)"
|
|
></app-folder-filter>
|
|
</div>
|
|
<div class="filter">
|
|
<app-collection-filter
|
|
[hide]="hideCollections"
|
|
[activeFilter]="activeFilter"
|
|
[collapsedFilterNodes]="collapsedFilterNodes"
|
|
[collectionNodes]="collections"
|
|
(onNodeCollapseStateChange)="toggleFilterNodeCollapseState($event)"
|
|
(onFilterChange)="applyFilter($event)"
|
|
></app-collection-filter>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|