combine duplicate image uploader methods after merge

webapp/components/TeaserImage/TeaserImage.vue

@@ -55,7 +55,6 @@ export default {
       file: null,
       showCropper: false,
       isLoadingImage: false,
-      imageAspectRatio: null,
     }
   },
   methods: {
@@ -78,46 +77,29 @@ export default {
       imageElement.src = URL.createObjectURL(file)
       this.cropper = new Cropper(imageElement, { zoomable: false, autoCropArea: 0.9 })
     },
+    deleteImage() {
+      this.clearImages()
+    },
     cropImage() {
       this.isLoadingImage = true
+      if (this.file.type === 'image/jpeg') {
         const canvas = this.cropper.getCroppedCanvas()
         canvas.toBlob(blob => {
           const imageAspectRatio = canvas.width / canvas.height
           const croppedImageFile = new File([blob], this.file.name, { type: this.file.type })
           this.$emit('addTeaserImage', croppedImageFile)
           this.$emit('addImageAspectRatio', imageAspectRatio)
+          this.$emit('cropInProgress', false)
           this.setupPreview(canvas.toDataURL())
-      })
-    },
-    deleteImage() {
-      this.clearImages()
-    },
-    cropImage() {
-      this.showCropper = false
-      if (this.file.type === 'image/jpeg') {
-        this.uploadJpeg()
-      } else {
-        this.uploadOtherImageType()
-      }
-    },
-    uploadOtherImageType() {
-      this.imageAspectRatio = this.file.width / this.file.height || 1.0
-      this.image = new Image()
-      this.image.src = this.file.dataURL
-      this.setupPreview()
-      this.emitImageData(this.file)
-    },
-    uploadJpeg() {
-      const canvas = this.cropper.getCroppedCanvas()
-      canvas.toBlob(blob => {
-        this.imageAspectRatio = canvas.width / canvas.height
-        this.image = new Image()
-        this.image.src = canvas.toDataURL()
-        this.setupPreview()
-        const croppedImageFile = new File([blob], this.file.name, { type: this.file.type })
-        this.emitImageData(croppedImageFile)
         }, 'image/jpeg')
-
+      } else {
+        const imageAspectRatio = this.file.width / this.file.height || 1.0
+        const croppedImageFile = this.file
+        this.setupPreview(this.file.dataURL)
+        this.$emit('addTeaserImage', croppedImageFile)
+        this.$emit('addImageAspectRatio', imageAspectRatio)
+        this.$emit('cropInProgress', false)
+      }
       this.closeCropper()
     },
     setupPreview(url) {
@@ -129,20 +111,11 @@ export default {
       this.showCropper = false
       this.cropper.destroy()
     },
-    setupPreview() {
-      this.image.classList.add('thumbnail-preview')
-      this.thumbnailElement.appendChild(this.image)
-    },
     cancelCrop() {
       if (this.oldImage) this.thumbnailElement.appendChild(this.oldImage)
       this.showCropper = false
       this.$emit('cropInProgress', false)
     },
-    emitImageData(imageFile) {
-      this.$emit('addTeaserImage', imageFile)
-      this.$emit('addImageAspectRatio', this.imageAspectRatio)
-      this.$emit('cropInProgress', false)
-    },
   },
 }
 </script>