added readOnly mode (readOnlyChangedCallback )

Author: dmitry-kurmanov

src/bootstrap-slider.js

@@ -47,6 +47,7 @@ function init(Survey) {
         min: question.rangeMin,
         max: question.rangeMax,
         step: question.step,
+        enabled: !question.isReadOnly,
         value: question.value || question.rangeMin
       });
 
@@ -56,12 +57,20 @@ function init(Survey) {
       var updateValueHandler = function() {
         slider.setValue(question.value || question.rangeMin);
       };
+      question.readOnlyChangedCallback = function() {
+        if (question.isReadOnly) {
+          slider.disable();
+        } else {
+          slider.enable();
+        }
+      };
       question.bootstrapSlider = slider;
       question.valueChangedCallback = updateValueHandler;
     },
     willUnmount: function(question, el) {
       question.bootstrapSlider.destroy();
       question.bootstrapSlider = null;
+      question.readOnlyChangedCallback = null;
     }
   };
 

src/ck-editor.js

@@ -25,6 +25,8 @@ function init(Survey) {
         config.toolbarCanCollapse = true;
       };
       var editor = CKEDITOR.replace(el);
+      CKEDITOR.instances.editor1.config.readOnly = question.isReadOnly;
+
       var isValueChanging = false;
       var updateValueHandler = function() {
         if (isValueChanging) return;
@@ -35,10 +37,20 @@ function init(Survey) {
         question.value = editor.getData();
         isValueChanging = false;
       });
+
       question.valueChangedCallback = updateValueHandler;
+      question.readOnlyChangedCallback = function() {
+        if (question.isReadOnly) {
+          editor.setReadOnly(true);
+        } else {
+          editor.setReadOnly(false);
+        }
+      };
       updateValueHandler();
     },
-    willUnmount: function(question, el) {}
+    willUnmount: function(question, el) {
+      question.readOnlyChangedCallback = null;
+    }
   };
 
   Survey.CustomWidgetCollection.Instance.addCustomWidget(widget, "customtype");