44r0n7/privacy.sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search placeholder shows total scripts

Browse Source
This commit is contained in:
undergroundwires
2020-07-18 18:26:15 +01:00
parent 9c063d59de
commit 1d5225de07
4 changed files with 45 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/presentation/TheSearchBar.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="search">
<input type="search" class="searchTerm" placeholder="Search"
<input type="search" class="searchTerm" :placeholder="searchPlaceHolder"
@input="updateFilterAsync($event.target.value)" >
<div class="iconWrapper">
<font-awesome-icon :icon="['fas', 'search']" />
@@ -14,6 +14,15 @@ import { StatefulVue } from './StatefulVue';
@Component
export default class TheSearchBar extends StatefulVue {
public searchPlaceHolder = 'Search';
public async mounted() {
const state = await this.getCurrentStateAsync();
const totalScripts = state.app.totalScripts;
const totalCategories = state.app.totalCategories;
this.searchPlaceHolder = `Search in ${totalScripts} scripts`;
}
public async updateFilterAsync(filter: |string) {
const state = await this.getCurrentStateAsync();
if (!filter) {