diff --git a/assets/app.js b/assets/app.js index 0bb46da..b98a7ee 100644 --- a/assets/app.js +++ b/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'