Added check on max upload file size

Dockerfile

@@ -14,6 +14,7 @@ ADD vospace-ui-frontend/*.js /vospace-ui-frontend/
 ADD vospace-ui-frontend/*.json /vospace-ui-frontend/
 ADD vospace-ui-frontend/.env.production /vospace-ui-frontend/
 WORKDIR /vospace-ui-frontend
+ARG VUE_APP_MAX_UPLOAD_SIZE=10
 RUN npm run build
 
 ADD vospace-ui-backend/src /vospace-ui-backend/src/

vospace-ui-frontend/.env.development

 VUE_APP_API_CLIENT = 'mock'
 VUE_APP_API_BASE_URL = 'http://localhost:8085/'
+VUE_APP_MAX_UPLOAD_SIZE = 10

vospace-ui-frontend/.env.production

 VUE_APP_API_CLIENT = 'server'
 VUE_APP_API_BASE_URL = ''
+VUE_APP_MAX_UPLOAD_SIZE = 10

vospace-ui-frontend/src/components/modal/UploadFilesModal.vue

@@ -10,7 +10,10 @@
   <div class="mt-3">Selected files: {{ selectedFiles }}</div>
 </b-modal>
 </template>
+
 <script>
+const maxUploadSize = process.env.VUE_APP_MAX_UPLOAD_SIZE;
+
 export default {
   data() {
     return {
@@ -56,6 +59,15 @@ export default {
           }
         }
 
+        // Check size limit
+        for (let file of this.files) {
+          if (file.size >= maxUploadSize * Math.pow(10, 9)) {
+            this.uploadFileError = "File " + file.name + " is too big. Max allowed file size is " + maxUploadSize + " GB";
+            return;
+          }
+        }
+
+        // Upload
         this.$store.dispatch('uploadFiles', this.files)
           .then(() => {
             this.$bvModal.hide('upload-files-modal');