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

Added explicit icon where missing

Browse Source
This commit is contained in:
RemixDev 2020-05-13 23:20:20 +02:00
parent b28b2e0aee
commit ec914f72e8
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/modules/globals.css
View File

@ -83,6 +83,11 @@ i.disabled {
opacity: 0.5; opacity: 0.5;
} }
i.explicit_icon {
color: #FF3B30;
margin-right: var(--explicit-separator);
}
span.tag { span.tag {
background-color: var(--tag-background); background-color: var(--tag-background);
border-radius: 2px; border-radius: 2px;

28
public/index.html
View File

@ -120,7 +120,10 @@ <h2>Start searching!</h2>
<td style="width: 48px; text-align: center;"><img class="rounded coverart" <td style="width: 48px; text-align: center;"><img class="rounded coverart"
:src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'"> :src="'https://e-cdns-images.dzcdn.net/images/cover/'+track.ALB_PICTURE+'/32x32-000000-80-0-0.jpg'">
</td> </td>
<td class="breakline">{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}</td> <td class="breakline inline-flex">
<i v-if="track.EXPLICIT_LYRICS == 1" class="material-icons explicit_icon">explicit</i>
{{track.SNG_TITLE + (track.VERSION ? ' '+track.VERSION : '')}}
</td>
<td class="breakline"><span class="clickable" @click="artistView" :data-id="artist.ART_ID" <td class="breakline"><span class="clickable" @click="artistView" :data-id="artist.ART_ID"
v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span> v-for="artist in track.ARTISTS">{{artist.ART_NAME}} </span>
</td> </td>
@ -158,7 +161,10 @@ <h2>Start searching!</h2>
@click.stop="addToQueue" :data-link="'https://deezer.com/album/'+release.ALB_ID" @click.stop="addToQueue" :data-link="'https://deezer.com/album/'+release.ALB_ID"
class="download_overlay"><i class="material-icons">get_app</i></div> class="download_overlay"><i class="material-icons">get_app</i></div>
</div> </div>
<p class="primary-text">{{release.ALB_TITLE}}</p> <p class="primary-text inline-flex">
<i v-if="release.EXPLICIT_ALBUM_CONTENT.EXPLICIT_LYRICS_STATUS == 1" class="material-icons explicit_icon">explicit</i>
{{release.ALB_TITLE}}
</p>
<p class="secondary-text">{{release.ART_NAME+' - '+release.NUMBER_TRACK+' tracks'}}</p> <p class="secondary-text">{{release.ART_NAME+' - '+release.NUMBER_TRACK+' tracks'}}</p>
</div> </div>
</div> </div>
@ -208,7 +214,8 @@ <h1>No Tracks found</h1>
class="material-icons preview_controls">play_arrow</i><img class="rounded coverart" class="material-icons preview_controls">play_arrow</i><img class="rounded coverart"
:src="track.album.cover_small"> :src="track.album.cover_small">
</td> </td>
<td class="breakline"> <td class="breakline inline-flex">
<i v-if="track.explicit_lyrics" class="material-icons explicit_icon">explicit</i>
{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }} {{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }}
</td> </td>
<td class="breakline clickable" @click="artistView" :data-id="track.artist.id"> <td class="breakline clickable" @click="artistView" :data-id="track.artist.id">
@ -240,7 +247,10 @@ <h1>No Albums found</h1>
@click.stop="addToQueue" :data-link="release.link" class="download_overlay"><i @click.stop="addToQueue" :data-link="release.link" class="download_overlay"><i
class="material-icons">get_app</i></div> class="material-icons">get_app</i></div>
</div> </div>
<p class="primary-text">{{ release.title }}</p> <p class="primary-text inline-flex">
<i v-if="release.explicit_lyrics" class="material-icons explicit_icon">explicit</i>
{{ release.title }}
</p>
<p class="secondary-text">{{ 'by '+release.artist.name+' - '+release.nb_tracks+' tracks' }}</p> <p class="secondary-text">{{ 'by '+release.artist.name+' - '+release.nb_tracks+' tracks' }}</p>
</div> </div>
</div> </div>
@ -1009,8 +1019,7 @@ <h1>{{ title }}</h1>
<td class="inline-flex clickable" @click="albumView" :data-id="release.id"> <td class="inline-flex clickable" @click="albumView" :data-id="release.id">
<img class="rounded coverart" :src="release.cover_small" <img class="rounded coverart" :src="release.cover_small"
style="margin-right: 16px; width: 56px; height: 56px;" /> style="margin-right: 16px; width: 56px; height: 56px;" />
<i v-if="release.explicit_lyrics" class="material-icons" data-tooltip="Explicit" <i v-if="release.explicit_lyrics" class="material-icons explicit_icon">explicit</i>
style="color:#FF3B30;">explicit</i>
{{release.title}} {{release.title}}
<i v-if="checkNewRelease(release.release_date)" class="material-icons" <i v-if="checkNewRelease(release.release_date)" class="material-icons"
style="color:#FF7300;">fiber_new</i> style="color:#FF7300;">fiber_new</i>
@ -1057,7 +1066,7 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
<i v-else class="material-icons disabled">play_arrow</i> <i v-else class="material-icons disabled">play_arrow</i>
</td> </td>
<td class="track_position">{{ track.track_position }}</td> <td class="track_position">{{ track.track_position }}</td>
<td> <td class="inline-flex">
<i v-if="track.explicit_lyrics" class="material-icons explicit_icon">explicit</i> <i v-if="track.explicit_lyrics" class="material-icons explicit_icon">explicit</i>
{{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }} {{ track.title + (track.title_version && track.title.indexOf(track.title_version) == -1 ? ' '+ track.title_version : '') }}
</td> </td>
@ -1083,8 +1092,9 @@ <h2 class="inline-flex"><span v-if="metadata">{{ metadata }}</span><span class="
<i v-else class="material-icons disabled">play_arrow</i> <i v-else class="material-icons disabled">play_arrow</i>
</td> </td>
<td>{{ i+1 }}</td> <td>{{ i+1 }}</td>
<td class="inline-flex"><i v-if="track.explicit" <td class="inline-flex">
class="material-icons">explicit</i>{{ track.name }} <i v-if="track.explicit" class="material-icons explicit_icon">explicit</i>
{{ track.name }}
</td> </td>
<td>{{ track.artists[0].name }}</td> <td>{{ track.artists[0].name }}</td>
<td>{{ track.album.name }}</td> <td>{{ track.album.name }}</td>