turbo #4
|
@ -11,41 +11,11 @@ import './styles/app.scss'
|
||||||
import $ from 'jquery'
|
import $ from 'jquery'
|
||||||
import 'bootstrap'
|
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'
|
//import './js/index'
|
||||||
|
|
||||||
// needed for legacy code
|
// needed for legacy code
|
||||||
//global.$ = $
|
//global.$ = $
|
||||||
|
|
||||||
|
@ -62,6 +32,3 @@ $(document).ready(() => {
|
||||||
$('#sidebar').toggleClass('active')
|
$('#sidebar').toggleClass('active')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
// start the Stimulus application
|
|
||||||
//import './bootstrap'
|
|
||||||
|
|
Loading…
Reference in New Issue