[Ui] Fix hasFieldsError reactivity + add events on fileupload component

Author: skerdudou

vertigo-ui-vuejs/src/components/VFileUpload.vue

@@ -60,7 +60,7 @@ export default {
         callbackOnDelete: { default : false },
         inputProps: { type: Object }
   },
-  emits: ["update:file-info-uris", "download-file", "file-ok", "file-failed"],
+  emits: ["update:file-info-uris", "download-file", "file-ok", "file-failed", "init-ok", "init-ko"],
   computed: {
       
   },
@@ -78,8 +78,11 @@ export default {
                     this.files = uiFileInfos.map((uiFileInfo) => {
                         return {...uiFileInfo, status: "OK"};
                     })
+                    this.$emit('init-ok');
                 }.bind(this))
             .catch(function (error) { //Ko
+                    this.$emit('update:file-info-uris', []); // reset
+                    this.$emit('init-ko');
                     if (this.$q) {
                         if(error.response) {
                             this.$q.notify(error.response.status + ":" + error.response.statusText + " Can't load file "+xhrParams);

vertigo-ui-vuejs/src/components/VFileUploadQuasar.vue

@@ -109,7 +109,7 @@ export default {
         downloadUrl : { type : String, default : (props) => props.baseUrl + '/download'},
         multiple: { type : Boolean, default : true  }
   },
-  emits: ["update:file-info-uris", "download-file"],
+  emits: ["update:file-info-uris", "download-file", "init-ok", "init-ko"],
   computed: {
       
   },
@@ -127,8 +127,11 @@ export default {
                     this.files = uiFileInfos.map((uiFileInfo) => {
                         return uiFileInfo;
                     })
+                    this.$emit('init-ok');
                 }.bind(this))
             .catch(function (error) { //Ko
+                    this.$emit('update:file-info-uris', []); // reset
+                    this.$emit('init-ko');
                     if(error.response) {
                         this.$q.notify(error.response.status + ":" + error.response.statusText + " Can't load file "+xhrParams);
                     } else {
@@ -174,21 +177,21 @@ export default {
             var newFileInforUris = [...this.fileInfoUris];
             var xhrParams = {};
             xhrParams[this.fieldName] = removedFile.fileUri;
-                this.$http.delete(this.url, { params: xhrParams, credentials: false })
-                    .then(function (/*response*/) { //Ok
-                        if (this.multiple) {
-                            this.files.splice(indexOfFile, 1)
-                            newFileInforUris.splice(indexOfFile, 1);
-                        } else {
-                            this.files.splice(0);
-                            newFileInforUris.splice(0);
-                        }
-                        this.$emit('update:file-info-uris', newFileInforUris);
-                        //this.uploader_forceComputeUploadedSize(componentId);
-                    }.bind(this))
-                    .catch(function (error) { //Ko
-                        this.$q.notify(error.response.status + ":" + error.response.statusText + " Can't remove temporary file");
-                    }.bind(this));
+            this.$http.delete(this.url, { params: xhrParams, credentials: false })
+                .then(function (/*response*/) { //Ok
+                    if (this.multiple) {
+                        this.files.splice(indexOfFile, 1)
+                        newFileInforUris.splice(indexOfFile, 1);
+                    } else {
+                        this.files.splice(0);
+                        newFileInforUris.splice(0);
+                    }
+                    this.$emit('update:file-info-uris', newFileInforUris);
+                    //this.uploader_forceComputeUploadedSize(componentId);
+                }.bind(this))
+                .catch(function (error) { //Ko
+                    this.$q.notify(error.response.status + ":" + error.response.statusText + " Can't remove temporary file");
+                }.bind(this));
             
     },
     globalCanAddFiles(quasarFiles) {

vertigo-ui-vuejs/src/methods.js

@@ -92,11 +92,11 @@ export default {
         return notifyMessages;
       }
     },
-	
-	i18n: function() {
-		return VertigoUi.lang[VertigoUi.vuiLang];
-	},
-	
+    
+    i18n: function() {
+        return VertigoUi.lang[VertigoUi.vuiLang];
+    },
+    
     getSafeValue: function (objectkey, fieldKey, subFieldKey) {
         if (this.$data.vueData[objectkey] && this.$data.vueData[objectkey][fieldKey]) {
             return this.$data.vueData[objectkey][fieldKey][subFieldKey];
@@ -546,8 +546,7 @@ export default {
         const fieldName = field.split("_")[0]; // trim any qualifier like "_fmt"
         if (fieldsErrors) {
             var objectName = rowIndex != null ? object + '[' + rowIndex + ']' : object;
-            return Object.prototype.hasOwnProperty.call(fieldsErrors, objectName) &&
-                fieldsErrors[objectName] && Object.prototype.hasOwnProperty.call(fieldsErrors[objectName], fieldName) && fieldsErrors[objectName][fieldName].length > 0
+            return fieldsErrors?.[objectName]?.[fieldName]?.length > 0;
         }
         return false;
     },