github-mirror/YesPlayMusic
2
0
Fork 0
mirror of https://github.com/qier222/YesPlayMusic.git synced 2024-11-22 12:32:07 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: Added "Add to Playlist" on lyrics page (#1671)

Browse Source
This commit is contained in:
marcus 2022-06-19 20:53:28 +08:00 committed by GitHub
parent 0abd616ca1
commit 000cfda922
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/lyrics.vue
View File

@ -87,6 +87,12 @@
"
/>
</button-icon>
<button-icon
:title="$t('contextMenu.addToPlaylist')"
@click.native="addToPlaylist"
>
<svg-icon icon-class="plus" />
</button-icon>
<!-- <button-icon @click.native="openMenu" title="Menu"
><svg-icon icon-class="more"
/></button-icon> -->
@ -229,7 +235,9 @@ import { lyricParser } from '@/utils/lyrics';
import ButtonIcon from '@/components/ButtonIcon.vue';
import * as Vibrant from 'node-vibrant/dist/vibrant.worker.min.js';
import Color from 'color';
import { isAccountLoggedIn } from '@/utils/auth';
import { hasListSource, getListSourcePath } from '@/utils/playList';
import locale from '@/locale';
export default {
name: 'Lyrics',
@ -332,8 +340,25 @@ export default {
clearInterval(this.lyricsInterval);
},
methods: {
...mapMutations(['toggleLyrics']),
...mapMutations(['toggleLyrics', 'updateModal']),
...mapActions(['likeATrack']),
addToPlaylist() {
if (!isAccountLoggedIn()) {
this.showToast(locale.t('toast.needToLogin'));
return;
}
this.$store.dispatch('fetchLikedPlaylist');
this.updateModal({
modalName: 'addTrackToPlaylistModal',
key: 'show',
value: true,
});
this.updateModal({
modalName: 'addTrackToPlaylistModal',
key: 'selectedTrackID',
value: this.currentTrack?.id,
});
},
playPrevTrack() {
this.player.playPrevTrack();
},