Fix #2: Validation feedback & executeMF

Author: Jelte Lagendijk

.gitignore

@@ -12,6 +12,8 @@ test/.project
 *.lock
 .idea/
 
+dist/
+
 node_modules/
 .editorconfig
 *DS_Store*

package.json

@@ -1,12 +1,11 @@
 {
   "name": "refkit",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "",
   "license": "",
   "author": "",
   "private": true,
-  "dependencies": {
-  },
+  "dependencies": {},
   "devDependencies": {
     "grunt": "0.4.5",
     "grunt-contrib-clean": "^0.6.0",
@@ -31,4 +30,4 @@
   "scripts": {
     "test": "grunt test"
   }
-}
+}

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="refkit" version="2.0.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="refkit" version="2.1.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="refkit/InputRefSelector.xml"/>
         </widgetFiles>

src/refkit/widget/InputRefSelector.js

@@ -5,12 +5,12 @@
 
 define([
     "dojo/_base/declare", "mxui/widget/_WidgetBase", "dijit/_TemplatedMixin",
-    "mxui/dom", "dojo/dom", "dojo/_base/array", "dojo/_base/lang",
+    "mxui/dom", "dojo/dom", "dojo/_base/array", "dojo/_base/lang", "dojo/dom-construct", "dojo/dom-class",
     "mendix/lib/MxContext", "dijit/form/ComboBox",
     "refkit/lib/XPathSource",
     "refkit/lib/jquery",
     "dojo/text!refkit/templates/InputReferenceSelector.html"
-], function (declare, _WidgetBase, _TemplatedMixin, dom, dojoDom, dojoArray, dojoLang, MxContext, ComboBox, XPathSource, _jQuery, template) {
+], function (declare, _WidgetBase, _TemplatedMixin, dom, dojoDom, dojoArray, dojoLang, dojoConstruct, domClass, MxContext, ComboBox, XPathSource, _jQuery, template) {
 
     "use strict";
 
@@ -177,7 +177,13 @@ define([
                     callback: dojoLang.hitch(this, this.changeReceived)
                 });
 
-                this._handles = [ objectHandle ];
+                var validationHandle = this.subscribe({
+                    guid: obj.getGuid(),
+                    val: true,
+                    callback: dojoLang.hitch(this, this._handleValidation)
+                });
+
+                this._handles = [ objectHandle, validationHandle ];
                 this.getReferredObject(obj.get(this.objreference));
             } else {
                 this.comboBox.attr("disabled", true);
@@ -220,6 +226,7 @@ define([
         setDisplayValue : function(value) {
             logger.debug(this.id + ".setDisplayValue", value);
             this.ignoreChange = true;
+            this._clearValidations();
 
             if (this.comboBox) {
                 this.comboBox.attr("value", value);
@@ -367,6 +374,47 @@ define([
             this.comboBox.attr("disabled", this.isInactive);
         },
 
+        _handleValidation: function(validations) {
+            logger.debug(this.id + "._handleValidation");
+            this._clearValidations();
+
+            var validation = validations[0],
+                message = validation.getReasonByAttribute(this.objreference);
+
+            if (this.readOnly) {
+                validation.removeAttribute(this.objreference);
+            } else if (message) {
+                this._addValidation(message);
+                validation.removeAttribute(this.objreference);
+            }
+        },
+
+        _clearValidations: function() {
+            logger.debug(this.id + "._clearValidations");
+            domClass.toggle(this.domNode, "has-error", false);
+            dojoConstruct.destroy(this._alertDiv);
+            this._alertDiv = null;
+        },
+
+        _showError: function(message) {
+            logger.debug(this.id + "._showError");
+            if (this._alertDiv !== null) {
+                dojoHtml.set(this._alertDiv, message);
+                return true;
+            }
+            this._alertDiv = dojoConstruct.create("div", {
+                "class": "alert alert-danger",
+                "innerHTML": message
+            });
+            dojoConstruct.place(this._alertDiv, this.domNode);
+            domClass.toggle(this.domNode, "has-error", true);
+        },
+
+        _addValidation: function(message) {
+            logger.debug(this.id + "._addValidation");
+            this._showError(message);
+        },
+
         uninitialize : function() {
             logger.debug(this.id + ".uninitialize");
             this.comboBox.destroyRecursive();