TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add filter parameter in search.

Browse source 
Closes #1117
This commit is contained in:
Kavin 2022-07-19 21:46:50 +05:30
parent 7ec18073a1
commit c0ff289076
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/SearchResults.vue
View file

@ -4,13 +4,7 @@
<label for="ddlSearchFilters">
<strong v-text="`${$t('actions.filter')}:`" />
</label>
<select
id="ddlSearchFilters"
v-model="selectedFilter"
default="all"
class="select w-auto"
@change="updateResults()"
>
<select id="ddlSearchFilters" v-model="selectedFilter" default="all" class="select w-auto" @change="updateFilter()">
<option v-for="filter in availableFilters" :key="filter" :value="filter" v-t="`search.${filter}`" />
</select>
@ -77,7 +71,7 @@ export default {
"music_albums",
"music_playlists",
],
selectedFilter: "all",
selectedFilter: this.$route.query.filter ?? "all",
};
},
mounted() {
@ -98,13 +92,21 @@ export default {
async fetchResults() {
return await await this.fetchJson(this.apiUrl() + "/search", {
q: this.$route.query.search_query,
filter: this.selectedFilter,
filter: this.$route.query.filter ?? "all",
});
},
async updateResults() {
document.title = this.$route.query.search_query + " - Piped";
this.results = this.fetchResults().then(json => (this.results = json));
},
updateFilter() {
this.$router.replace({
query: {
search_query: this.$route.query.search_query,
filter: this.selectedFilter,
},
});
},
handleScroll() {
if (this.loading || !this.results || !this.results.nextpage) return;
if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {
@ -112,7 +114,7 @@ export default {
this.fetchJson(this.apiUrl() + "/nextpage/search", {
nextpage: this.results.nextpage,
q: this.$route.query.search_query,
filter: this.selectedFilter,
filter: this.$route.query.filter ?? "all",
}).then(json => {
this.results.nextpage = json.nextpage;
this.results.id = json.id;