Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2025-02-17 22:08:28 +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 ProfileScreen = defineAsyncComponent(() => import('@/components/screens/ProfileScreen.vue'))
const YoutubeScreen = defineAsyncComponent(() => import('@/components/screens/youtube.vue')) const YoutubeScreen = defineAsyncComponent(() => import('@/components/screens/youtube.vue'))
const UploadScreen = defineAsyncComponent(() => import('@/components/screens/UploadScreen.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 SearchSongResultsScreen = defineAsyncComponent(() => import('@/components/screens/search/SearchSongResultsScreen.vue'))
const Visualizer = defineAsyncComponent(() => import('@/components/ui/Visualizer.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> <h1>
Songs Songs
<Btn <Btn
v-if="searchState.excerpt.songs.length" v-if="state.excerpt.songs.length"
@click.prevent="goToSongResults" data-test="view-all-songs-btn"
orange
rounded rounded
small small
orange @click.prevent="goToSongResults"
data-test="view-all-songs-btn"
> >
View All View All
</Btn> </Btn>
</h1> </h1>
<ul v-if="searchState.excerpt.songs.length"> <ul v-if="state.excerpt.songs.length">
<li v-for="song in searchState.excerpt.songs" :key="song.id" :song="song" is="vue:SongCard"/> <li is="vue:SongCard" v-for="song in state.excerpt.songs" :key="song.id" :song="song"/>
</ul> </ul>
<p v-else>None found.</p> <p v-else>None found.</p>
</section> </section>
<section class="artists" data-testid="artist-excerpts"> <section class="artists" data-testid="artist-excerpts">
<h1>Artists</h1> <h1>Artists</h1>
<ul v-if="searchState.excerpt.artists.length"> <ul v-if="state.excerpt.artists.length">
<li v-for="artist in searchState.excerpt.artists" :key="artist.id"> <li v-for="artist in state.excerpt.artists" :key="artist.id">
<ArtistCard :artist="artist" layout="compact"/> <ArtistCard :artist="artist" layout="compact"/>
</li> </li>
</ul> </ul>
@ -39,8 +39,8 @@
<section class="albums" data-testid="album-excerpts"> <section class="albums" data-testid="album-excerpts">
<h1>Albums</h1> <h1>Albums</h1>
<ul v-if="searchState.excerpt.albums.length"> <ul v-if="state.excerpt.albums.length">
<li v-for="album in searchState.excerpt.albums" :key="album.id"> <li v-for="album in state.excerpt.albums" :key="album.id">
<AlbumCard :album="album" layout="compact"/> <AlbumCard :album="album" layout="compact"/>
</li> </li>
</ul> </ul>
@ -72,7 +72,7 @@ const ArtistCard = defineAsyncComponent(() => import('@/components/artist/Artist
const AlbumCard = defineAsyncComponent(() => import('@/components/album/AlbumCard.vue')) const AlbumCard = defineAsyncComponent(() => import('@/components/album/AlbumCard.vue'))
const Btn = defineAsyncComponent(() => import('@/components/ui/Btn.vue')) const Btn = defineAsyncComponent(() => import('@/components/ui/Btn.vue'))
const searchState = reactive(searchStore.state) const state = reactive(searchStore.state)
const q = ref('') const q = ref('')
const goToSongResults = () => router.go(`search/songs/${q.value}`) const goToSongResults = () => router.go(`search/songs/${q.value}`)