Skip to content
Snippets Groups Projects
Commit 8c3c1979 authored by Ciarán Ainsworth's avatar Ciarán Ainsworth
Browse files

Resolve "Add alt tags to existing images"

parent 0a93aec8
Branches
Tags
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 50 additions and 46 deletions
front/src/components/Queue.vue
+ 6
− 6
View file @ 8c3c1979
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
<div class="ui six wide column current-track"> <div class="ui six wide column current-track">
<div class="ui basic segment" id="player"> <div class="ui basic segment" id="player">
<template v-if="currentTrack"> <template v-if="currentTrack">
<img ref="cover" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)"> <img ref="cover" alt="" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)">
<img ref="cover" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)"> <img ref="cover" alt="" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)">
<img class="ui image" v-else src="../assets/audio/default-cover.png"> <img class="ui image" alt="" v-else src="../assets/audio/default-cover.png">
<h1 class="ui header"> <h1 class="ui header">
<div class="content ellipsis"> <div class="content ellipsis">
<router-link class="small header discrete link track" :to="{name: 'library.tracks.detail', params: {id: currentTrack.id }}"> <router-link class="small header discrete link track" :to="{name: 'library.tracks.detail', params: {id: currentTrack.id }}">
...@@ -159,9 +159,9 @@ ...@@ -159,9 +159,9 @@
<i class="grip lines icon"></i> <i class="grip lines icon"></i>
</td> </td>
<td class="image-cell" @click="$store.dispatch('queue/currentIndex', index)"> <td class="image-cell" @click="$store.dispatch('queue/currentIndex', index)">
<img class="ui mini image" v-if="track.cover && track.cover.original" :src="$store.getters['instance/absoluteUrl'](track.cover.medium_square_crop)"> <img class="ui mini image" alt="" v-if="track.cover && track.cover.original" :src="$store.getters['instance/absoluteUrl'](track.cover.medium_square_crop)">
<img class="ui mini image" v-else-if="track.album && track.album.cover && track.album.cover.original" :src="$store.getters['instance/absoluteUrl'](track.album.cover.medium_square_crop)"> <img class="ui mini image" alt="" v-else-if="track.album && track.album.cover && track.album.cover.original" :src="$store.getters['instance/absoluteUrl'](track.album.cover.medium_square_crop)">
<img class="ui mini image" v-else src="../assets/audio/default-cover.png"> <img class="ui mini image" alt="" v-else src="../assets/audio/default-cover.png">
</td> </td>
<td colspan="3" @click="$store.dispatch('queue/currentIndex', index)"> <td colspan="3" @click="$store.dispatch('queue/currentIndex', index)">
<button class="title reset ellipsis" :title="track.title" :aria-label="labels.selectTrack"> <button class="title reset ellipsis" :title="track.title" :aria-label="labels.selectTrack">
......
front/src/components/Sidebar.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
</i> </i>
</router-link> </router-link>
<router-link v-if="!$store.state.auth.authenticated" class="logo-wrapper" :to="{name: logoUrl}" :title="'Funkwhale'"> <router-link v-if="!$store.state.auth.authenticated" class="logo-wrapper" :to="{name: logoUrl}" :title="'Funkwhale'">
<img src="../assets/logo/text-white.svg" /> <img src="../assets/logo/text-white.svg" alt="" />
</router-link> </router-link>
<nav class="top ui compact right aligned inverted text menu"> <nav class="top ui compact right aligned inverted text menu">
<template v-if="$store.state.auth.authenticated"> <template v-if="$store.state.auth.authenticated">
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
</router-link> </router-link>
<div class="item"> <div class="item">
<div class="ui user-dropdown dropdown" > <div class="ui user-dropdown dropdown" >
<img class="ui avatar image" v-if="$store.state.auth.profile.avatar && $store.state.auth.profile.avatar.square_crop" :src="$store.getters['instance/absoluteUrl']($store.state.auth.profile.avatar.square_crop)" /> <img class="ui avatar image" alt="" v-if="$store.state.auth.profile.avatar && $store.state.auth.profile.avatar.square_crop" :src="$store.getters['instance/absoluteUrl']($store.state.auth.profile.avatar.square_crop)" />
<actor-avatar v-else :actor="{preferred_username: $store.state.auth.username, full_username: $store.state.auth.username}" /> <actor-avatar v-else :actor="{preferred_username: $store.state.auth.username, full_username: $store.state.auth.username}" />
<div class="menu"> <div class="menu">
<router-link class="item" :to="{name: 'profile.overview', params: {username: $store.state.auth.username}}"><translate translate-context="*/*/*/Noun">Profile</translate></router-link> <router-link class="item" :to="{name: 'profile.overview', params: {username: $store.state.auth.username}}"><translate translate-context="*/*/*/Noun">Profile</translate></router-link>
......
front/src/components/admin/SettingsGroup.vue
+ 1
− 1
View file @ 8c3c1979
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<div v-if="values[setting.identifier]"> <div v-if="values[setting.identifier]">
<div class="ui hidden divider"></div> <div class="ui hidden divider"></div>
<h3 class="ui header"><translate translate-context="Content/Settings/Title/Noun">Current image</translate></h3> <h3 class="ui header"><translate translate-context="Content/Settings/Title/Noun">Current image</translate></h3>
<img class="ui image" v-if="values[setting.identifier]" :src="$store.getters['instance/absoluteUrl'](values[setting.identifier])" /> <img class="ui image" alt="" v-if="values[setting.identifier]" :src="$store.getters['instance/absoluteUrl'](values[setting.identifier])" />
</div> </div>
</div> </div>
</div> </div>
......
front/src/components/audio/ArtistLabel.vue
+ 1
− 1
View file @ 8c3c1979
<template> <template>
<router-link class="artist-label ui image label" :to="route"> <router-link class="artist-label ui image label" :to="route">
<img :class="[{circular: artist.content_category != 'podcast'}]" v-if="artist.cover && artist.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](artist.cover.small_square_crop)" /> <img :class="[{circular: artist.content_category != 'podcast'}]" alt="" v-if="artist.cover && artist.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](artist.cover.small_square_crop)" />
<i :class="[artist.content_category != 'podcast' ? 'circular' : 'bordered', 'inverted violet users icon']" v-else /> <i :class="[artist.content_category != 'podcast' ? 'circular' : 'bordered', 'inverted violet users icon']" v-else />
{{ artist.name }} {{ artist.name }}
</router-link> </router-link>
......
front/src/components/audio/ChannelEntryCard.vue
+ 3
− 0
View file @ 8c3c1979
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
</div> </div>
<img <img
@click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})" @click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})"
alt=""
class="channel-image image" class="channel-image image"
v-if="cover && cover.original" v-if="cover && cover.original"
v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)"> v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)">
...@@ -14,11 +15,13 @@ ...@@ -14,11 +15,13 @@
v-else-if="entry.artist.content_category === 'podcast'">#{{ entry.position }}</span> v-else-if="entry.artist.content_category === 'podcast'">#{{ entry.position }}</span>
<img <img
@click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})" @click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})"
alt=""
class="channel-image image" class="channel-image image"
v-else-if="entry.album && entry.album.cover && entry.album.cover.original" v-else-if="entry.album && entry.album.cover && entry.album.cover.original"
v-lazy="$store.getters['instance/absoluteUrl'](entry.album.cover.square_crop)"> v-lazy="$store.getters['instance/absoluteUrl'](entry.album.cover.square_crop)">
<img <img
@click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})" @click="$router.push({name: 'library.tracks.detail', params: {id: entry.id}})"
alt=""
class="channel-image image" class="channel-image image"
v-else v-else
src="../../assets/audio/default-cover.png"> src="../../assets/audio/default-cover.png">
......
front/src/components/audio/ChannelSerieCard.vue
+ 4
− 4
View file @ 8c3c1979
<template> <template>
<div class="channel-serie-card"> <div class="channel-serie-card">
<div class="two-images"> <div class="two-images">
<img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" v-if="cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)"> <img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" alt="" v-if="cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)">
<img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" v-else src="../../assets/audio/default-cover.png"> <img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" alt="" v-else src="../../assets/audio/default-cover.png">
<img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" v-if="cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)"> <img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" alt="" v-if="cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)">
<img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" v-else src="../../assets/audio/default-cover.png"> <img @click="$router.push({name: 'library.albums.detail', params: {id: serie.id}})" class="channel-image" alt="" v-else src="../../assets/audio/default-cover.png">
</div> </div>
<div class="content ellipsis"> <div class="content ellipsis">
<strong> <strong>
......
front/src/components/audio/Player.vue
+ 6
− 6
View file @ 8c3c1979
...@@ -10,9 +10,9 @@ ...@@ -10,9 +10,9 @@
<div class="controls track-controls queue-not-focused desktop-and-up"> <div class="controls track-controls queue-not-focused desktop-and-up">
<div class="ui tiny image" @click.stop.prevent="$router.push({name: 'library.tracks.detail', params: {id: currentTrack.id }})"> <div class="ui tiny image" @click.stop.prevent="$router.push({name: 'library.tracks.detail', params: {id: currentTrack.id }})">
<img ref="cover" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)"> <img ref="cover" alt="" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)">
<img ref="cover" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)"> <img ref="cover" alt="" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)">
<img v-else src="../../assets/audio/default-cover.png"> <img v-else src="../../assets/audio/default-cover.png" alt="">
</div> </div>
<div @click.stop.prevent="" class="middle aligned content ellipsis"> <div @click.stop.prevent="" class="middle aligned content ellipsis">
<strong> <strong>
...@@ -30,9 +30,9 @@ ...@@ -30,9 +30,9 @@
</div> </div>
<div class="controls track-controls queue-not-focused tablet-and-below"> <div class="controls track-controls queue-not-focused tablet-and-below">
<div class="ui tiny image"> <div class="ui tiny image">
<img ref="cover" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)"> <img ref="cover" alt="" v-if="currentTrack.cover && currentTrack.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.cover.medium_square_crop)">
<img ref="cover" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)"> <img ref="cover" alt="" v-else-if="currentTrack.album && currentTrack.album.cover && currentTrack.album.cover.original" :src="$store.getters['instance/absoluteUrl'](currentTrack.album.cover.medium_square_crop)">
<img v-else src="../../assets/audio/default-cover.png"> <img v-else src="../../assets/audio/default-cover.png" alt="">
</div> </div>
<div class="middle aligned content ellipsis"> <div class="middle aligned content ellipsis">
<strong> <strong>
......
front/src/components/audio/track/Row.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<play-button :class="['basic', {vibrant: currentTrack && isPlaying && track.id === currentTrack.id}, 'icon']" :discrete="true" :is-playable="playable" :track="track"></play-button> <play-button :class="['basic', {vibrant: currentTrack && isPlaying && track.id === currentTrack.id}, 'icon']" :discrete="true" :is-playable="playable" :track="track"></play-button>
</td> </td>
<td> <td>
<img class="ui mini image" v-if="track.album && track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](track.album.cover.small_square_crop)"> <img class="ui mini image" alt="" v-if="track.album && track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](track.album.cover.small_square_crop)">
<img class="ui mini image" v-else src="../../../assets/audio/default-cover.png"> <img class="ui mini image" alt="" v-else src="../../../assets/audio/default-cover.png">
</td> </td>
<td colspan="6"> <td colspan="6">
<router-link class="track" :to="{name: 'library.tracks.detail', params: {id: track.id }}"> <router-link class="track" :to="{name: 'library.tracks.detail', params: {id: track.id }}">
......
front/src/components/audio/track/Widget.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -7,8 +7,8 @@ ...@@ -7,8 +7,8 @@
<div v-if="count > 0" class="ui divided unstackable items"> <div v-if="count > 0" class="ui divided unstackable items">
<div :class="['item', itemClasses]" v-for="object in objects" :key="object.id"> <div :class="['item', itemClasses]" v-for="object in objects" :key="object.id">
<div class="ui tiny image"> <div class="ui tiny image">
<img v-if="object.track.album && object.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.medium_square_crop)"> <img alt="" v-if="object.track.album && object.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.track.album.cover.medium_square_crop)">
<img v-else src="../../../assets/audio/default-cover.png"> <img alt="" v-else src="../../../assets/audio/default-cover.png">
<play-button class="play-overlay" :icon-only="true" :button-classes="['ui', 'circular', 'tiny', 'vibrant', 'icon', 'button']" :track="object.track"></play-button> <play-button class="play-overlay" :icon-only="true" :button-classes="['ui', 'circular', 'tiny', 'vibrant', 'icon', 'button']" :track="object.track"></play-button>
</div> </div>
<div class="middle aligned content"> <div class="middle aligned content">
......
front/src/components/common/ActorAvatar.vue
+ 1
− 1
View file @ 8c3c1979
<template> <template>
<img v-if="actor.icon && actor.icon.original" :src="actor.icon.small_square_crop" class="ui avatar circular image" /> <img alt="" v-if="actor.icon && actor.icon.original" :src="actor.icon.small_square_crop" class="ui avatar circular image" />
<span v-else :style="defaultAvatarStyle" class="ui avatar circular label">{{ actor.preferred_username[0]}}</span> <span v-else :style="defaultAvatarStyle" class="ui avatar circular label">{{ actor.preferred_username[0]}}</span>
</template> </template>
......
front/src/components/common/AttachmentInput.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -12,8 +12,8 @@ ...@@ -12,8 +12,8 @@
</span> </span>
<div class="ui stackable grid row"> <div class="ui stackable grid row">
<div class="three wide column"> <div class="three wide column">
<img :class="['ui', imageClass, 'image']" v-if="value && value === initialValue" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${value}/proxy?next=medium_square_crop`)" /> <img alt="" :class="['ui', imageClass, 'image']" v-if="value && value === initialValue" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${value}/proxy?next=medium_square_crop`)" />
<img :class="['ui', imageClass, 'image']" v-else-if="attachment" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${attachment.uuid}/proxy?next=medium_square_crop`)" /> <img alt="" :class="['ui', imageClass, 'image']" v-else-if="attachment" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${attachment.uuid}/proxy?next=medium_square_crop`)" />
<div :class="['ui', imageClass, 'static', 'large placeholder image']" v-else></div> <div :class="['ui', imageClass, 'static', 'large placeholder image']" v-else></div>
</div> </div>
<div class="eleven wide column"> <div class="eleven wide column">
......
front/src/components/common/UserLink.vue
+ 1
− 0
View file @ 8c3c1979
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<template v-if="avatar"> <template v-if="avatar">
<img <img
class="ui tiny circular avatar" class="ui tiny circular avatar"
alt=""
v-if="user.avatar && user.avatar.small_square_crop" v-if="user.avatar && user.avatar.small_square_crop"
v-lazy="$store.getters['instance/absoluteUrl'](user.avatar.small_square_crop)" /> v-lazy="$store.getters['instance/absoluteUrl'](user.avatar.small_square_crop)" />
<span v-else :style="defaultAvatarStyle" class="ui circular label">{{ user.username[0]}}</span> <span v-else :style="defaultAvatarStyle" class="ui circular label">{{ user.username[0]}}</span>
......
front/src/components/library/AlbumBase.vue
+ 6
− 6
View file @ 8c3c1979
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
<div class="ui two column grid" v-if="isSerie"> <div class="ui two column grid" v-if="isSerie">
<div class="column"> <div class="column">
<div class="large two-images"> <div class="large two-images">
<img class="channel-image" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)"> <img class="channel-image" alt="" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)">
<img class="channel-image" v-else src="../../assets/audio/default-cover.png"> <img class="channel-image" alt="" v-else src="../../assets/audio/default-cover.png">
<img class="channel-image" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)"> <img class="channel-image" alt="" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)">
<img class="channel-image" v-else src="../../assets/audio/default-cover.png"> <img class="channel-image" alt="" v-else src="../../assets/audio/default-cover.png">
</div> </div>
</div> </div>
<div class="ui column right aligned"> <div class="ui column right aligned">
...@@ -53,8 +53,8 @@ ...@@ -53,8 +53,8 @@
</header> </header>
</div> </div>
<div v-else class="ui center aligned text padded basic segment"> <div v-else class="ui center aligned text padded basic segment">
<img class="channel-image" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)"> <img class="channel-image" alt="" v-if="object.cover && object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)">
<img class="channel-image" v-else src="../../assets/audio/default-cover.png"> <img class="channel-image" alt="" v-else src="../../assets/audio/default-cover.png">
<div class="ui hidden divider"></div> <div class="ui hidden divider"></div>
<header> <header>
<h2 class="ui header" :title="object.title"> <h2 class="ui header" :title="object.title">
......
front/src/components/library/EditCard.vue
+ 3
− 3
View file @ 8c3c1979
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<td v-if="field.diff"> <td v-if="field.diff">
<template v-if="field.config.type === 'attachment' && field.oldRepr"> <template v-if="field.config.type === 'attachment' && field.oldRepr">
<img class="ui image" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.oldRepr}/proxy?next=medium_square_crop`)" /> <img class="ui image" alt="" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.oldRepr}/proxy?next=medium_square_crop`)" />
</template> </template>
<template v-else> <template v-else>
<span v-if="!part.added" v-for="part in field.diff" :class="['diff', {removed: part.removed}]"> <span v-if="!part.added" v-for="part in field.diff" :class="['diff', {removed: part.removed}]">
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<td v-if="field.diff" :title="field.newRepr"> <td v-if="field.diff" :title="field.newRepr">
<template v-if="field.config.type === 'attachment' && field.newRepr"> <template v-if="field.config.type === 'attachment' && field.newRepr">
<img class="ui image" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.newRepr}/proxy?next=medium_square_crop`)" /> <img class="ui image" alt="" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.newRepr}/proxy?next=medium_square_crop`)" />
</template> </template>
<template v-else> <template v-else>
<span v-if="!part.removed" v-for="part in field.diff" :class="['diff', {added: part.added}]"> <span v-if="!part.removed" v-for="part in field.diff" :class="['diff', {added: part.added}]">
...@@ -78,7 +78,7 @@ ...@@ -78,7 +78,7 @@
</td> </td>
<td v-else :title="field.newRepr"> <td v-else :title="field.newRepr">
<template v-if="field.config.type === 'attachment' && field.newRepr"> <template v-if="field.config.type === 'attachment' && field.newRepr">
<img class="ui image" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.newRepr}/proxy?next=medium_square_crop`)" /> <img class="ui image" alt="" :src="$store.getters['instance/absoluteUrl'](`api/v1/attachments/${field.newRepr}/proxy?next=medium_square_crop`)" />
</template> </template>
<template v-else> <template v-else>
{{ field.newRepr }} {{ field.newRepr }}
......
front/src/components/library/TrackDetail.vue
+ 1
− 1
View file @ 8c3c1979
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<section class="ui vertical stripe segment"> <section class="ui vertical stripe segment">
<div class="ui stackable grid row container"> <div class="ui stackable grid row container">
<div class="six wide column"> <div class="six wide column">
<img class="image" v-if="cover && cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)"> <img class="image" alt="" v-if="cover && cover.original" v-lazy="$store.getters['instance/absoluteUrl'](cover.square_crop)">
<template v-if="upload"> <template v-if="upload">
<h3 class="ui header"> <h3 class="ui header">
<translate key="1" v-if="track.artist.content_category === 'music'" translate-context="Content/*/*">Track Details</translate> <translate key="1" v-if="track.artist.content_category === 'music'" translate-context="Content/*/*">Track Details</translate>
......
front/src/components/playlists/Card.vue
+ 1
− 1
View file @ 8c3c1979
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div <div
@click="$router.push({name: 'library.playlists.detail', params: {id: playlist.id }})" @click="$router.push({name: 'library.playlists.detail', params: {id: playlist.id }})"
:class="['ui', 'head-image', 'squares']"> :class="['ui', 'head-image', 'squares']">
<img v-lazy="url" v-for="(url, idx) in images" :key="idx" /> <img alt="" v-lazy="url" v-for="(url, idx) in images" :key="idx" />
<play-button :icon-only="true" :is-playable="playlist.is_playable" :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']" :playlist="playlist"></play-button> <play-button :icon-only="true" :is-playable="playlist.is_playable" :button-classes="['ui', 'circular', 'large', 'vibrant', 'icon', 'button']" :playlist="playlist"></play-button>
</div> </div>
<div class="content"> <div class="content">
......
front/src/components/playlists/Editor.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -64,8 +64,8 @@ ...@@ -64,8 +64,8 @@
<tr v-for="(plt, index) in plts" :key="`${index}-${plt.track.id}`"> <tr v-for="(plt, index) in plts" :key="`${index}-${plt.track.id}`">
<td class="left aligned">{{ plt.index + 1}}</td> <td class="left aligned">{{ plt.index + 1}}</td>
<td class="center aligned"> <td class="center aligned">
<img class="ui mini image" v-if="plt.track.album && plt.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](plt.track.album.cover.small_square_crop)"> <img alt="" class="ui mini image" v-if="plt.track.album && plt.track.album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](plt.track.album.cover.small_square_crop)">
<img class="ui mini image" v-else src="../../assets/audio/default-cover.png"> <img alt="" class="ui mini image" v-else src="../../assets/audio/default-cover.png">
</td> </td>
<td colspan="4"> <td colspan="4">
<strong>{{ plt.track.title }}</strong><br /> <strong>{{ plt.track.title }}</strong><br />
......
front/src/views/admin/ChannelDetail.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<div class="ui column"> <div class="ui column">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui header"> <h2 class="ui header">
<img v-if="object.artist.cover && object.artist.cover.square_crop" v-lazy="$store.getters['instance/absoluteUrl'](object.artist.cover.square_crop)"> <img alt="" v-if="object.artist.cover && object.artist.cover.square_crop" v-lazy="$store.getters['instance/absoluteUrl'](object.artist.cover.square_crop)">
<img v-else src="../../assets/audio/default-cover.png"> <img alt="" v-else src="../../assets/audio/default-cover.png">
<div class="content"> <div class="content">
{{ object.artist.name | truncate(100) }} {{ object.artist.name | truncate(100) }}
<div class="sub header"> <div class="sub header">
......
front/src/views/admin/library/AlbumDetail.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<div class="ui column"> <div class="ui column">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui header"> <h2 class="ui header">
<img v-if="object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)"> <img alt="" v-if="object.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)">
<img v-else src="../../../assets/audio/default-cover.png"> <img alt="" v-else src="../../../assets/audio/default-cover.png">
<div class="content"> <div class="content">
{{ object.title | truncate(100) }} {{ object.title | truncate(100) }}
<div class="sub header"> <div class="sub header">
......
front/src/views/admin/library/ArtistDetail.vue
+ 2
− 2
View file @ 8c3c1979
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<div class="ui column"> <div class="ui column">
<div class="segment-content"> <div class="segment-content">
<h2 class="ui header"> <h2 class="ui header">
<img v-if="object.cover && object.cover.square_crop" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)"> <img alt="" v-if="object.cover && object.cover.square_crop" v-lazy="$store.getters['instance/absoluteUrl'](object.cover.square_crop)">
<img v-else src="../../../assets/audio/default-cover.png"> <img alt="" v-else src="../../../assets/audio/default-cover.png">
<div class="content"> <div class="content">
{{ object.name | truncate(100) }} {{ object.name | truncate(100) }}
<div class="sub header"> <div class="sub header">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment