Revert "use webp in webPreview"

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

View file

@ -34,10 +34,8 @@
v-spacer v-spacer
v-btn(text color='primary' @click='openMediaDetails = true') {{$t('common.edit')}} v-btn(text color='primary' @click='openMediaDetails = true') {{$t('common.edit')}}
v-btn(text color='error' @click='remove') {{$t('common.remove')}} v-btn(text color='error' @click='remove') {{$t('common.remove')}}
div.col-12.ml-3(v-if='mediaPreview') div(v-if='mediaPreview')
picture img.mediaPreview.col-12.ml-3(:src='mediaPreview' :style="{ 'object-position': savedPosition }")
source(:srcset='mediaPreview("webp")')
img.mediaPreview(:src='mediaPreview("jpg")' :style="{ 'object-position': savedPosition }")
span.float-right {{event.media[0].name}} span.float-right {{event.media[0].name}}
v-file-input( v-file-input(
v-else v-else
@ -67,6 +65,13 @@ export default {
} }
}, },
computed: { 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 () { top () {
return ((this.focalpoint[1] + 1) * 50) + '%' return ((this.focalpoint[1] + 1) * 50) + '%'
}, },
@ -83,27 +88,6 @@ export default {
} }
}, },
methods: { 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 () { save () {
this.$emit('input', { url: this.value.url, image: this.value.image, name: this.name || (this.event.title) || '', focalpoint: [...this.focalpoint] }) this.$emit('input', { url: this.value.url, image: this.value.image, name: this.name || (this.event.title) || '', focalpoint: [...this.focalpoint] })
this.openMediaDetails = false this.openMediaDetails = false