mirror of
https://github.com/ascribe/onion.git
synced 2024-12-23 01:39:36 +01:00
809ca6f40a
- Add function in Property and Form for creating refs - Change `handleSelectFiles` to `handleChangedFile` - Add `setThumbnailForFile` method to `ReactS3Fineuploader`
83 lines
3.0 KiB
JavaScript
83 lines
3.0 KiB
JavaScript
'use strict';
|
|
|
|
export const formSubmissionValidation = {
|
|
/**
|
|
* Returns a boolean if there has been at least one file uploaded
|
|
* successfully without it being deleted or canceled.
|
|
* @param {array of files} files provided by react fine uploader
|
|
* @return {boolean}
|
|
*/
|
|
atLeastOneUploadedFile(files) {
|
|
files = files.filter((file) => file.status !== 'deleted' && file.status !== 'canceled');
|
|
if (files.length > 0 && files[0].status === 'upload successful') {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* File submission for the form is optional, but if the user decides to submit a file
|
|
* the form is not ready until there are no more files currently uploading.
|
|
* @param {array of files} files files provided by react fine uploader
|
|
* @return {boolean} [description]
|
|
*/
|
|
fileOptional(files) {
|
|
let uploadingFiles = files.filter((file) => file.status === 'submitting');
|
|
|
|
if (uploadingFiles.length === 0) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Filter function for filtering all deleted and canceled files
|
|
* @param {object} file A file from filesToUpload that has status as a prop.
|
|
* @return {boolean}
|
|
*/
|
|
export function displayValidFilesFilter(file) {
|
|
return file.status !== 'deleted' && file.status !== 'canceled';
|
|
}
|
|
|
|
/**
|
|
* Filter function for filtering all files except for deleted and canceled files
|
|
* @param {object} file A file from filesToUpload that has status as a prop.
|
|
* @return {boolean}
|
|
*/
|
|
export function displayRemovedFilesFilter(file) {
|
|
return file.status === 'deleted' || file.status === 'canceled';
|
|
}
|
|
|
|
|
|
/**
|
|
* Filter function for which files to integrate in the progress process
|
|
* @param {object} file A file from filesToUpload, that has a status as a prop.
|
|
* @return {boolean}
|
|
*/
|
|
export function displayValidProgressFilesFilter(file) {
|
|
return file.status !== 'deleted' && file.status !== 'canceled' && file.status !== 'online';
|
|
}
|
|
|
|
|
|
/**
|
|
* Fineuploader allows to specify the file extensions that are allowed to upload.
|
|
* For our self defined input, we can reuse those declarations to restrict which files
|
|
* the user can pick from his hard drive.
|
|
*
|
|
* Takes an array of file extensions (['pdf', 'png', ...]) and transforms them into a string
|
|
* that can be passed into an html5 input via its 'accept' prop.
|
|
* @param {array} allowedExtensions Array of strings without a dot prefixed
|
|
* @return {string} Joined string (comma-separated) of the passed-in array
|
|
*/
|
|
export function transformAllowedExtensionsToInputAcceptProp(allowedExtensions) {
|
|
// add a dot in front of the extension
|
|
let prefixedAllowedExtensions = allowedExtensions.map((ext) => '.' + ext);
|
|
|
|
// generate a comma separated list to add them to the DOM element
|
|
// See: http://stackoverflow.com/questions/4328947/limit-file-format-when-using-input-type-file
|
|
return prefixedAllowedExtensions.join(', ');
|
|
}
|