NoLog.cz/gancio-upstream
6
0
Fork 0
mirror of https://framagit.org/les/gancio.git synced 2025-01-31 16:42:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Revert "use webp in webPreview"

Browse source 
This reverts commit fe66e7c769.
This commit is contained in:
lesion 2022-05-02 16:29:24 +02:00
parent c25b4ce08e
commit 0869e08d9c
No known key found for this signature in database
GPG key ID: 352918250B012177
1 changed files with 9 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
pages/add/MediaInput.vue
View file

@ -34,10 +34,8 @@
v-spacer
v-btn(text color='primary' @click='openMediaDetails = true') {{$t('common.edit')}}
v-btn(text color='error' @click='remove') {{$t('common.remove')}}
div.col-12.ml-3(v-if='mediaPreview')
picture
source(:srcset='mediaPreview("webp")')
img.mediaPreview(:src='mediaPreview("jpg")' :style="{ 'object-position': savedPosition }")
div(v-if='mediaPreview')
img.mediaPreview.col-12.ml-3(:src='mediaPreview' :style="{ 'object-position': savedPosition }")
span.float-right {{event.media[0].name}}
v-file-input(
v-else
@ -67,6 +65,13 @@ export default {
}
},
computed: {
mediaPreview () {
if (!this.value.url && !this.value.image) {
return false
}
const url = this.value.image ? URL.createObjectURL(this.value.image) : /^https?:\/\//.test(this.value.url) ? this.value.url : `/media/thumb/${this.value.url}`
return url
},
top () {
return ((this.focalpoint[1] + 1) * 50) + '%'
},
@ -83,27 +88,6 @@ export default {
}
},
methods: {
mediaPreview (format) {
if (!this.value.url && !this.value.image) {
return false
}
// just uploaded image
if (this.value.image) {
return URL.createObjectURL(this.value.image)
}
// remote image
if (/^https?:\/\//.test(this.value.url)) {
return this.value.url
}
if (format === 'jpg') {
return `/media/thumb/${this.value.url}`
} else {
return `/media/thumb/${this.value.url.replace(/.jpg$/, '.webp')}`
}
},
save () {
this.$emit('input', { url: this.value.url, image: this.value.image, name: this.name || (this.event.title) || '', focalpoint: [...this.focalpoint] })
this.openMediaDetails = false