MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed #41: lazyload track and album images

This commit is contained in:
Eliot Berriot 2017-12-12 23:49:54 +01:00
parent c4ed7513c5
commit cdcfcc1e97
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
4 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/package.json
View File

@ -19,6 +19,7 @@
"lodash": "^4.17.4", "lodash": "^4.17.4",
"semantic-ui-css": "^2.2.10", "semantic-ui-css": "^2.2.10",
"vue": "^2.3.3", "vue": "^2.3.3",
"vue-lazyload": "^1.1.4",
"vue-resource": "^1.3.4", "vue-resource": "^1.3.4",
"vue-router": "^2.3.1", "vue-router": "^2.3.1",
"vuedraggable": "^2.14.1" "vuedraggable": "^2.14.1"

2
front/src/components/audio/album/Card.vue
View File

@ -2,7 +2,7 @@
<div class="ui card"> <div class="ui card">
<div class="content"> <div class="content">
<div class="right floated tiny ui image"> <div class="right floated tiny ui image">
<img v-if="album.cover" :src="backend.absoluteUrl(album.cover)"> <img v-if="album.cover" v-lazy="backend.absoluteUrl(album.cover)">
<img v-else src="../../../assets/audio/default-cover.png"> <img v-else src="../../../assets/audio/default-cover.png">
</div> </div>
<div class="header"> <div class="header">

2
front/src/components/audio/track/Table.vue
View File

@ -16,7 +16,7 @@
<play-button class="basic icon" :discrete="true" :track="track"></play-button> <play-button class="basic icon" :discrete="true" :track="track"></play-button>
</td> </td>
<td> <td>
<img class="ui mini image" v-if="track.album.cover" :src="backend.absoluteUrl(track.album.cover)"> <img class="ui mini image" v-if="track.album.cover" v-lazy="backend.absoluteUrl(track.album.cover)">
<img class="ui mini image" v-else src="../../..//assets/audio/default-cover.png"> <img class="ui mini image" v-else src="../../..//assets/audio/default-cover.png">
</td> </td>
<td colspan="6"> <td colspan="6">

2
front/src/main.js
View File

@ -10,6 +10,7 @@ import App from './App'
import router from './router' import router from './router'
import VueResource from 'vue-resource' import VueResource from 'vue-resource'
import auth from './auth' import auth from './auth'
import VueLazyload from 'vue-lazyload'
window.$ = window.jQuery = require('jquery') window.$ = window.jQuery = require('jquery')
@ -19,6 +20,7 @@ window.$ = window.jQuery = require('jquery')
require('semantic-ui-css/semantic.js') require('semantic-ui-css/semantic.js')
Vue.use(VueResource) Vue.use(VueResource)
Vue.use(VueLazyload)
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.http.interceptors.push(function (request, next) { Vue.http.interceptors.push(function (request, next) {