search input type variable
This commit is contained in:
parent
0df3208d45
commit
10bb317a67
|
@ -3,7 +3,7 @@
|
||||||
html.browser_safari {
|
html.browser_safari {
|
||||||
header {
|
header {
|
||||||
.search .fa {
|
.search .fa {
|
||||||
left: 25px;
|
left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left + .search .fa {
|
.left + .search .fa {
|
||||||
|
|
|
@ -6,8 +6,9 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="search" placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search"
|
<input type="{{searchTypeSearch ? 'search' : 'text'}}"
|
||||||
[(ngModel)]="searchText" (input)="search(200)" appAutofocus>
|
placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search" [(ngModel)]="searchText"
|
||||||
|
(input)="search(200)" appAutofocus>
|
||||||
<i class="fa fa-search"></i>
|
<i class="fa fa-search"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
|
|
|
@ -51,6 +51,7 @@ export class CiphersComponent extends BaseCiphersComponent implements OnInit, On
|
||||||
pagedCiphers: CipherView[] = [];
|
pagedCiphers: CipherView[] = [];
|
||||||
nestedFolders: Array<TreeNode<FolderView>>;
|
nestedFolders: Array<TreeNode<FolderView>>;
|
||||||
nestedCollections: Array<TreeNode<CollectionView>>;
|
nestedCollections: Array<TreeNode<CollectionView>>;
|
||||||
|
searchTypeSearch = false;
|
||||||
|
|
||||||
private didScroll = false;
|
private didScroll = false;
|
||||||
private selectedTimeout: number;
|
private selectedTimeout: number;
|
||||||
|
@ -72,6 +73,7 @@ export class CiphersComponent extends BaseCiphersComponent implements OnInit, On
|
||||||
}
|
}
|
||||||
|
|
||||||
async ngOnInit() {
|
async ngOnInit() {
|
||||||
|
this.searchTypeSearch = !this.platformUtilsService.isSafari();
|
||||||
const queryParamsSub = this.route.queryParams.subscribe(async (params) => {
|
const queryParamsSub = this.route.queryParams.subscribe(async (params) => {
|
||||||
if (params.type) {
|
if (params.type) {
|
||||||
this.searchPlaceholder = this.i18nService.t('searchType');
|
this.searchPlaceholder = this.i18nService.t('searchType');
|
||||||
|
|
|
@ -6,8 +6,8 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="search" placeholder="{{'searchVault' | i18n}}" id="search" [(ngModel)]="searchText"
|
<input type="{{searchTypeSearch ? 'search' : 'text'}}" placeholder="{{'searchVault' | i18n}}" id="search"
|
||||||
(input)="searchVault()">
|
[(ngModel)]="searchText" (input)="searchVault()">
|
||||||
<i class="fa fa-search"></i>
|
<i class="fa fa-search"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
|
|
|
@ -49,6 +49,7 @@ export class CurrentTabComponent implements OnInit, OnDestroy {
|
||||||
searchText: string;
|
searchText: string;
|
||||||
inSidebar = false;
|
inSidebar = false;
|
||||||
showLeftHeader = false;
|
showLeftHeader = false;
|
||||||
|
searchTypeSearch = false;
|
||||||
loaded = false;
|
loaded = false;
|
||||||
|
|
||||||
private totpCode: string;
|
private totpCode: string;
|
||||||
|
@ -65,7 +66,7 @@ export class CurrentTabComponent implements OnInit, OnDestroy {
|
||||||
private searchService: SearchService, private storageService: StorageService) { }
|
private searchService: SearchService, private storageService: StorageService) { }
|
||||||
|
|
||||||
async ngOnInit() {
|
async ngOnInit() {
|
||||||
this.showLeftHeader = !this.platformUtilsService.isSafari();
|
this.showLeftHeader = this.searchTypeSearch = !this.platformUtilsService.isSafari();
|
||||||
this.inSidebar = this.popupUtilsService.inSidebar(window);
|
this.inSidebar = this.popupUtilsService.inSidebar(window);
|
||||||
|
|
||||||
this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
|
this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
|
||||||
|
|
|
@ -3,8 +3,8 @@
|
||||||
<app-pop-out></app-pop-out>
|
<app-pop-out></app-pop-out>
|
||||||
</div>
|
</div>
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="search" placeholder="{{'searchVault' | i18n}}" id="search" [(ngModel)]="searchText"
|
<input type="{{searchTypeSearch ? 'search' : 'text'}}" placeholder="{{'searchVault' | i18n}}" id="search"
|
||||||
(input)="search(200)" appAutofocus>
|
[(ngModel)]="searchText" (input)="search(200)" appAutofocus>
|
||||||
<i class="fa fa-search"></i>
|
<i class="fa fa-search"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
|
|
|
@ -56,6 +56,7 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
|
||||||
scopeState: any;
|
scopeState: any;
|
||||||
showLeftHeader = true;
|
showLeftHeader = true;
|
||||||
searchPending = false;
|
searchPending = false;
|
||||||
|
searchTypeSearch = false;
|
||||||
|
|
||||||
private loadedTimeout: number;
|
private loadedTimeout: number;
|
||||||
private selectedTimeout: number;
|
private selectedTimeout: number;
|
||||||
|
@ -89,6 +90,7 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
|
||||||
}
|
}
|
||||||
|
|
||||||
async ngOnInit() {
|
async ngOnInit() {
|
||||||
|
this.searchTypeSearch = !this.platformUtilsService.isSafari();
|
||||||
this.showLeftHeader = !this.platformUtilsService.isSafari() &&
|
this.showLeftHeader = !this.platformUtilsService.isSafari() &&
|
||||||
!(this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox());
|
!(this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox());
|
||||||
this.stateService.remove('CiphersComponent');
|
this.stateService.remove('CiphersComponent');
|
||||||
|
|
Loading…
Reference in New Issue