girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 21:28:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: player component i18n support (#25)

Browse source 
* feat: add config to resolve path alias.

* feat: use vue-i18n for language switch

* feat: add .editorconfig for ide

* fix: add no-referrer to avoid CROB

* fix: setCookie and fix typo

* feat: integrate vue-i18n

* feat: player component i18n support
This commit is contained in:
Hawtim Zhang 2020-10-20 08:56:25 +08:00 • committed by GitHub
parent ecee495a18
commit 88c470278f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/ContextMenu.vue
View file

@ -25,7 +25,7 @@ export default {
};
},
methods: {
setMenu: function(top, left) {
setMenu(top, left) {
let largestHeight =
window.innerHeight - this.$refs.menu.offsetHeight - 25;
let largestWidth = window.innerWidth - this.$refs.menu.offsetWidth - 25;
@ -35,11 +35,11 @@ export default {
this.left = left + "px";
},
closeMenu: function() {
closeMenu() {
this.showMenu = false;
},
openMenu: function(e) {
openMenu(e) {
this.showMenu = true;
this.$nextTick(
function() {

16
src/components/Player.vue
View file

@ -37,7 +37,7 @@
</div>
</div>
<div class="like-button" v-show="isLoggedIn">
<button-icon @click.native="likeCurrentSong">
<button-icon @click.native="likeCurrentSong" :title="$t('player.like')">
<svg-icon
icon-class="heart"
v-show="!liked.songs.includes(currentTrack.id)"
@ -50,29 +50,29 @@
</div>
</div>
<div class="middle-control-buttons">
<button-icon @click.native="previous" title="Previous Song"
<button-icon @click.native="previous" :title="$t('player.previous')"
><svg-icon icon-class="previous"
/></button-icon>
<button-icon
class="play"
@click.native="play"
:title="playing ? 'Pause' : 'Play'"
:title="playing ? $t('player.pause') : $t('player.play')"
>
<svg-icon :iconClass="playing ? 'pause' : 'play'"
/></button-icon>
<button-icon @click.native="next" title="Next Song"
<button-icon @click.native="next" :title="$t('player.next')"
><svg-icon icon-class="next"
/></button-icon>
</div>
<div class="right-control-buttons">
<button-icon
@click.native="goToNextTracksPage"
title="Next Up"
:title="$t('player.nextUp')"
:class="{ active: this.$route.name === 'next' }"
><svg-icon icon-class="list"
/></button-icon>
<button-icon
title="Repeat"
:title="$t('player.repeat')"
@click.native="repeat"
:class="{ active: player.repeat !== 'off' }"
>
@ -82,11 +82,11 @@
<button-icon
@click.native="shuffle"
:class="{ active: player.shuffle }"
title="Shuffle"
:title="$t('player.shuffle')"
><svg-icon icon-class="shuffle"
/></button-icon>
<div class="volume-control">
<button-icon title="Mute" @click.native="mute">
<button-icon :title="$t('player.mute')" @click.native="mute">
<svg-icon icon-class="volume" v-show="volume > 0.5" />
<svg-icon icon-class="volume-mute" v-show="volume === 0" />
<svg-icon