Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-24 13:13:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

migration: search excerpts

Browse source
This commit is contained in:
Phan An 2022-04-24 00:53:56 +03:00
parent 817ffd4c8a
commit aecdee4cd8
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/layout/main-wrapper/main-content.vue
View file

@ -50,7 +50,7 @@ const SettingsScreen = defineAsyncComponent(() => import('@/components/screens/S
const ProfileScreen = defineAsyncComponent(() => import('@/components/screens/ProfileScreen.vue'))
const YoutubeScreen = defineAsyncComponent(() => import('@/components/screens/youtube.vue'))
const UploadScreen = defineAsyncComponent(() => import('@/components/screens/UploadScreen.vue'))
const SearchExcerptsScreen = defineAsyncComponent(() => import('@/components/screens/search/excerpts.vue'))
const SearchExcerptsScreen = defineAsyncComponent(() => import('@/components/screens/search/SearchExcerptsScreen.vue'))
const SearchSongResultsScreen = defineAsyncComponent(() => import('@/components/screens/search/SearchSongResultsScreen.vue'))
const Visualizer = defineAsyncComponent(() => import('@/components/ui/Visualizer.vue'))

22
resources/assets/js/components/screens/search/excerpts.vue → resources/assets/js/components/screens/search/SearchExcerptsScreen.vue
View file

@ -11,26 +11,26 @@
<h1>
Songs
<Btn
v-if="searchState.excerpt.songs.length"
@click.prevent="goToSongResults"
v-if="state.excerpt.songs.length"
data-test="view-all-songs-btn"
orange
rounded
small
orange
data-test="view-all-songs-btn"
@click.prevent="goToSongResults"
>
View All
</Btn>
</h1>
<ul v-if="searchState.excerpt.songs.length">
<li v-for="song in searchState.excerpt.songs" :key="song.id" :song="song" is="vue:SongCard"/>
<ul v-if="state.excerpt.songs.length">
<li is="vue:SongCard" v-for="song in state.excerpt.songs" :key="song.id" :song="song"/>
</ul>
<p v-else>None found.</p>
</section>
<section class="artists" data-testid="artist-excerpts">
<h1>Artists</h1>
<ul v-if="searchState.excerpt.artists.length">
<li v-for="artist in searchState.excerpt.artists" :key="artist.id">
<ul v-if="state.excerpt.artists.length">
<li v-for="artist in state.excerpt.artists" :key="artist.id">
<ArtistCard :artist="artist" layout="compact"/>
</li>
</ul>
@ -39,8 +39,8 @@
<section class="albums" data-testid="album-excerpts">
<h1>Albums</h1>
<ul v-if="searchState.excerpt.albums.length">
<li v-for="album in searchState.excerpt.albums" :key="album.id">
<ul v-if="state.excerpt.albums.length">
<li v-for="album in state.excerpt.albums" :key="album.id">
<AlbumCard :album="album" layout="compact"/>
</li>
</ul>
@ -72,7 +72,7 @@ const ArtistCard = defineAsyncComponent(() => import('@/components/artist/Artist
const AlbumCard = defineAsyncComponent(() => import('@/components/album/AlbumCard.vue'))
const Btn = defineAsyncComponent(() => import('@/components/ui/Btn.vue'))
const searchState = reactive(searchStore.state)
const state = reactive(searchStore.state)
const q = ref('')
const goToSongResults = () => router.go(`search/songs/${q.value}`)