refactored dropzone stuff into controller

assets/app.js

@@ -11,57 +11,24 @@ import './styles/app.scss'
 import $ from 'jquery'
 import 'bootstrap'
 
-// Dropzone stuff move to component
-import {Dropzone} from 'dropzone'
-
-// 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
+// start the Stimulus application
+import './bootstrap'
 
 //import './js/index'
+
 // needed for legacy code
 //global.$ = $
 
 if (window.matchMedia('(prefers-color-scheme)').media !== 'not all') {
-    console.log('🎉 Dark mode is supported')
+	console.log('🎉 Dark mode is supported')
 }
 
 $(document).ready(() => {
-    console.log('ready')
-    $('#toggleSidebar').on('click', () => {
-        const toggleIcon = $('#toggleIcon')
-        toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-left')
-        toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-right')
-        $('#sidebar').toggleClass('active')
-    })
+	console.log('ready')
+	$('#toggleSidebar').on('click', () => {
+		const toggleIcon = $('#toggleIcon')
+		toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-left')
+		toggleIcon.toggleClass('fa fa-lg fa-fw fa-caret-square-o-right')
+		$('#sidebar').toggleClass('active')
+	})
 })
-
-// start the Stimulus application
-//import './bootstrap'