diff --git a/assets/controllers/upload-avatar_controller.js b/assets/controllers/upload-avatar_controller.js index 96d9dd3..81206cb 100644 --- a/assets/controllers/upload-avatar_controller.js +++ b/assets/controllers/upload-avatar_controller.js @@ -9,21 +9,6 @@ export default class extends Controller { } connect() { - console.log('image', this.avatarImageValue) - console.log('id', this.userIdValue) - - /* - const formElement = document.getElementById('avatarDropzone') - const dzMessage = document.getElementsByClassName('dz-message') - formElement.style.backgroundImage = `url('${this.avatarImageValue}')` - formElement.style.backgroundRepeat = 'no-repeat' - formElement.style.backgroundPosition = 'center center' - formElement.style.backgroundSize = 'auto' - formElement.style.borderRadius = '25px' - console.log('formelement', formElement) -*/ - - console.log('init Dropzone') let avatarDropzone = new Dropzone('#avatarDropzone', { url: `/user/upload/avatar/${this.userIdValue}`, avatarUrl: this.avatarImageValue, @@ -37,32 +22,14 @@ export default class extends Controller { const callback = null // Optional callback when it's done const crossOrigin = null // Added to the `img` tag for crossOrigin handling const resizeThumbnail = false // Tells Dropzone whether it should resize the image first - avatarDropzone.displayExistingFile(mockFile, avatarDropzone.options.avatarUrl, callback, crossOrigin, resizeThumbnail); - avatarDropzone.files.push(mockFile); // line missing in official docs - - /* - console.log('url', avatarDropzone.options.foo) - this.hiddenFileInput.removeAttribute('multiple') - this.on('maxfilesexceeded', (file) => { - this.removeAllFiles() - this.addFile(file) - }) - this.on('error', (file, data) => { - console.log('error') - if (data.detail) { - this.emit('error', file, data.detail) - } - }) - console.log('beforemock') - const mockFile = { name: 'Name Image', size: 12345, type: 'image/jpeg' } - this.emit('addedfile', mockFile) - this.emit('success', mockFile) - console.log('avi', this.avatarImageValue) - this.emit('thumbnail', mockFile, avatarDropzone.options.avatarUrl) - console.log('aftermock') - this.emit('complete', mockFile); - this.files.push(mockFile); - */ + avatarDropzone.displayExistingFile( + mockFile, + avatarDropzone.options.avatarUrl, + callback, + crossOrigin, + resizeThumbnail + ) + avatarDropzone.files.push(mockFile) // line missing in official docs }, transformFile(file, done) { // Create the image editor overlay @@ -84,7 +51,7 @@ export default class extends Controller { editor.appendChild(image) // Create Cropper.js - const cropper = new Cropper(image, {aspectRatio: 1}) + const cropper = new Cropper(image, { aspectRatio: 1 }) // Create confirm button at the top left of the viewport const buttonCrop = document.createElement('button')