refactored dropzone stuff into controller

assets/app.js

@@ -11,41 +11,11 @@ import './styles/app.scss'
 import $ from 'jquery'
 import 'bootstrap'
 
-// Dropzone stuff move to component
+// start the Stimulus application
-import {Dropzone} from 'dropzone'
+import './bootstrap'
-
-// TODO handle error (Chapter 26)
-const formElement = $('#dropzoneForm')
-if (formElement) {
-    const previewContent = $('#preview-content').html()
-    console.log(previewContent)
-    const dropzone = new Dropzone('#dropzoneForm', {
-        acceptedFiles: '.jpg, .jpeg, .png',
-        maxFiles: 1,
-        init: function () {
-            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('filename', previewContent)
-    const mockFile = { name: previewContent }
-    console.log('file', mockFile)
-    dropzone.displayExistingFile(mockFile)
-}
-
-// End Dropzone stuff move to component
 
 //import './js/index'
+
 // needed for legacy code
 //global.$ = $
 
@@ -62,6 +32,3 @@ $(document).ready(() => {
 		$('#sidebar').toggleClass('active')
 	})
 })
-
-// start the Stimulus application
-//import './bootstrap'