tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-06-09 20:47:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client: use for loop instead of array.filter()

Browse Source
This commit is contained in:
geoffrey45 2022-01-07 03:55:54 +03:00
parent 9310382436
commit 1cbf770fee
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/FolderView/SongList.vue
View File

@ -14,7 +14,7 @@
<tr
v-for="song in searchSongs"
:key="song"
:class="{ current: current._id.$oid == song._id.$oid }"
:class="{ current: current._id == song._id }"
>
<td
:style="{ width: songTitleWidth + 'px' }"
@ -29,7 +29,7 @@
>
<div
class="now-playing-track image"
v-if="current._id.$oid == song._id.$oid"
v-if="current._id == song._id"
:class="{ active: is_playing, not_active: !is_playing }"
></div>
</div>
@ -138,11 +138,26 @@ export default {
const search_query = ref(state.search_query);
const searchSongs = computed(() => {
return song_list.value.filter((song) => {
return song.title
const songs = [];
if (search_query.value.length > 2) {
state.loading.value = true;
for (let i = 0; i < song_list.value.length; i++) {
if (
song_list.value[i].title
.toLowerCase()
.includes(state.search_query.value.toLowerCase());
});
.includes(search_query.value.toLowerCase())
) {
songs.push(song_list.value[i]);
}
}
state.loading.value = false;
return songs;
} else {
return song_list.value;
}
});
return {