diff --git a/frontend/src/components/BatchCard.vue b/frontend/src/components/BatchCard.vue index 734950c7..51941d53 100644 --- a/frontend/src/components/BatchCard.vue +++ b/frontend/src/components/BatchCard.vue @@ -29,10 +29,7 @@
{{ batch.price }}
- + ', - } - } - - render() { - this.wrapper = document.createElement('div') - this.wrapper.classList.add('image-tool') - - if (this.data && this.data.url) { - this._createImage(this.data.url) - } - - this.wrapper.addEventListener('paste', (event) => { - this._handlePaste(event) - }) - - return this.wrapper - } - - _createImage(url) { - const image = document.createElement('img') - image.src = url - image.classList.add('image-tool__image') - this.wrapper.innerHTML = '' - this.wrapper.appendChild(image) - - const resizeObserver = new ResizeObserver(() => { - image.style.width = `${this.wrapper.clientWidth}px` - }) - resizeObserver.observe(this.wrapper) - } - - _handlePaste(event) { - const clipboardData = event.clipboardData || window.clipboardData - const items = clipboardData.items - for (let i = 0; i < items.length; i++) { - if (items[i].type.indexOf('image') !== -1) { - const file = items[i].getAsFile() - const reader = new FileReader() - reader.onload = (e) => { - this._createImage(e.target.result) - } - reader.readAsDataURL(file) - } - } - } - - save(blockContent) { - const img = blockContent.querySelector('img') - return { - url: img.src, - } - } -}