Merge pull request #211 from edgarmueller/master

Make array renderer support read-only
eclipsesource · Apr 4, 2016 · 3397ea6 · 3397ea6
2 parents 507950b + 1e91361
commit 3397ea6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/components/renderers/controls/array/array-renderer.spec.ts b/components/renderers/controls/array/array-renderer.spec.ts
@@ -57,4 +57,34 @@ describe('Array renderer', () => {
         scope.$digest();
         expect(angular.element(el[0].getElementsByClassName('jsf-group').length)[0]).toBe(1);
     }));
+
+    it("should be capable of rendering an array as read-only", inject(($rootScope, $compile) => {
+        let scope = $rootScope.$new();
+        scope.schema = {
+            "properties": {
+                "comments": {
+                    "type": "array",
+                    "items": {
+                        "properties": {
+                            "msg": {"type": "string"}
+                        }
+                    }
+                }
+            }
+        };
+        scope.uiSchema = {
+            "type": "Control",
+            "scope": { "$ref": "#/properties/comments" },
+            "readOnly": true,
+            "options": {
+                "submit": true
+            }
+        };
+        scope.data = {};
+        let el = $compile('<jsonforms schema="schema" ui-schema="uiSchema" data="data"/>')(scope);
+        scope.$digest();
+        let fieldSet = angular.element(el[0].getElementsByTagName("fieldset"));
+        console.log(fieldSet);
+        expect(fieldSet.attr("disabled")).toBeDefined();
+    }));
 });
diff --git a/components/renderers/controls/array/array-renderer.ts b/components/renderers/controls/array/array-renderer.ts
@@ -102,7 +102,7 @@ class ArrayRenderer implements JSONForms.IRenderer {
 
             let template = `
             <jsonforms-layout class="jsf-group">
-              <fieldset>
+              <fieldset ${element.readOnly ? 'disabled' : ''}>
                 <legend>${label}</legend>
                 <div ng-repeat="renderDescription in element.generateControlDescriptions(element.instance[element.path]) ">
                   <jsonforms-dynamic-widget element="renderDescription">