error msg, fix file input scripts

canapEPFL/script.js

@@ -50,23 +50,21 @@ function addChildren(parentId, maxItems, childTemplate, addButtonId) {
 }
 
 function changeTitleFile(objFile) {
-    var filename = $(objFile)[0].value.replace(/^.*[\\/]/, '')
-    $(objFile.parentElement)[0].children[3].innerHTML = filename
+    var filename = $(objFile)[0].value.replace(/^.*[\\/]/, '');
+    if (filename) {
+        $(objFile.parentElement)[0].children[3].innerHTML = filename;
+    } else {
+        $(objFile.parentElement)[0].children[3].innerHTML = 'Choisir...';
+    }
     checkFileFormat($(objFile)[0]);
 }
 
 function checkFileFormat(obj) {
-    var errorZone = $(obj.parentElement)[0].children[5]
+    var errorZone = $(obj.parentElement)[0].children[5];
     var allowedExtensions = ['pdf', 'jpeg', 'png', 'jpg'];
-    var fileExtension = obj.value.split('.').pop().toLowerCase()
+    var fileExtension = obj.value.split('.').pop().toLowerCase();
 
-    if (allowedExtensions.indexOf(fileExtension) == -1) {
-        // extension invalide
-        errorZone.innerHTML = 'Format invalide'
-    } else {
-        // extension valide
-        errorZone.innerHTML = '';
-    }
+    allowedExtensions.indexOf(fileExtension) != -1 || !obj.value ?  errorZone.innerHTML = '' : errorZone.innerHTML = 'Format invalide';
 }
 
 function checkYearDate(toCheckValue, errorZone, coefficiantYear) {

canapEPFL/templates/errorText.php

@@ -2,8 +2,12 @@
   <h5 style="color: red;">Des erreurs se sont produites, merci de remplir tous les champs obligatoires!</h5>
   <div id="formErrorsDiv" style="padding-bottom: 20px;">
     <?php
-      foreach($validator->errors() as $error => $errorVal) {
-        echo "<li>$errorVal</li>";
+      if (!$_POST && !$_FILES) {
+        echo "<li>Fichiers fournis trop volumineux ! <small>(Taille recommandée env. 2Mo)</small></li>";
+      } else {
+        foreach($validator->errors() as $error => $errorVal) {
+          echo "<li>$errorVal</li>";
+        }
       }
     ?>
   </div>