Add title, iconName and widgetIsLoaded properties/function

Author: Andrew Telnov (DevExpress)

src/image-picker.js

@@ -1,12 +1,16 @@
 function init(Survey) {
     var widget = {
         name: "imagepicker",
+        title: "Image picker",
+        iconName: "icon-imagepicker",
+        widgetIsLoaded: function() { return ImagePicker; },
         isFit : function(question) { return question.getType() === 'imagepicker'; },
         isDefaultRender: true,
         activatedByChanged: function(activatedBy) {
             Survey.JsonObject.metaData.addClass("imageitemvalues", [{name: "imageLink"}], null, "itemvalue");
             Survey.JsonObject.metaData.addClass("imagepicker", [{name: "choices:imageitemvalues", onGetValue: function (obj) { return Survey.ItemValue.getData(obj.choices); }, onSetValue: function (obj, value) { obj.choices = value; }}, 
-                {name:"showLabel:boolean", default: false}, {name:"hasOther", visible: false}], null, "dropdown");
+                {name:"showLabel:boolean", default: false}, {name:"hasOther", visible: false}, {name: "otherText", visible: false}, {name: "optionsCaption", visible: false}, 
+                {name: "otherErrorText", visible: false}, {name: "storeOthersAsComment", visible: false}, {name: "renderAs", visible: false}], null, "dropdown");
         },
         afterRender: function(question, el) {
             var $el = $(el).is("select") ? $(el) : $(el).find("select");

src/jquery-bar-rating.js

@@ -1,6 +1,9 @@
 function init(Survey) {
     var widget = {
         name: "barrating",
+        title: "Bar rating",
+        iconName: "icon-barrating",
+        widgetIsLoaded: function() { return Barrating; },
         isFit : function(question) { return question.getType() === 'barrating'; },
         isDefaultRender: true,
         activatedByChanged: function(activatedBy) {

src/jquery-ui-datepicker.js

@@ -1,6 +1,9 @@
 function init(Survey) {
     var widget = {
         name: "datepicker",
+        title: "Date picker",
+        iconName: "icon-datepicker",
+        widgetIsLoaded: function() { return DatePicker; },
         isFit : function(question) { return question.getType() === 'datepicker'; },
         htmlTemplate: "<input class='widget-datepicker' type='text' style='width: 100%;'>",
         activatedByChanged: function(activatedBy) {

src/nouislider.js

@@ -1,6 +1,9 @@
 function init(Survey) {
     var widget = {
         name: "nouislider",
+        title: "noUiSlider",
+        iconName: "icon-nouislider",
+        widgetIsLoaded: function() { return noUiSlider; },
         isFit : function(question) { return question.getType() === 'nouislider'; },
         htmlTemplate: "<div></div>",
         activatedByChanged: function(activatedBy) {

src/select2-tagbox.js

@@ -1,6 +1,9 @@
 function init(Survey) {
     var widget = {
         name: "tagbox",
+        title: "Tag box",
+        iconName: "icon-tagbox",
+        widgetIsLoaded: function() { return Select2; },
         htmlTemplate: "<select multiple='multiple' style='width: 100%;'></select>",
         isFit : function(question) { return question.getType() === 'tagbox';  },
         activatedByChanged: function(activatedBy) {

src/signature_pad.js

@@ -1,6 +1,9 @@
 function init(Survey) {
     var widget = {
         name: "signaturepad",
+        title: "Signature pad",
+        iconName: "icon-signaturepad",
+        widgetIsLoaded: function() { return SignaturePad; },
         penColor: "1ab394",
         isFit : function(question) { return question.getType() === 'signaturepad'; },
         activatedByChanged: function(activatedBy) {

src/sortablejs.js

@@ -1,8 +1,11 @@
 function init(Survey) {
     var widget = {
+        name: "sortablelist",
+        title: "Sortable list",
+        iconName: "icon-sortablelist",
+        widgetIsLoaded: function() { return Sortable; },
         areaStyle: "border: 1px solid #1ab394; width:100%; minHeight:50px",
         itemStyle: "background-color:#1ab394;color:#fff;margin:5px;padding:10px;",
-        name: "sortablelist",
         isFit : function(question) { return question.getType() === 'sortablelist'; },
         htmlTemplate: "<div></div>",
         activatedByChanged: function(activatedBy) {
@@ -23,7 +26,7 @@ function init(Survey) {
             el.appendChild(resultEl);
             el.appendChild(sourceEl);
             var hasValueInResults = function(val) {
-                res = question.value;
+                var res = question.value;
                 if(!Array.isArray(res)) return false;
                 for(var i = 0; i < res.length; i ++){
                     if(res[i] == val) return true;