#79 - Soucis de paramètres dans les filtres
This commit is contained in:
parent
4c442edf21
commit
55a9656c42
1 changed files with 11 additions and 8 deletions
|
@ -32,6 +32,9 @@ Vue.createApp({
|
||||||
this.fetch();
|
this.fetch();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
formatParams(param) {
|
||||||
|
return param.replace("&", "%26").replace("+", "%2B");
|
||||||
|
},
|
||||||
fetch() {
|
fetch() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
this.total = 0;
|
this.total = 0;
|
||||||
|
@ -64,19 +67,19 @@ Vue.createApp({
|
||||||
|
|
||||||
let url = `/api/v1/albums?page=${this.page}&limit=${this.limit}&sort=${this.sort}&order=${this.order}`;
|
let url = `/api/v1/albums?page=${this.page}&limit=${this.limit}&sort=${this.sort}&order=${this.order}`;
|
||||||
if (this.artist) {
|
if (this.artist) {
|
||||||
url += `&artists_sort=${this.artist.replace("&", "%26")}`;
|
url += `&artists_sort=${this.formatParams(this.artist)}`;
|
||||||
}
|
}
|
||||||
if (this.format) {
|
if (this.format) {
|
||||||
url += `&format=${this.format.replace("&", "%26")}`;
|
url += `&format=${this.formatParams(this.format)}`;
|
||||||
}
|
}
|
||||||
if (this.year) {
|
if (this.year) {
|
||||||
url += `&year=${this.year}`;
|
url += `&year=${this.year}`;
|
||||||
}
|
}
|
||||||
if (this.genre) {
|
if (this.genre) {
|
||||||
url += `&genre=${this.genre.replace("&", "%26")}`;
|
url += `&genre=${this.formatParams(this.genre)}`;
|
||||||
}
|
}
|
||||||
if (this.style) {
|
if (this.style) {
|
||||||
url += `&style=${this.style.replace("&", "%26")}`;
|
url += `&style=${this.formatParams(this.style)}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
axios
|
axios
|
||||||
|
@ -101,19 +104,19 @@ Vue.createApp({
|
||||||
changeUrl() {
|
changeUrl() {
|
||||||
let url = `?page=${this.page}&limit=${this.limit}&sort=${this.sort}&order=${this.order}`;
|
let url = `?page=${this.page}&limit=${this.limit}&sort=${this.sort}&order=${this.order}`;
|
||||||
if (this.artist) {
|
if (this.artist) {
|
||||||
url += `&artists_sort=${this.artist.replace("&", "%26")}`;
|
url += `&artists_sort=${this.formatParams(this.artist)}`;
|
||||||
}
|
}
|
||||||
if (this.format) {
|
if (this.format) {
|
||||||
url += `&format=${this.format.replace("&", "%26")}`;
|
url += `&format=${this.formatParams(this.format)}`;
|
||||||
}
|
}
|
||||||
if (this.year) {
|
if (this.year) {
|
||||||
url += `&year=${this.year}`;
|
url += `&year=${this.year}`;
|
||||||
}
|
}
|
||||||
if (this.genre) {
|
if (this.genre) {
|
||||||
url += `&genre=${this.genre.replace("&", "%26")}`;
|
url += `&genre=${this.formatParams(this.genre)}`;
|
||||||
}
|
}
|
||||||
if (this.style) {
|
if (this.style) {
|
||||||
url += `&style=${this.style.replace("&", "%26")}`;
|
url += `&style=${this.formatParams(this.style)}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
window.location.href = url;
|
window.location.href = url;
|
||||||
|
|
Loading…
Reference in a new issue