@@ 124-144 (lines=21) @@ | ||
121 | dropzoneTable.on("addedfile", function (file) { |
|
122 | ||
123 | var imagesFileTypes = ['image/png', 'image/jpg', 'image/jpeg', 'image/gif']; |
|
124 | if (imagesFileTypes.indexOf(file.type) != -1) { |
|
125 | file.previewElement.querySelector('.media-item-file-details').style.display = 'none'; |
|
126 | } else if (file.type === 'application/pdf') { |
|
127 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
128 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-pdf"></i>'; |
|
129 | } else if (file.type === 'application/doc' | 'application/docx') { |
|
130 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
131 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-word"></i>'; |
|
132 | } else if (file.type === 'application/ppt' | 'application/pptx') { |
|
133 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
134 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-powerpoint"></i>'; |
|
135 | } else if (file.type === 'video/mp4' | 'video/webm' | 'video/mkv') { |
|
136 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
137 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-video"></i>'; |
|
138 | } else if (file.type === 'audio/mpeg') { |
|
139 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
140 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-audio"></i>'; |
|
141 | } else { |
|
142 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
143 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file"></i>'; |
|
144 | } |
|
145 | // Hookup the start button |
|
146 | file.previewElement.querySelector(".start").onclick = function() { fileDropzone.enqueueFile(file); }; |
|
147 | }); |
|
@@ 64-84 (lines=21) @@ | ||
61 | file.previewElement.getElementsByTagName('label')[0].setAttribute('for', fileId); |
|
62 | ||
63 | var imagesFileTypes = ['image/png', 'image/jpg', 'image/jpeg', 'image/gif']; |
|
64 | if (imagesFileTypes.indexOf(file.type) != -1) { |
|
65 | file.previewElement.querySelector('.media-item-file-details').style.display = 'none'; |
|
66 | } else if (file.type === 'application/pdf') { |
|
67 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
68 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-pdf"></i>'; |
|
69 | } else if (file.type === 'application/doc' | 'application/docx') { |
|
70 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
71 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-word"></i>'; |
|
72 | } else if (file.type === 'application/ppt' | 'application/pptx') { |
|
73 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
74 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-powerpoint"></i>'; |
|
75 | } else if (file.type === 'video/mp4' | 'video/webm' | 'video/mkv') { |
|
76 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
77 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-video"></i>'; |
|
78 | } else if (file.type === 'audio/mpeg') { |
|
79 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
80 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file-audio"></i>'; |
|
81 | } else { |
|
82 | file.previewElement.querySelector('.media-item-file-details').style.display = 'block'; |
|
83 | file.previewElement.querySelector('.media-item-icon').innerHTML = '<i class="fas fa-file"></i>'; |
|
84 | } |
|
85 | }); |
|
86 | ||
87 | dropzoneCards.on("success", function (file, resp) { |