Ensure that we can upload and display bloompub files properly.

Author: rtibbles

contentcuration/contentcuration/frontend/shared/mixins.js

@@ -117,6 +117,7 @@ export const constantStrings = createTranslator('ConstantStrings', {
   mp3: 'MP3 audio',
   pdf: 'PDF document',
   epub: 'EPub document',
+  bloompub: 'BloomPub document',
   jpg: 'JPG image',
   jpeg: 'JPEG image',
   png: 'PNG image',

contentcuration/contentcuration/frontend/shared/views/files/Uploader.vue

@@ -14,7 +14,7 @@
       ref="fileUpload"
       style="display: none;"
       type="file"
-      :accept="acceptedMimetypes"
+      :accept="acceptedFileTypes"
       :multiple="allowMultiple"
       data-test="upload-dialog"
       @change="handleFiles($event.target.files)"
@@ -129,8 +129,12 @@
             : !fp.supplementary && (!this.displayOnly || fp.display)
         );
       },
-      acceptedMimetypes() {
-        return flatMap(this.acceptedFiles, f => f.associated_mimetypes).join(',');
+      acceptedFileTypes() {
+        return uniq(
+          flatMap(this.acceptedFiles, f => f.associated_mimetypes).concat(
+            this.acceptedExtensions.map(ext => `.${ext}`)
+          )
+        ).join(',');
       },
       acceptedExtensions() {
         return uniq(flatMap(this.acceptedFiles, f => f.allowed_formats));