evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed all download_overlay buttons to actual buttons

Browse Source
This commit is contained in:
RemixDev 2020-09-23 18:00:52 +02:00
parent 4ece538746
commit 53735647f9
6 changed files with 38 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

20
src/components/TheFavoritesTab.vue
View File

@ -32,15 +32,16 @@
<div v-for="release in playlists" class="release clickable" @click="playlistView" :data-id="release.id"> <div v-for="release in playlists" class="release clickable" @click="playlistView" :data-id="release.id">
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.title }}</p> <p class="primary-text">{{ release.title }}</p>
<p class="secondary-text"> <p class="secondary-text">
@ -60,15 +61,16 @@
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.title }}</p> <p class="primary-text">{{ release.title }}</p>
<p class="secondary-text"> <p class="secondary-text">
@ -91,15 +93,16 @@
<div v-for="release in albums" class="release clickable" @click="albumView" :data-id="release.id"> <div v-for="release in albums" class="release clickable" @click="albumView" :data-id="release.id">
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.title }}</p> <p class="primary-text">{{ release.title }}</p>
<p class="secondary-text">{{ `${$t('globals.by', { artist: release.artist.name })}` }}</p> <p class="secondary-text">{{ `${$t('globals.by', { artist: release.artist.name })}` }}</p>
@ -115,15 +118,16 @@
<div v-for="release in artists" class="release clickable" @click="artistView" :data-id="release.id"> <div v-for="release in artists" class="release clickable" @click="artistView" :data-id="release.id">
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="circle coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="circle coverart" :src="release.picture_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.name }}</p> <p class="primary-text">{{ release.name }}</p>
</div> </div>

7
src/components/search/ResultsAlbums.vue
View File

@ -13,15 +13,16 @@
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text inline-flex"> <p class="primary-text inline-flex">
<i v-if="release.explicit_lyrics" class="material-icons explicit_icon">explicit</i> <i v-if="release.explicit_lyrics" class="material-icons explicit_icon">explicit</i>
@ -48,4 +49,4 @@ export default {
BaseLoadingPlaceholder BaseLoadingPlaceholder
} }
} }
</script> </script>

22
src/components/search/ResultsAll.vue
View File

@ -27,15 +27,16 @@
:src="results.allTab.TOP_RESULT[0].picture" :src="results.allTab.TOP_RESULT[0].picture"
:class="(results.allTab.TOP_RESULT[0].type == 'artist' ? 'circle' : 'rounded') + ' coverart'" :class="(results.allTab.TOP_RESULT[0].type == 'artist' ? 'circle' : 'rounded') + ' coverart'"
/> />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="results.allTab.TOP_RESULT[0].link" :data-link="results.allTab.TOP_RESULT[0].link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<div class="info_box"> <div class="info_box">
<p class="primary-text">{{ results.allTab.TOP_RESULT[0].title }}</p> <p class="primary-text">{{ results.allTab.TOP_RESULT[0].title }}</p>
@ -118,15 +119,16 @@
'https://e-cdns-images.dzcdn.net/images/artist/' + release.ART_PICTURE + '/156x156-000000-80-0-0.jpg' 'https://e-cdns-images.dzcdn.net/images/artist/' + release.ART_PICTURE + '/156x156-000000-80-0-0.jpg'
" "
/> />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="'https://deezer.com/artist/' + release.ART_ID" :data-link="'https://deezer.com/artist/' + release.ART_ID"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.ART_NAME }}</p> <p class="primary-text">{{ release.ART_NAME }}</p>
<p class="secondary-text">{{ $t('search.fans', { n: $n(release.NB_FAN) }) }}</p> <p class="secondary-text">{{ $t('search.fans', { n: $n(release.NB_FAN) }) }}</p>
@ -147,15 +149,16 @@
'https://e-cdns-images.dzcdn.net/images/cover/' + release.ALB_PICTURE + '/156x156-000000-80-0-0.jpg' 'https://e-cdns-images.dzcdn.net/images/cover/' + release.ALB_PICTURE + '/156x156-000000-80-0-0.jpg'
" "
/> />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="'https://deezer.com/album/' + release.ALB_ID" :data-link="'https://deezer.com/album/' + release.ALB_ID"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text inline-flex"> <p class="primary-text inline-flex">
<i <i
@ -189,15 +192,16 @@
'/156x156-000000-80-0-0.jpg' '/156x156-000000-80-0-0.jpg'
" "
/> />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="'https://deezer.com/playlist/' + release.PLAYLIST_ID" :data-link="'https://deezer.com/playlist/' + release.PLAYLIST_ID"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.TITLE }}</p> <p class="primary-text">{{ release.TITLE }}</p>
<p class="secondary-text">{{ $tc('globals.listTabs.trackN', release.NB_SONG) }}</p> <p class="secondary-text">{{ $tc('globals.listTabs.trackN', release.NB_SONG) }}</p>
@ -231,4 +235,4 @@ export default {
convertDuration convertDuration
} }
} }
</script> </script>

7
src/components/search/ResultsArtists.vue
View File

@ -13,15 +13,16 @@
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="circle coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="circle coverart" :src="release.picture_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.name }}</p> <p class="primary-text">{{ release.name }}</p>
<p class="secondary-text">{{ $tc('globals.listTabs.releaseN', release.nb_album) }}</p> <p class="secondary-text">{{ $tc('globals.listTabs.releaseN', release.nb_album) }}</p>
@ -39,4 +40,4 @@ export default {
BaseLoadingPlaceholder BaseLoadingPlaceholder
} }
} }
</script> </script>

7
src/components/search/ResultsPlaylists.vue
View File

@ -13,15 +13,16 @@
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" />
<div <button
role="button" role="button"
aria-label="download" aria-label="download"
@click.stop="$emit('add-to-queue', $event)" @click.stop="$emit('add-to-queue', $event)"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </button>
</div> </div>
<p class="primary-text">{{ release.title }}</p> <p class="primary-text">{{ release.title }}</p>
<p class="secondary-text"> <p class="secondary-text">
@ -43,4 +44,4 @@ export default {
BaseLoadingPlaceholder BaseLoadingPlaceholder
} }
} }
</script> </script>