feat(core/forms): Remove file content if greather than the max size limit

Author: sara-gnucoop

projects/core/file-input/src/file-input.ts

@@ -42,7 +42,7 @@ import {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';
 import {Observable, Subscription} from 'rxjs';
 import {filter} from 'rxjs/operators';
 
-import {AjfFile} from './file';
+import {AjfFile, AjfFileSizeLimit} from './file';
 
 @Directive({selector: '[ajfDropMessage]'})
 export class AjfDropMessage {}
@@ -247,6 +247,11 @@ export class AjfFileInput implements ControlValueAccessor {
     if (!isValidMimeType(type, this.accept)) {
       return;
     }
+    if (size >= AjfFileSizeLimit) {
+      this.value = {name, size, type, content: 'File too large'};
+      this._emptyFile = false;
+      return;
+    }
     reader.onload = (_: ProgressEvent<FileReader>) => {
       const content = reader.result;
       if (typeof content !== 'string') {

projects/core/file-input/src/file.ts

@@ -28,3 +28,8 @@ export interface AjfFile {
   url?: string;
   deleteUrl: boolean;
 }
+
+/**
+ * Default size limit for file input fields.
+ */
+export const AjfFileSizeLimit = 52428800;

projects/core/forms/src/form-renderer.ts

@@ -97,7 +97,6 @@ import {updateRepsNum} from './utils/slides-instances/update-reps-num';
 import {validSlide} from './utils/slides-instances/valid-slide';
 import {AjfValidationService} from './validation-service';
 import {isContainerNodeInstance} from './utils/nodes-instances/is-container-node-instance';
-import {isFileFieldInstance} from './utils/fields-instances/is-file-field-instance';
 
 export const enum AjfFormInitStatus {
   Initializing,

projects/core/forms/src/utils/fields-instances/is-file-field-instance.ts

@@ -28,6 +28,7 @@ import {
   normalizeExpression,
 } from '@ajf/core/models';
 
+import {AjfFileSizeLimit} from '@ajf/core/file-input';
 import {AjfField} from '../../interface/fields/field';
 import {AjfFieldType} from '../../interface/fields/field-type';
 import {AjfNodeInstance} from '../../interface/nodes-instances/node-instance';
@@ -60,12 +61,6 @@ import {isNodeGroupInstance} from './is-node-group-instance';
 import {isRepeatingSlideInstance} from './is-repeating-slide-instance';
 import {isSlideInstance} from './is-slide-instance';
 
-/**
- * Default size limit for file input fields.
- * Added in validation conditions only if no size limit condition is found.
- */
-export const fileSizeLimit = 52428800;
-
 /**
  * It creates a nodeInstance relative to a node.
  * To create the instance it calls relative create builder by nodeType.
@@ -115,9 +110,9 @@ export function nodeToNodeInstance(
             }
             if (!limitSizeCondition) {
               field.validation.conditions.push({
-                'condition': `${field.name} == null || ${field.name}.size < ${fileSizeLimit}`,
+                'condition': `${field.name} == null || ${field.name}.size < ${AjfFileSizeLimit}`,
                 'clientValidation': true,
-                'errorMessage': `The file exceeds the ${(fileSizeLimit / 1024 ** 2).toFixed(
+                'errorMessage': `The file exceeds the ${(AjfFileSizeLimit / 1024 ** 2).toFixed(
                   0,
                 )} MB limit`,
               });